53:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 54:I[544296,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"ItemStyles"] 55:I[8513,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"ScrollArea"] 76:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4c:["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"framer-motion"}] 4d:["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}] 4e:["$","li","tailwind-merge",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-merge","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"tailwind-merge"}]]}]}] 4f:["$","li","web-haptics",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/web-haptics","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"web-haptics"}]]}]}] 50:["$","$L53",null,{"namespace":"@bjork-ui","registryDependencies":[]}] 51:["$","$L54",null,{"children":["$","div",null,{"className":"@container","children":["$","div",null,{"className":"grid grid-cols-1 gap-4 @xl:grid-cols-2","children":[["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Light Mode"}],["$","div",null,{"children":["$","$L55",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","bjork-bg",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-bg",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#f7f3ea"}]]}],["$","div","bjork-surface",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-surface",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#fffcf6"}]]}],["$","div","bjork-surface-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-surface-muted",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":["$","div",null,{"className":"flex items-center gap-2","children":[["$","div",null,{"className":"size-4 flex-shrink-0","style":{"backgroundColor":"rgba(250, 246, 237, 0.94)"}}],["$","p",null,{"children":"rgba(250, 246, 237, 0.94)"}]]}]}]]}],["$","div","bjork-surface-hover",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-surface-hover",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#f5efe3"}]]}],["$","div","bjork-surface-active",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-surface-active",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#efe7d8"}]]}],["$","div","bjork-panel",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-panel",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#f8f2e7"}]]}],["$","div","bjork-menu",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-menu",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":["$","div",null,{"className":"flex items-center gap-2","children":[["$","div",null,{"className":"size-4 flex-shrink-0","style":{"backgroundColor":"rgba(255, 252, 246, 0.98)"}}],["$","p",null,{"children":"rgba(255, 252, 246, 0.98)"}]]}]}]]}],["$","div","bjork-field",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-field",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":["$","div",null,{"className":"flex items-center gap-2","children":[["$","div",null,{"className":"size-4 flex-shrink-0","style":{"backgroundColor":"rgba(255, 252, 246, 0.96)"}}],["$","p",null,{"children":"rgba(255, 252, 246, 0.96)"}]]}]}]]}],["$","div","bjork-field-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","bjork-field-muted",":"]}]}],"$L56"]}],"$L57","$L58","$L59","$L5a","$L5b","$L5c","$L5d","$L5e","$L5f","$L60","$L61","$L62","$L63","$L64","$L65","$L66","$L67","$L68","$L69","$L6a","$L6b","$L6c","$L6d","$L6e","$L6f","$L70","$L71"]}],"$L72"]}]}]]}],"$L73","$L74","$L75"]}]}]}] 77:T416d,"use client"; import React, { useState } from 'react'; import { motion, AnimatePresence, useReducedMotion } from 'framer-motion'; import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar'; import { Separator } from '@/components/ui/separator'; import { Copy, Shield, Car, Calendar, MapPin, User, CreditCard, X, Check } from 'lucide-react'; import { cn } from '@/lib/utils'; import { BjorkBadge } from '@/components/bjork-ui/primitives/badge'; import { BjorkButton } from '@/components/bjork-ui/primitives/button'; import { BjorkCard } from '@/components/bjork-ui/primitives/card'; interface DashboardCardModalProps { // Client information clientName?: string; clientAvatar?: string; dateOfBirth?: string; cityOfResidence?: string; idNumber?: string; policyNumber?: string; // Policy details policyType?: string; expiryDate?: string; vehicleInfo?: string; qrCodeImage?: string; // Event handlers onUpdatePolicy?: (data: Record) => void; onCopyId?: () => void; onCopyPolicy?: () => void; // Configuration enableAnimations?: boolean; className?: string; } export function DashboardCardModal({ clientName = "Sarah Johnson", clientAvatar = "https://images.unsplash.com/photo-1494790108755-2616b96e6ede?q=80&w=200", dateOfBirth = "March 15, 1985", cityOfResidence = "San Francisco, CA", idNumber = "ID-2589637410", policyNumber = "POL-8849271653", policyType = "Comprehensive Auto Insurance", expiryDate = "Dec 31, 2026", vehicleInfo = "2022 Tesla Model 3 • Blue", qrCodeImage = "https://api.qrserver.com/v1/create-qr-code/?size=80x80&data=POL-8849271653", onUpdatePolicy, onCopyId, onCopyPolicy, enableAnimations = true, className, }: DashboardCardModalProps) { const [showUpdateModule, setShowUpdateModule] = useState(false); const [copiedId, setCopiedId] = useState(false); const [copiedPolicy, setCopiedPolicy] = useState(false); const shouldReduceMotion = useReducedMotion(); const shouldAnimate = enableAnimations && !shouldReduceMotion; // Calculate days until expiry const getDaysUntilExpiry = () => { // Parse date string manually for better compatibility const [month, day, year] = expiryDate.split(' '); const months = { 'Jan': 0, 'Feb': 1, 'Mar': 2, 'Apr': 3, 'May': 4, 'Jun': 5, 'Jul': 6, 'Aug': 7, 'Sep': 8, 'Oct': 9, 'Nov': 10, 'Dec': 11 }; const cleanDay = parseInt(day.replace(',', '')); const cleanYear = parseInt(year); const expiry = new Date(cleanYear, months[month as keyof typeof months], cleanDay); const today = new Date(); const diffTime = expiry.getTime() - today.getTime(); const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); return diffDays; }; const daysUntilExpiry = getDaysUntilExpiry(); const isExpiringSoon = daysUntilExpiry <= 30; const handleCopyId = async () => { await navigator.clipboard.writeText(idNumber); setCopiedId(true); setTimeout(() => setCopiedId(false), 2000); onCopyId?.(); }; const handleCopyPolicy = async () => { await navigator.clipboard.writeText(policyNumber); setCopiedPolicy(true); setTimeout(() => setCopiedPolicy(false), 2000); onCopyPolicy?.(); }; const handleUpdatePolicy = () => { setShowUpdateModule(true); }; const handleConfirmUpdate = () => { const updateData = { policyNumber, clientName, timestamp: new Date().toISOString(), }; onUpdatePolicy?.(updateData); setShowUpdateModule(false); }; const handleCloseModule = () => { setShowUpdateModule(false); }; // Animation variants const containerVariants = { hidden: { opacity: 0, y: 20, scale: 0.95, filter: "blur(4px)", }, visible: { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", transition: { type: "spring", stiffness: 300, damping: 30, mass: 0.8, staggerChildren: 0.08, delayChildren: 0.1, }, }, }; const itemVariants = { hidden: { opacity: 0, x: -15, scale: 0.95, filter: "blur(2px)", }, visible: { opacity: 1, x: 0, scale: 1, filter: "blur(0px)", transition: { type: "spring", stiffness: 400, damping: 28, mass: 0.6, }, }, }; return (

{/* Main Content */} {/* Header with Avatar and Expiry */}

{clientName.split(' ').map(n => n[0]).join('')}

{isExpiringSoon ? `Expires in ${daysUntilExpiry} days` : "Active Policy"}

{expiryDate}

{/* Client Information */}

Client Name

{clientName}

Date of Birth

{dateOfBirth}

City of Residence

{cityOfResidence}

{/* ID Number with Copy */}

ID Number

{idNumber}

{copiedId ? ( ) : ( )}

{/* Policy Number with Copy */}

Policy Number

{policyNumber}

{copiedPolicy ? ( ) : ( )}

{/* Separator */} {/* Policy Details */}

Type of Insurance

{policyType}

Vehicle Information

{vehicleInfo}

{/* Update Policy Button */} Update Policy {/* Update Policy Module Overlay */} {showUpdateModule && ( {/* Close button */}

Update Policy

Confirm policy update for {clientName}

Policy Number

{policyNumber}

Cancel Confirm Update

)}

); } 78:T449,"use client" import * as React from "react" import * as AvatarPrimitive from "@radix-ui/react-avatar" import { cn } from "@/lib/utils" function Avatar({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarImage({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarFallback({ className, ...props }: React.ComponentProps) { return ( ) } export { Avatar, AvatarImage, AvatarFallback } 79:T8d3,"use client"; import * as React from "react"; import { motion, useReducedMotion, type HTMLMotionProps } from "framer-motion"; import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; const bjorkBadgeVariants = cva( "inline-flex w-fit shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-[9px] border font-medium outline-none transition-[background-color,border-color,color,box-shadow,opacity,transform] duration-200 focus-visible:ring-2 focus-visible:ring-[color:var(--bjork-accent-muted)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bjork-ring-offset)] [&_svg]:size-3", { variants: { variant: { default: "border-transparent bg-[var(--bjork-text)] text-[color:var(--bjork-inverted-text)] shadow-[var(--bjork-shadow-soft)]", secondary: "border-transparent bg-[var(--bjork-surface-active)] text-[color:var(--bjork-text)] shadow-[var(--bjork-shadow-soft)]", outline: "border-[color:var(--bjork-border)] bg-[var(--bjork-field-inset)] text-[color:var(--bjork-text-medium)]", muted: "border-transparent bg-[var(--bjork-field-muted)] text-[color:var(--bjork-text-soft)]", accent: "border-[color:var(--bjork-accent-muted)] bg-[var(--bjork-accent-badge)] text-[color:var(--bjork-accent-badge-foreground)] shadow-[var(--bjork-shadow-soft)]", }, size: { sm: "px-1.5 py-0.5 text-[11px]", md: "px-2 py-1 text-xs", lg: "px-2.5 py-1.5 text-sm", }, }, defaultVariants: { variant: "default", size: "md", }, }, ); export interface BjorkBadgeProps extends Omit, "ref">, VariantProps {} export function BjorkBadge({ className, variant, size, ...props }: BjorkBadgeProps) { const shouldReduceMotion = useReducedMotion(); return ( ); } export { bjorkBadgeVariants }; 7a:Te82,"use client"; import * as React from "react"; import { motion, useReducedMotion, type HTMLMotionProps } from "framer-motion"; import { cva, type VariantProps } from "class-variance-authority"; import { useWebHaptics } from "web-haptics/react"; import type { HapticInput, TriggerOptions } from "web-haptics"; import { cn } from "@/lib/utils"; const bjorkButtonVariants = cva( "inline-flex shrink-0 transform-gpu items-center justify-center gap-2 whitespace-nowrap rounded-[13px] text-sm font-medium tracking-[-0.01em] outline-none backdrop-blur-md transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-out focus-visible:ring-2 focus-visible:ring-[#ec5c13]/45 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bjork-ring-offset)] disabled:pointer-events-none disabled:opacity-35 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { variants: { variant: { default: "border border-transparent bg-[var(--bjork-field)] text-[color:var(--bjork-text)] shadow-[var(--bjork-shadow-surface)] hover:bg-[var(--bjork-surface-hover)]", secondary: "border border-[color:var(--bjork-border)] bg-[var(--bjork-surface-active)] text-[color:var(--bjork-text)] shadow-[var(--bjork-shadow-soft)] hover:bg-[var(--bjork-surface-hover)]", outline: "border border-[color:var(--bjork-border)] bg-[var(--bjork-field-inset)] text-[color:var(--bjork-text-strong)] shadow-[var(--bjork-shadow-soft)] hover:border-[color:var(--bjork-border-strong)] hover:bg-[var(--bjork-surface)] hover:text-[color:var(--bjork-text)]", ghost: "border border-transparent bg-transparent text-[color:var(--bjork-text-muted)] hover:bg-[var(--bjork-surface-hover)] hover:text-[color:var(--bjork-text)]", quiet: "border border-transparent bg-[var(--bjork-field-muted)] text-[color:var(--bjork-text-soft)] hover:bg-[var(--bjork-surface-hover)] hover:text-[color:var(--bjork-text-medium)]", accent: "bjork-layered-button-accent tracking-tight text-white", raised: "bjork-layered-button-raised tracking-tight", }, size: { sm: "h-8 px-3 text-xs", md: "h-[45px] px-4", lg: "h-12 px-5 text-[15px]", icon: "size-[45px] p-0", }, }, defaultVariants: { variant: "default", size: "md", }, }, ); export interface BjorkButtonProps extends Omit, "ref" | "size">, VariantProps { haptics?: boolean; hapticPattern?: HapticInput; hapticOptions?: TriggerOptions; } export function BjorkButton({ className, variant, size, disabled, haptics = true, hapticPattern = "light", hapticOptions, onPointerDown, ...props }: BjorkButtonProps) { const shouldReduceMotion = useReducedMotion(); const { trigger } = useWebHaptics(); const handlePointerDown = React.useCallback( (event: React.PointerEvent) => { if (!disabled && haptics) { void trigger(hapticPattern, hapticOptions); } onPointerDown?.(event); }, [disabled, hapticOptions, hapticPattern, haptics, onPointerDown, trigger], ); return ( ); } export { bjorkButtonVariants }; 7b:Te04,"use client"; import * as React from "react"; import { motion, useReducedMotion, type HTMLMotionProps } from "framer-motion"; import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; const bjorkCardVariants = cva( "relative flex flex-col overflow-hidden rounded-[20px] border text-[color:var(--bjork-text)] outline-none transition-[background-color,border-color,box-shadow,opacity,transform] duration-300 focus-visible:ring-2 focus-visible:ring-[#ec5c13]/45 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bjork-ring-offset)]", { variants: { variant: { surface: "border-[color:var(--bjork-border-muted)] bg-[var(--bjork-surface)] shadow-[var(--bjork-shadow-surface)]", elevated: "border-[color:var(--bjork-border-muted)] bg-[var(--bjork-surface)] shadow-[var(--bjork-shadow-surface)]", quiet: "border-[color:var(--bjork-border-muted)] bg-[var(--bjork-panel)] shadow-[var(--bjork-shadow-soft)]", interactive: "cursor-pointer border-[color:var(--bjork-border-muted)] bg-[var(--bjork-surface)] shadow-[var(--bjork-shadow-surface)] hover:border-[color:var(--bjork-border)] hover:bg-[var(--bjork-surface-hover)]", }, padding: { none: "p-0", sm: "p-3", md: "p-4", lg: "p-5", }, }, defaultVariants: { variant: "surface", padding: "md", }, }, ); export interface BjorkCardProps extends Omit, "ref">, VariantProps {} export function BjorkCard({ className, variant, padding, ...props }: BjorkCardProps) { const shouldReduceMotion = useReducedMotion(); const isInteractive = variant === "interactive" || props.role === "button"; return ( ); } export function BjorkCardHeader({ className, ...props }: React.ComponentProps<"div">) { return (

); } export function BjorkCardTitle({ className, ...props }: React.ComponentProps<"h3">) { return (

); } export function BjorkCardDescription({ className, ...props }: React.ComponentProps<"p">) { return (
); } export function BjorkCardContent({ className, ...props }: React.ComponentProps<"div">) { return (
); } export function BjorkCardFooter({ className, ...props }: React.ComponentProps<"div">) { return (
); } export { bjorkCardVariants }; 52:["$","$L76",null,{"files":[{"path":"components/bjork-ui/cards/dashboard-card-modal.tsx","content":"$77","type":"registry:component","target":"@components/bjork-ui/cards/dashboard-card-modal.tsx"},{"path":"components/ui/avatar.tsx","content":"$78","type":"registry:ui","target":"@ui/avatar.tsx"},{"path":"lib/utils.ts","content":"import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","type":"registry:lib","target":"@lib/utils.ts"},{"path":"components/ui/separator.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport { Separator }\n","type":"registry:ui","target":"@ui/separator.tsx"},{"path":"components/bjork-ui/primitives/badge.tsx","content":"$79","type":"registry:component","target":"@components/bjork-ui/primitives/badge.tsx"},{"path":"components/bjork-ui/primitives/button.tsx","content":"$7a","type":"registry:component","target":"@components/bjork-ui/primitives/button.tsx"},{"path":"components/bjork-ui/primitives/card.tsx","content":"$7b","type":"registry:component","target":"@components/bjork-ui/primitives/card.tsx"}],"className":"h-[70svh] min-h-80"}]