npm - admin-ui-starter-kit - Versions diffs - 0.6.5 → 0.6.7 - Mend

admin-ui-starter-kit 0.6.5 → 0.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1204) hide show

package/dist/components/composed/cards/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/cards/contact-card/types.ts","../../../../src/components/composed/cards/contact-card/contact-card.tsx","../../../../src/components/composed/cards/gradient-card/gradient-card.tsx","../../../../src/components/composed/cards/giftcard-card/types.ts","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-full.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-compact.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-minimal.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-dark.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-illustrated.tsx","../../../../src/components/composed/cards/course-card/types.ts","../../../../src/components/composed/cards/course-card/course-card.tsx","../../../../src/components/composed/cards/feature-announcement/feature-announcement.tsx","../../../../src/components/composed/cards/vendor-profile/types.ts","../../../../src/components/composed/cards/vendor-profile/vendor-profile.tsx"],"sourcesContent":["import type { ComposedBadgeVariant as BadgeVariant } from '@/components/base/badge/badge';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface ContactCardStrings {\n contact: string;\n profile: string;\n}\n\nexport const defaultContactCardStrings: ContactCardStrings = {\n contact: 'Contact',\n profile: 'Profile',\n};\n\nexport interface ContactCardProps {\n name: string;\n role?: string;\n email?: string;\n phone?: string;\n location?: string;\n avatarUrl?: string;\n initials?: string;\n badge?: string;\n badgeVariant?: BadgeVariant;\n onContact?: () => void;\n onViewProfile?: () => void;\n className?: string;\n /** Override default action button labels. /\n strings?: StringsProp<ContactCardStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { Button } from '@/components/base/buttons';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';\nimport {\n Item,\n ItemContent,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/lib/strings';\nimport { Mail, Phone, MapPin, ExternalLink } from 'lucide-react';\nimport { defaultContactCardStrings, type ContactCardProps } from './types';\n\nfunction deriveInitials(name: string, initials?: string): string {\n\tif (initials) return initials;\n\treturn name\n\t\t.split(' ')\n\t\t.map((part) => part[0])\n\t\t.slice(0, 2)\n\t\t.join('')\n\t\t.toUpperCase();\n}\n\n/\n ContactCard — Avatar + name + role + contact details (email, phone, location)\n * with optional Contact / Profile actions and a status badge.\n \n Contact details render through `<ItemGroup>` + `<Item>` so density and\n * media slots stay aligned with the rest of the library; the header and CTA\n * row remain bespoke because they are not Item-shaped.\n /\nexport function ContactCard({\n\tname,\n\trole,\n\temail,\n\tphone,\n\tlocation,\n\tavatarUrl,\n\tinitials,\n\tbadge,\n\tbadgeVariant = 'success',\n\tonContact,\n\tonViewProfile,\n\tclassName,\n\tstrings: stringsProp,\n}: ContactCardProps) {\n\tconst strings = useStrings(defaultContactCardStrings, stringsProp);\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('contact-card--component', \n\t\t\t\t'overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex items-start gap-3\">\n\t\t\t\t<Avatar className=\"size-avatar-lg shrink-0 border border-border\">\n\t\t\t\t\t{!!avatarUrl && <AvatarImage src={avatarUrl} alt={name} />}\n\t\t\t\t\t<AvatarFallback className=\"text-sm font-semibold\">\n\t\t\t\t\t\t{deriveInitials(name, initials)}\n\t\t\t\t\t</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Text weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!badge && <Badge variant={badgeVariant}>{badge}</Badge>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!role && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t{role}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!!(email \|\| phone \|\| location) && (\n\t\t\t\t<ItemGroup className=\"mt-4 gap-0\">\n\t\t\t\t\t{!!email && (\n\t\t\t\t\t\t<Item size=\"small\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t<Mail />\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{email}</ItemTitle>\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!phone && (\n\t\t\t\t\t\t<Item size=\"small\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t<Phone />\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{phone}</ItemTitle>\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!location && (\n\t\t\t\t\t\t<Item size=\"small\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t<MapPin />\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{location}</ItemTitle>\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t)}\n\t\t\t\t</ItemGroup>\n\t\t\t)}\n\n\t\t\t{!!(onContact \|\| onViewProfile) && (\n\t\t\t\t<div className=\"mt-4 flex items-center gap-2\">\n\t\t\t\t\t{!!onContact && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\ticon={Mail}\n\t\t\t\t\t\t\tonClick={onContact}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.contact}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!onViewProfile && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\ticon={ExternalLink}\n\t\t\t\t\t\t\tonClick={onViewProfile}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.profile}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nContactCard.displayName = 'ContactCard';\n","/\n GradientCard — vivid gradient surface with a clear single-axis layout.\n \n Structure (all sections optional, all left-aligned):\n \n ┌──────────────────────────────────────────┐\n * │ Title [icon] [×] │ ← header: title\|subtitle / icon / badge\n * │ Subtitle │\n * │ │\n * │ 24 │ ← hero value (large, eyebrow above)\n * │ orders awaiting fulfillment URGENT │\n * │ │\n * │ ⚠ 3 orders older than 48h 3 │ ← inline alert (subordinate to value)\n * │ │\n * │ ──────────────────────────────────────── │\n * │ [Review Orders] footer │ ← action / footer\n * └──────────────────────────────────────────┘\n \n Earlier centered-hero mode pushed every element to the centerline which made\n * the alert dominate over the value and produced a fragmented vertical rhythm.\n * The new layout keeps everything on the leading edge so the eye walks\n * top-down: identity → value → context → action.\n \n For the compact \"metric tile\" use-case (single value + change), see\n * `GradientCardCompact` below.\n /\nimport { type ReactNode, useId } from 'react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { cn } from '@/lib/utils';\nimport {\n\ttype GradientPreset,\n\ttype PatternType,\n\ttype GradientCardProps,\n\ttype GradientCardCompactProps,\n} from './types';\n\n// ──────────────────────────────────────────────────────────────────────────\n// Gradient + pattern presets\n// ──────────────────────────────────────────────────────────────────────────\n\nconst GRADIENT_MAP: Record<GradientPreset, string> = {\n\tcoral: 'bg-gradient-to-br from-destructive to-warning',\n\tocean: 'bg-gradient-to-br from-info to-primary',\n\tforest: 'bg-gradient-to-br from-success to-info',\n\ttwilight: 'bg-gradient-to-br from-foreground to-info',\n\tember: 'bg-gradient-to-br from-destructive via-warning to-destructive',\n};\n\nfunction PatternCircles() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t\t<div className=\"absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t</>\n\t);\n}\n\nfunction PatternDiagonal() {\n\tconst rawId = useId();\n\tconst patternId = `gradient-card-diag-stripes-${rawId.replace(/:/g, '')}`;\n\n\treturn (\n\t\t<svg\n\t\t\tclassName=\"absolute inset-0 h-full w-full opacity-[0.04]\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<defs>\n\t\t\t\t<pattern\n\t\t\t\t\tid={patternId}\n\t\t\t\t\twidth=\"8\"\n\t\t\t\t\theight=\"8\"\n\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\tpatternTransform=\"rotate(45)\"\n\t\t\t\t>\n\t\t\t\t\t<rect width=\"2\" height=\"8\" className=\"fill-inverse-foreground\" />\n\t\t\t\t</pattern>\n\t\t\t</defs>\n\t\t\t<rect width=\"100%\" height=\"100%\" fill={`url(#${patternId})`} />\n\t\t</svg>\n\t);\n}\n\nconst PATTERN_MAP: Record<PatternType, (() => ReactNode) \| null> = {\n\tnone: null,\n\tcircles: () => <PatternCircles />,\n\tdiagonal: () => <PatternDiagonal />,\n};\n\n// ──────────────────────────────────────────────────────────────────────────\n// GradientCard\n// ──────────────────────────────────────────────────────────────────────────\n\nexport function GradientCard({\n\tgradient = 'coral',\n\tpattern = 'none',\n\ttitle,\n\tsubtitle,\n\tvalue,\n\tvalueLabel,\n\tbadge,\n\ticon: Icon,\n\talertText,\n\talertCount,\n\taction,\n\tfooter,\n\tchildren,\n\tclassName,\n}: GradientCardProps) {\n\tconst PatternRenderer = PATTERN_MAP[pattern];\n\tconst hasHeader = !!(title \|\| subtitle \|\| Icon);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'gradient-card--component relative overflow-hidden rounded-lg',\n\t\t\t\tGRADIENT_MAP[gradient],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!PatternRenderer && PatternRenderer()}\n\n\t\t\t<div className=\"relative flex flex-col gap-5 p-6\">\n\t\t\t\t{/ Header — title + subtitle on the leading edge, icon as a\n\t\t\t\t rounded square on the trailing edge so it acts as a brand\n\t\t\t\t mark rather than competing for the centerline. /}\n\t\t\t\t{!!hasHeader && (\n\t\t\t\t\t<div className=\"flex items-start justify-between gap-4\">\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\tclassName=\"tracking-tight leading-snug text-inverse-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!subtitle && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"mt-0.5 leading-snug text-inverse-muted\">\n\t\t\t\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon className=\"size-5\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/ Hero value block — eyebrow above the figure, optional badge\n\t\t\t\t on the trailing edge of the label row. The figure is the\n\t\t\t\t visual anchor of the card. /}\n\t\t\t\t{!!value && (\n\t\t\t\t\t<div className=\"flex flex-col gap-1\">\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttag=\"h3\"\n\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\tclassName=\"text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t{(valueLabel \|\| badge) && (\n\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t{!!valueLabel && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"leading-snug text-inverse-muted\">\n\t\t\t\t\t\t\t\t\t\t{valueLabel}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{!!badge && (\n\t\t\t\t\t\t\t\t\t<span className=\"inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm\">\n\t\t\t\t\t\t\t\t\t\t{badge}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/ Inline alert — subordinate to the value, sits below it. /}\n\t\t\t\t{!!alertText && (\n\t\t\t\t\t<div className=\"flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm\">\n\t\t\t\t\t\t<Text className=\"min-w-0 flex-1 leading-snug text-inverse-foreground\">\n\t\t\t\t\t\t\t{alertText}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!alertCount && (\n\t\t\t\t\t\t\t<span className=\"inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground\">\n\t\t\t\t\t\t\t\t{alertCount}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!children && <div>{children}</div>}\n\n\t\t\t\t{(!!action \|\| !!footer) && (\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-3 pt-1\">\n\t\t\t\t\t\t\t{action ? (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"dark\"\n\t\t\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\t\t\tclassName=\"rounded-xl px-4\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"text-inverse-muted\">{footer}</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGradientCard.displayName = 'GradientCard';\n\n// ──────────────────────────────────────────────────────────────────────────\n// GradientCardCompact — single-metric tile\n// ──────────────────────────────────────────────────────────────────────────\n\nexport function GradientCardCompact({\n\tgradient = 'coral',\n\tpattern = 'none',\n\ttitle,\n\tvalue,\n\tchange,\n\tsubtitle,\n\tclassName,\n}: GradientCardCompactProps) {\n\tconst PatternRenderer = PATTERN_MAP[pattern];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'gradient-card-compact--component relative overflow-hidden rounded-lg',\n\t\t\t\tGRADIENT_MAP[gradient],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!PatternRenderer && PatternRenderer()}\n\n\t\t\t<div className=\"relative flex flex-col gap-1 p-5\">\n\t\t\t\t{!!title && (\n\t\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"uppercase tracking-wider text-inverse-muted\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t{!!value && (\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttag=\"h4\"\n\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\tclassName=\"text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!change && (\n\t\t\t\t\t\t<span className=\"inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm\">\n\t\t\t\t\t\t\t{change}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!subtitle && (\n\t\t\t\t\t<Text size=\"xs\" className=\"leading-snug text-inverse-subtle\">\n\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGradientCardCompact.displayName = 'GradientCardCompact';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface GiftcardData {\n\tcode: string;\n\tamount: string;\n\tremainingAmount?: string;\n\tcurrency?: string;\n\tstatus: 'active' \| 'redeemed' \| 'expired' \| 'disabled';\n\trecipientName?: string;\n\tsenderName?: string;\n\tmessage?: string;\n\texpiresAt?: string;\n\tcreatedAt?: string;\n\ttemplate?: string;\n\tonView?: () => void;\n}\n\nexport type GradientVariant = 'purple' \| 'green' \| 'warm';\nexport type PatternVariant = 'none' \| 'circles' \| 'waves';\nexport type AccentColor = 'green' \| 'purple' \| 'warm';\nexport type HeaderColor = 'green' \| 'blue' \| 'amber';\n\nexport type GiftcardStatus = GiftcardData['status'];\n\n/\n Localised labels for giftcard cards. Covers status chips, the recurring\n * field labels rendered by all five partials (full / dark / illustrated /\n * minimal / compact), and the inline button labels.\n \n Override per-instance via `strings`.\n /\nexport interface GiftcardStrings {\n\tstatus: Record<GiftcardStatus, string>;\n\tgiftCard: string;\n\tbalance: string;\n\tpersonalMessage: string;\n\tto: string;\n\tfrom: string;\n\texpires: string;\n\trecipient: string;\n\tviewDetails: string;\n\tcopyCode: string;\n}\n\nexport const defaultGiftcardStrings: GiftcardStrings = {\n\tstatus: {\n\t\tactive: 'Active',\n\t\tredeemed: 'Redeemed',\n\t\texpired: 'Expired',\n\t\tdisabled: 'Disabled',\n\t},\n\tgiftCard: 'Gift Card',\n\tbalance: 'Balance',\n\tpersonalMessage: 'Personal Message',\n\tto: 'To',\n\tfrom: 'From',\n\texpires: 'Expires',\n\trecipient: 'Recipient',\n\tviewDetails: 'View Details',\n\tcopyCode: 'Copy code',\n};\n\nexport interface GiftcardCommonProps {\n\t/* Override default English giftcard strings. /\n\tstrings?: StringsProp<GiftcardStrings>;\n}\n\nexport const giftcardStatusVariant: Record<\n\tGiftcardStatus,\n\t'success' \| 'secondary' \| 'error' \| 'warning'\n> = {\n\tactive: 'success',\n\tredeemed: 'secondary',\n\texpired: 'error',\n\tdisabled: 'warning',\n};\n\n/\n @deprecated Use `defaultGiftcardStrings.status` for labels and\n * `giftcardStatusVariant` for badge variants. Kept for backwards compatibility.\n /\nexport const giftcardStatusMap = {\n\tactive: { label: defaultGiftcardStrings.status.active, variant: 'success' as const },\n\tredeemed: { label: defaultGiftcardStrings.status.redeemed, variant: 'secondary' as const },\n\texpired: { label: defaultGiftcardStrings.status.expired, variant: 'error' as const },\n\tdisabled: { label: defaultGiftcardStrings.status.disabled, variant: 'warning' as const },\n};\n\nexport const gradientMap: Record<GradientVariant, { card: string; strip: string }> = {\n\tpurple: {\n\t\tcard: 'from-primary via-primary/90 to-info',\n\t\tstrip: 'from-primary via-primary/90 to-info',\n\t},\n\tgreen: {\n\t\tcard: 'from-success via-info to-success',\n\t\tstrip: 'from-success via-info to-success',\n\t},\n\twarm: {\n\t\tcard: 'from-warning via-warning/90 to-destructive',\n\t\tstrip: 'from-warning via-warning/90 to-destructive',\n\t},\n};\n\nexport const compactGradientMap: Record<GradientVariant, string> = {\n\tpurple: 'from-primary to-info',\n\tgreen: 'from-success to-info',\n\twarm: 'from-warning to-destructive',\n};\n\nexport const accentColorMap: Record<AccentColor, { line: string; iconBg: string }> = {\n\tgreen: { line: 'bg-success', iconBg: 'bg-success/15 text-success' },\n\tpurple: { line: 'bg-primary', iconBg: 'bg-primary/15 text-primary' },\n\twarm: { line: 'bg-warning', iconBg: 'bg-warning/15 text-warning-foreground' },\n};\n\nexport const headerGradientMap: Record<HeaderColor, string> = {\n\tgreen: 'from-success to-info',\n\tblue: 'from-info to-primary',\n\tamber: 'from-warning to-destructive',\n};\n\nexport const headerIconBgMap: Record<HeaderColor, string> = {\n\tgreen: 'bg-success ring-4 ring-background shadow-lg',\n\tblue: 'bg-info ring-4 ring-background shadow-lg',\n\tamber: 'bg-warning ring-4 ring-background shadow-lg',\n};\n","/\n GiftcardCard (full) — premium gradient layout with optional\n * pattern overlay (circles / waves), header status chip, balance / strike-\n * through line, copyable code strip, personal message block, and metadata\n * grid (To / From / Expires). Strings overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Button } from '@/components/base/buttons';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport {\n\tGift,\n\tCopy,\n\tEye,\n} from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\ttype GradientVariant,\n\ttype PatternVariant,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n\tgradientMap,\n} from '../types';\n\nexport function GiftcardCard({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\tsenderName,\n\tmessage,\n\texpiresAt,\n\tcreatedAt: _createdAt,\n\ttemplate: _template,\n\tonView,\n\tgradient = 'purple',\n\tpattern = 'none',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData &\n\tGiftcardCommonProps & {\n\t\tgradient?: GradientVariant;\n\t\tpattern?: PatternVariant;\n\t\tclassName?: string;\n\t}) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.to, value: recipientName }] : []),\n\t\t...(senderName ? [{ label: strings.from, value: senderName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out',\n\t\t\t\t'hover:shadow-md hover:shadow-foreground/10',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{/ Gift card header /}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6',\n\t\t\t\t\tgradientMap[gradient].card,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/ Pattern: circles /}\n\t\t\t\t{pattern === 'circles' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t\t\t\t\t<div className=\"absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{/ Pattern: waves /}\n\t\t\t\t{pattern === 'waves' && (\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName=\"absolute inset-0 h-full w-full opacity-5\"\n\t\t\t\t\t\tviewBox=\"0 0 400 200\"\n\t\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path d=\"M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z\" className=\"fill-inverse-foreground\" />\n\t\t\t\t\t\t<path d=\"M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z\" className=\"fill-inverse-foreground\" />\n\t\t\t\t\t</svg>\n\t\t\t\t)}\n\n\t\t\t\t{/ Status badge — top-right overlay with glass effect.\n\t\t\t\t Custom inline pill uses inverse-surface tokens so the label\n\t\t\t\t reads cleanly against any gradient. /}\n\t\t\t\t<div className=\"absolute top-4 right-4 z-20\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wide',\n\t\t\t\t\t\t\t'bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tdata-status={statusVariant}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"size-1.5 rounded-full bg-inverse-foreground/85\" aria-hidden=\"true\" />\n\t\t\t\t\t\t{statusLabel}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"relative z-10\">\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Gift className=\"h-5 w-5 text-inverse-foreground opacity-80\" />\n\t\t\t\t\t\t<Text weight=\"medium\" className=\"text-inverse-muted\">{strings.giftCard}</Text>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"mt-8 mb-5\">\n\t\t\t\t\t\t<Text size=\"xs\" className=\"uppercase tracking-wider text-inverse-subtle\">{strings.balance}</Text>\n\t\t\t\t\t\t<div className=\"flex items-baseline gap-2.5 mt-1\">\n\t\t\t\t\t\t\t<Heading tag=\"h2\" className=\"text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm\">\n\t\t\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t\t\t<Text className=\"line-through tabular-nums text-inverse-disabled\">{amount}</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/ Code strip — premium feel /}\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex items-center gap-2 rounded-lg px-4 py-2.5',\n\t\t\t\t\t\t\t'bg-inverse-surface backdrop-blur-sm',\n\t\t\t\t\t\t\t'border border-inverse-border',\n\t\t\t\t\t\t\t'shadow-sm',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text weight=\"semibold\" className=\"flex-1 font-mono tracking-[0.2em] text-inverse-foreground\">\n\t\t\t\t\t\t\t{code}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tclassName=\"p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100\"\n\t\t\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Copy className=\"h-4 w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/ Details section — structured metadata grid /}\n\t\t\t<div className=\"rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4\">\n\t\t\t\t{!!message && (\n\t\t\t\t\t<div className=\"rounded-lg bg-muted/50 p-3 border border-border/30\">\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"mb-1 uppercase tracking-wide\">\n\t\t\t\t\t\t\t{strings.personalMessage}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"italic leading-relaxed\">\n\t\t\t\t\t\t\t“{message}”\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<MetadataList items={metadataItems} columns={2} />\n\n\t\t\t\t{!!onView && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\ticon={Eye}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGiftcardCard.displayName = 'GiftcardCard';\n","/\n GiftcardCompact — single-row compact layout. Square gradient gift icon on\n * the left, code + recipient in the middle, amount + status badge on the\n * right. Use for inline lists / tables of giftcards. Strings overridable.\n /\nimport { Text } from '@/components/typography/text';\nimport { Badge } from '@/components/base/badge/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift } from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\ttype GradientVariant,\n\tcompactGradientMap,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n} from '../types';\n\nexport function GiftcardCompact({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\tgradient = 'purple',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { gradient?: GradientVariant; className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\n\treturn (\n\t\t<Item\n\t\t\tsize=\"small\"\n\t\t\tvariant=\"outline\"\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<ItemMedia variant=\"image\">\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'flex size-full items-center justify-center bg-gradient-to-br',\n\t\t\t\t\t\tcompactGradientMap[gradient],\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Gift className=\"h-4 w-4 text-inverse-foreground\" />\n\t\t\t\t</div>\n\t\t\t</ItemMedia>\n\n\t\t\t<ItemContent className=\"min-w-0\">\n\t\t\t\t<ItemTitle className=\"w-full max-w-full truncate whitespace-nowrap font-mono text-xs\">{code}</ItemTitle>\n\t\t\t\t{!!recipientName && <ItemDescription clamp={1}>{recipientName}</ItemDescription>}\n\t\t\t</ItemContent>\n\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<div className=\"flex shrink-0 flex-col items-end gap-0.5\">\n\t\t\t\t\t<div className=\"flex items-baseline gap-1\">\n\t\t\t\t\t\t<Text size=\"sm\" weight=\"bold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<Badge variant={statusVariant} size=\"small\">{statusLabel}</Badge>\n\t\t\t\t</div>\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nGiftcardCompact.displayName = 'GiftcardCompact';\n","/\n GiftcardCardMinimal — clean minimal layout. A small accent line (driven by\n * `color`) sits above the header icon + label, balance, code strip, and\n * metadata rows. Footer \"View details\" link uses an arrow affordance.\n * Strings overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Copy, ArrowRight } from 'lucide-react';\nimport {\n\ttype AccentColor,\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\taccentColorMap,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n} from '../types';\n\nexport function GiftcardCardMinimal({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\texpiresAt,\n\tonView,\n\tcolor = 'green',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { color?: AccentColor; className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst accent = accentColorMap[color];\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.recipient, value: recipientName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className={cn('mx-4 mt-3 h-1 w-12 rounded-sm', accent.line)} />\n\n\t\t\t<Item size=\"small\" className=\"flex-nowrap items-center\">\n\t\t\t\t<ItemMedia>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex h-7 w-7 items-center justify-center rounded-full',\n\t\t\t\t\t\t\taccent.iconBg,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Gift className=\"h-3.5 w-3.5\" />\n\t\t\t\t\t</div>\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle bold={false} className=\"text-muted-foreground\">{strings.giftCard}</ItemTitle>\n\t\t\t\t</ItemContent>\n\t\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t\t<Badge variant={statusVariant} size=\"small\">{statusLabel}</Badge>\n\t\t\t\t</ItemActions>\n\t\t\t</Item>\n\n\t\t\t<div className=\"px-4 pb-2 pt-0\">\n\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t<Heading tag=\"h2\" className=\"border-none pb-0 text-2xl tabular-nums\">\n\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t<Text type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5\">\n\t\t\t\t<Text weight=\"medium\" className=\"flex-1 font-mono tracking-[0.15em]\">\n\t\t\t\t\t{code}\n\t\t\t\t</Text>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t>\n\t\t\t\t\t<Copy className=\"h-3.5 w-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<MetadataList\n\t\t\t\titems={metadataItems}\n\t\t\t\tcolumns={1}\n\t\t\t\tdense\n\t\t\t\tgapClassName=\"gap-1.5\"\n\t\t\t\tclassName=\"px-4 pb-1.5 pt-2\"\n\t\t\t/>\n\n\t\t\t{!!onView && (\n\t\t\t\t<div className=\"mt-1 border-t border-border/30 px-3 py-1.5\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t\tclassName=\"group/link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t\t<ArrowRight className=\"ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nGiftcardCardMinimal.displayName = 'GiftcardCardMinimal';\n","/\n GiftcardCardDark — premium dark variant. Header with chart-2 gift icon,\n * status chip, balance + strike-through line, code strip, metadata rows\n * (recipient / expires), and an outline call-to-action footer. Strings\n * overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Copy, Eye } from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n} from '../types';\n\nexport function GiftcardCardDark({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\texpiresAt,\n\tonView,\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.recipient, value: recipientName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Item size=\"small\">\n\t\t\t\t<ItemMedia>\n\t\t\t\t\t<div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-warning/15\">\n\t\t\t\t\t\t<Gift className=\"h-4 w-4 text-warning\" />\n\t\t\t\t\t</div>\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle bold={false} className=\"text-muted-foreground\">{strings.giftCard}</ItemTitle>\n\t\t\t\t</ItemContent>\n\t\t\t\t<ItemActions>\n\t\t\t\t\t<Badge variant={statusVariant}>{statusLabel}</Badge>\n\t\t\t\t</ItemActions>\n\t\t\t</Item>\n\n\t\t\t{/ Amount /}\n\t\t\t<div className=\"px-4 pb-3 pt-2\">\n\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t<Heading tag=\"h2\" className=\"border-none pb-0 text-3xl tabular-nums\">\n\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t<Text type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/ Code strip /}\n\t\t\t<div className=\"mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2\">\n\t\t\t\t<Text weight=\"medium\" className=\"font-mono tracking-[0.15em] flex-1\">\n\t\t\t\t\t{code}\n\t\t\t\t</Text>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tclassName=\"p-1 h-auto\"\n\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t>\n\t\t\t\t\t<Copy className=\"h-3.5 w-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<MetadataList\n\t\t\t\titems={metadataItems}\n\t\t\t\tcolumns={1}\n\t\t\t\tclassName=\"px-4 pb-2 pt-3\"\n\t\t\t/>\n\n\t\t\t{/ Footer — inverse button on the dark surface so the label\n\t\t\t always reads without raw palette overrides. /}\n\t\t\t{!!onView && (\n\t\t\t\t<div className=\"px-4 pb-4 pt-2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"dark\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\ticon={Eye}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nGiftcardCardDark.displayName = 'GiftcardCardDark';\n","/\n GiftcardCardIllustrated — gift-card surface with a compact illustrated\n * header, balance + status row, code strip, details, and a footer action.\n * Strings are overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge } from '@/components/base/display';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Copy, Eye } from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\ttype HeaderColor,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n\theaderGradientMap,\n\theaderIconBgMap,\n} from '../types';\n\nexport function GiftcardCardIllustrated({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\texpiresAt,\n\tonView,\n\theaderColor = 'green',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { headerColor?: HeaderColor; className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.recipient, value: recipientName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className={cn('relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4', headerGradientMap[headerColor])}>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"absolute inset-0 opacity-80\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundImage:\n\t\t\t\t\t\t\t'repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)',\n\t\t\t\t\t}}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t\t<IconBadge\n\t\t\t\t\ticon={Gift}\n\t\t\t\t\tsize=\"default\"\n\t\t\t\t\tshape=\"square\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'relative rounded-md text-inverse-foreground ring-1 ring-inverse-border',\n\t\t\t\t\t\theaderIconBgMap[headerColor],\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"relative uppercase tracking-wider text-inverse-foreground opacity-80\">\n\t\t\t\t\t{strings.giftCard}\n\t\t\t\t</Text>\n\t\t\t</div>\n\n\t\t\t<div className=\"space-y-3 px-4 py-4\">\n\t\t\t\t<div className=\"flex items-start justify-between\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t\t\t<Heading tag=\"h2\" className=\"border-none pb-0 text-2xl tabular-nums\">\n\t\t\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t\t\t<Text type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t{strings.balance}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Badge variant={statusVariant}>{statusLabel}</Badge>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2\">\n\t\t\t\t\t<Text weight=\"medium\" className=\"font-mono tracking-[0.15em] flex-1\">\n\t\t\t\t\t\t{code}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tclassName=\"p-1 h-auto\"\n\t\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Copy className=\"h-3.5 w-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\n\t\t\t\t<MetadataList items={metadataItems} columns={2} />\n\n\t\t\t\t{!!onView && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\ticon={Eye}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGiftcardCardIllustrated.displayName = 'GiftcardCardIllustrated';\n","import type { ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface CourseParticipant {\n\t/* Display name (used for tooltip + initials extraction). /\n\tname?: string;\n\t/* Pre-computed initials override. /\n\tinitials?: string;\n\t/* Optional photo. /\n\timageUrl?: string;\n}\n\nexport interface CourseBadge {\n\tlabel: string;\n\tvariant: ComposedBadgeVariant;\n}\n\nexport type CourseCardVariant = 'default' \| 'minimal' \| 'gradient';\n\nexport interface CourseCardStrings {\n\tparticipants: string;\n\tprogress: string;\n}\n\nexport const defaultCourseCardStrings: CourseCardStrings = {\n\tparticipants: 'Participants',\n\tprogress: 'Progress',\n};\n\nexport interface CourseCardProps {\n\ttitle: string;\n\tdescription?: string;\n\tbadges?: CourseBadge[];\n\tparticipants?: CourseParticipant[];\n\textraParticipants?: number;\n\tprogressPercent?: number;\n\tactionLabel?: string;\n\tonAction?: () => void;\n\tclassName?: string;\n\tstrings?: StringsProp<CourseCardStrings>;\n\t/* Visual variant. Default `default`. /\n\tvariant?: CourseCardVariant;\n\t/* Optional gradient (`from-... via-... to-...` Tailwind tokens) for `gradient` variant. /\n\tgradient?: string;\n}\n","/\n CourseCard — course summary tile with title, description, badges row,\n * stacked-avatar participants block, progress bar, and primary action.\n \n Three variants:\n * - `default` — soft gradient surface (current behaviour)\n * - `gradient` — subtle featured gradient using the same SmartCard chrome\n * - `minimal` — borderless inline row (icon-free, single line of meta)\n \n Strings overridable for i18n.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { StackedAvatars, type StackedAvatarUser } from '@/components/base/display/stacked-avatars';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultCourseCardStrings, type CourseCardProps, type CourseParticipant } from './types';\n\nconst innerSurface = 'rounded-xl bg-background/80 ring-1 ring-border/60 p-3';\n\nconst DEFAULT_GRADIENT = 'from-primary/8 via-card to-info/10';\n\nfunction toAvatarUsers(participants: CourseParticipant[]): StackedAvatarUser[] {\n\treturn participants.map((p, idx) => ({\n\t\tid: `${idx}-${p.name ?? p.initials ?? ''}`,\n\t\tname: p.name ?? p.initials ?? `P${idx + 1}`,\n\t\timageUrl: p.imageUrl,\n\t}));\n}\n\nexport function CourseCard({\n\ttitle,\n\tdescription,\n\tbadges = [],\n\tparticipants = [],\n\textraParticipants = 0,\n\tprogressPercent,\n\tactionLabel,\n\tonAction,\n\tclassName,\n\tstrings: stringsProp,\n\tvariant = 'default',\n\tgradient = DEFAULT_GRADIENT,\n}: CourseCardProps) {\n\tconst strings = useStrings(defaultCourseCardStrings, stringsProp);\n\tconst totalUsers = participants.length + extraParticipants;\n\tconst avatarUsers = toAvatarUsers(participants);\n\n\tif (variant === 'minimal') {\n\t\treturn (\n\t\t\t<Item variant=\"outline\" className={cn('course-card--component', 'hover:bg-muted/30 transition-colors', className)}>\n\t\t\t\t<ItemContent className=\"min-w-0 sm:min-w-48\">\n\t\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t\t{!!description && <ItemDescription clamp={1}>{description}</ItemDescription>}\n\t\t\t\t</ItemContent>\n\t\t\t\t<ItemActions className=\"ml-auto shrink-0 flex-wrap justify-end\">\n\t\t\t\t\t{participants.length > 0 && (\n\t\t\t\t\t\t<StackedAvatars\n\t\t\t\t\t\t\tusers={avatarUsers}\n\t\t\t\t\t\t\tmax={3}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\toverflowFormatter={() => `+${extraParticipants \|\| 0}`}\n\t\t\t\t\t\t\tshowOverflow={extraParticipants > 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{progressPercent !== undefined && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t{progressPercent}%\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!actionLabel && (\n\t\t\t\t\t\t<Button variant=\"secondary\" buttonStyle=\"outline\" onClick={onAction}>\n\t\t\t\t\t\t\t{actionLabel}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</ItemActions>\n\t\t\t</Item>\n\t\t);\n\t}\n\n\tif (variant === 'gradient') {\n\t\treturn (\n\t\t\t<SmartCard\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'course-card--component border-primary/20 bg-gradient-to-br',\n\t\t\t\t\tgradient,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{badges.length > 0 && (\n\t\t\t\t\t<div className=\"flex flex-wrap gap-1.5\">\n\t\t\t\t\t\t{badges.map((badge) => (\n\t\t\t\t\t\t\t<Badge key={badge.label} variant={badge.variant}>\n\t\t\t\t\t\t\t\t{badge.label}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(participants.length > 0 \|\| progressPercent !== undefined) && (\n\t\t\t\t\t<div className=\"mt-4 rounded-lg border border-border/70 bg-background/80 p-3\">\n\t\t\t\t\t\t<div className=\"flex flex-wrap items-center gap-3\">\n\t\t\t\t\t\t\t{participants.length > 0 && (\n\t\t\t\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<StackedAvatars users={avatarUsers} max={3} size=\"small\" showOverflow={false} />\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t{totalUsers} {strings.participants.toLowerCase()}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{progressPercent !== undefined && (\n\t\t\t\t\t\t\t\t<div className=\"ml-auto flex min-w-36 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<div className=\"h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"h-full rounded-full bg-success\" style={{ width: `${progressPercent}%` }} />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{progressPercent}%\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!actionLabel && (\n\t\t\t\t\t<Button variant=\"primary\" className=\"mt-4 w-full rounded-xl\" onClick={onAction}>\n\t\t\t\t\t\t{actionLabel}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tclassName={cn('course-card--component', className)}\n\t\t>\n\t\t\t{badges.length > 0 && (\n\t\t\t\t<div className=\"flex flex-wrap gap-1.5\">\n\t\t\t\t\t{badges.map((badge) => (\n\t\t\t\t\t\t<Badge key={badge.label} variant={badge.variant}>\n\t\t\t\t\t\t\t{badge.label}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{(participants.length > 0 \|\| progressPercent !== undefined) && (\n\t\t\t\t<div className=\"mt-4 grid gap-2.5 sm:grid-cols-2\">\n\t\t\t\t\t{participants.length > 0 && (\n\t\t\t\t\t\t<div className={innerSurface}>\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.participants}</Text>\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{totalUsers}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"mt-2 flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<StackedAvatars\n\t\t\t\t\t\t\t\t\tusers={avatarUsers}\n\t\t\t\t\t\t\t\t\tmax={4}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tshowOverflow={extraParticipants > 0}\n\t\t\t\t\t\t\t\t\toverflowFormatter={() => `+${extraParticipants}`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{totalUsers} {strings.participants.toLowerCase()}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{progressPercent !== undefined && (\n\t\t\t\t\t\t<div className={innerSurface}>\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.progress}</Text>\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{progressPercent}%\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"mt-2.5\">\n\t\t\t\t\t\t\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-success/15\">\n\t\t\t\t\t\t\t\t\t<div className=\"h-full rounded-full bg-success\" style={{ width: `${progressPercent}%` }} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!actionLabel && (\n\t\t\t\t<Button variant=\"primary\" className=\"mt-4 w-full rounded-xl\" onClick={onAction}>\n\t\t\t\t\t{actionLabel}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nCourseCard.displayName = 'CourseCard';\n","/\n FeatureAnnouncementCard — promotional surface for new-feature callouts.\n * Sparkles-style icon (configurable via `icon`) sits on the leading edge of\n * the header so the title / description block has a clear typographic anchor;\n * tag chips wrap below; the action is rendered as an inline ghost link with\n * a trailing chevron. All copy is consumer-supplied so no `strings` prop is\n * needed.\n /\nimport {\n\tChevronRight,\n\tSparkles } from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { IconBadge,\n} from '@/components/base/display';\nimport {\n\tItem,\n\tItemContent,\n\tItemDescription,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { FeatureAnnouncementCardProps } from './types';\n\nexport function FeatureAnnouncementCard({\n\ticon: Icon = Sparkles,\n\ttitle,\n\tdescription,\n\ttags = [],\n\tactionLabel,\n\tonAction,\n\tclassName,\n}: FeatureAnnouncementCardProps) {\n\treturn (\n\t\t<SmartCard className={cn('feature-announcement--component', className)}>\n\t\t\t<Item className=\"items-start\">\n\t\t\t\t<ItemMedia>\n\t\t\t\t\t<IconBadge icon={Icon} tone=\"primary\" size=\"default\" shape=\"square\" className=\"rounded-md ring-1 ring-primary/15\" />\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t\t<ItemDescription clamp=\"none\">{description}</ItemDescription>\n\t\t\t\t</ItemContent>\n\t\t\t</Item>\n\n\t\t\t{tags.length > 0 && (\n\t\t\t\t<div className=\"mt-3 flex flex-wrap gap-1.5\">\n\t\t\t\t\t{tags.map((tag) => (\n\t\t\t\t\t\t<Badge key={tag} variant=\"info\">\n\t\t\t\t\t\t\t{tag}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!actionLabel && (\n\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onAction}\n\t\t\t\t\t\tclassName=\"-ml-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{actionLabel}\n\t\t\t\t\t\t<ChevronRight className=\"ml-1 size-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nFeatureAnnouncementCard.displayName = 'FeatureAnnouncementCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface VendorProfileStat {\n\tlabel: string;\n\tvalue: string;\n\tchange?: string;\n}\n\nexport interface VendorProfileMetric {\n\tlabel: string;\n\tvalue: string;\n}\n\n/\n Localised labels for VendorProfileCard. Override per-instance via `strings`.\n /\nexport interface VendorProfileStrings {\n\ttabOverview: string;\n\ttabStats: string;\n\ttotalEarnings: string;\n\tmessage: string;\n\thire: string;\n\tverifiedAriaLabel: string;\n}\n\nexport const defaultVendorProfileStrings: VendorProfileStrings = {\n\ttabOverview: 'Overview',\n\ttabStats: 'Stats',\n\ttotalEarnings: 'Total Earnings',\n\tmessage: 'Message',\n\thire: 'Hire Me',\n\tverifiedAriaLabel: 'Verified',\n};\n\nexport interface VendorProfileCardProps {\n\tname: string;\n\tinitials?: string;\n\tavatarUrl?: string;\n\trole?: string;\n\tverified?: boolean;\n\tearnings?: string;\n\tearningsChange?: string;\n\tmetrics?: VendorProfileMetric[];\n\tstats?: VendorProfileStat[];\n\tonMessage?: () => void;\n\tonHire?: () => void;\n\tclassName?: string;\n\tstrings?: StringsProp<VendorProfileStrings>;\n}\n","/\n VendorProfileCard — vendor avatar, name, role, verified badge, earnings,\n * and a pill-tab switcher between Overview (metrics list) and Stats (small\n * KPI grid). Trailing Message / Hire actions. Strings are overridable for\n * i18n via the `strings` prop.\n \n Avatar sits BESIDE the name (not above) so the header row reads as a\n * cohesive identity block rather than a floating icon over a separate text\n * block. The card uses a custom layout instead of SmartCard's slot system to\n * keep the tab switcher / earnings hero / metrics grid / actions footer\n * arranged in a tighter visual rhythm.\n */\nimport {\n\tuseState } from 'react';\nimport { Check,\n\tChevronRight,\n\tMessageSquare } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge,\n} from '@/components/base/display';\nimport { InlineStat } from '@/components/composed/data-display';\nimport {\n\tItem,\n\tItemContent,\n\tItemDescription,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultVendorProfileStrings, type VendorProfileCardProps } from './types';\n\nexport function VendorProfileCard({\n\tname,\n\tinitials,\n\tavatarUrl,\n\trole,\n\tverified = false,\n\tearnings,\n\tearningsChange,\n\tmetrics = [],\n\tstats = [],\n\tonMessage,\n\tonHire,\n\tclassName,\n\tstrings: stringsProp,\n}: VendorProfileCardProps) {\n\tconst strings = useStrings(defaultVendorProfileStrings, stringsProp);\n\tconst [tab, setTab] = useState<'overview' \| 'stats'>('overview');\n\n\tconst displayInitials =\n\t\tinitials ?? name.split(' ').map((w) => w[0]).join('').slice(0, 2).toUpperCase();\n\n\tconst tabLabel: Record<'overview' \| 'stats', string> = {\n\t\toverview: strings.tabOverview,\n\t\tstats: strings.tabStats,\n\t};\n\tconst hasOverviewContent = Boolean(earnings) \|\| metrics.length > 0;\n\tconst hasStatsContent = stats.length > 0;\n\tconst availableTabs = ([\n\t\t['overview', hasOverviewContent],\n\t\t['stats', hasStatsContent],\n\t] as const)\n\t\t.filter(([, isAvailable]) => isAvailable)\n\t\t.map(([value]) => value);\n\tconst activeTab = tab === 'overview' && !hasOverviewContent && hasStatsContent ? 'stats' : tab;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('vendor-profile--component', \n\t\t\t\t'flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Item className=\"items-start\">\n\t\t\t\t<ItemMedia variant={avatarUrl ? 'avatar' : 'default'}>\n\t\t\t\t\t{avatarUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={avatarUrl}\n\t\t\t\t\t\t\talt={name}\n\t\t\t\t\t\t\tclassName=\"size-10 rounded-full object-cover ring-1 ring-border\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<IconBadge tone=\"primary\" size=\"default\" className=\"font-semibold ring-1 ring-primary/15\">\n\t\t\t\t\t\t\t{displayInitials}\n\t\t\t\t\t\t</IconBadge>\n\t\t\t\t\t)}\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle>\n\t\t\t\t\t\t<span className=\"inline-flex items-center gap-1.5\">\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t{!!verified && (\n\t\t\t\t\t\t\t\t<IconBadge tone=\"success\" solid size=\"small\" aria-label={strings.verifiedAriaLabel} className=\"size-4 shrink-0\">\n\t\t\t\t\t\t\t\t\t<Check className=\"size-2.5\" strokeWidth={3} />\n\t\t\t\t\t\t\t\t</IconBadge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ItemTitle>\n\t\t\t\t\t{!!role && <ItemDescription clamp={2}>{role}</ItemDescription>}\n\t\t\t\t</ItemContent>\n\t\t\t</Item>\n\n\t\t\t{availableTabs.length > 1 && (\n\t\t\t\t<div className=\"flex gap-1 rounded-md bg-muted/60 p-0.5\">\n\t\t\t\t\t{availableTabs.map((t) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={t}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={activeTab === t}\n\t\t\t\t\t\t\tonClick={() => setTab(t)}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors',\n\t\t\t\t\t\t\t\tactiveTab === t\n\t\t\t\t\t\t\t\t\t? 'bg-card text-foreground shadow-sm'\n\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{tabLabel[t]}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{activeTab === 'overview' && hasOverviewContent && (\n\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t{!!earnings && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tclassName=\"uppercase tracking-wider\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{strings.totalEarnings}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<div className=\"mt-0.5 flex items-baseline gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xl\" weight=\"semibold\" className=\"tabular-nums tracking-tight\">\n\t\t\t\t\t\t\t\t\t{earnings}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!earningsChange && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{earningsChange}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{metrics.length > 0 && (\n\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t{metrics.map((metric) => (\n\t\t\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\t\t\tkey={metric.label}\n\t\t\t\t\t\t\t\t\tclassName=\"border-b border-border/50 pb-1.5 last:border-0\"\n\t\t\t\t\t\t\t\t\tlabel={metric.label}\n\t\t\t\t\t\t\t\t\tvalue={metric.value}\n\t\t\t\t\t\t\t\t\tmono\n\t\t\t\t\t\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\t\t\t\t\t\tvalueClassName=\"text-sm font-semibold\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{activeTab === 'stats' && hasStatsContent && (\n\t\t\t\t<div className=\"grid grid-cols-2 gap-1.5\">\n\t\t\t\t\t{stats.map((stat) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={stat.label}\n\t\t\t\t\t\t\tclassName=\"rounded-lg border border-border/60 bg-muted/20 px-3 py-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tclassName=\"uppercase tracking-wider\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{stat.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<div className=\"mt-1 flex items-baseline gap-1.5\">\n\t\t\t\t\t\t\t\t<Text size=\"base\" weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{stat.value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!stat.change && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"xxs\"\n\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'rounded-full px-1.5 py-0.5 tabular-nums',\n\t\t\t\t\t\t\t\t\t\t\tstat.change.startsWith('+')\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-success/15 text-success'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-destructive/15 text-destructive',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{stat.change}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div className=\"flex gap-1.5\">\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tclassName=\"flex-1 rounded-md\"\n\t\t\t\t\tonClick={onMessage}\n\t\t\t\t>\n\t\t\t\t\t<MessageSquare className=\"mr-1.5 size-3.5\" />\n\t\t\t\t\t{strings.message}\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"dark\"\n\t\t\t\t\tclassName=\"flex-1 rounded-md\"\n\t\t\t\t\tonClick={onHire}\n\t\t\t\t>\n\t\t\t\t\t{strings.hire}\n\t\t\t\t\t<ChevronRight className=\"ml-1 size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nVendorProfileCard.displayName = 'VendorProfileCard';\n"],"mappings":";;;;;;;;;;;;;;;AAQA,IAAa,IAAgD;CACzD,SAAS;CACT,SAAS;AACb;;;ACKA,SAAS,GAAe,GAAc,GAA2B;CAEhE,OADI,KACG,EACL,MAAM,GAAG,EACT,KAAK,MAAS,EAAK,EAAE,EACrB,MAAM,GAAG,CAAC,EACV,KAAK,EAAE,EACP,YAAY;AACf;AAUA,SAAgB,EAAY,EAC3B,SACA,SACA,UACA,UACA,aACA,cACA,aACA,UACA,kBAAe,WACf,cACA,kBACA,cACA,SAAS,KACW;CACpB,IAAM,IAAU,EAAW,GAA2B,CAAW;CACjE,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,2BACb,qGACA,CACD;YAJD;GAMC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACC,kBAAC,GAAD;KAAQ,WAAU;eAAlB,CACE,CAAC,CAAC,KAAa,kBAAC,GAAD;MAAa,KAAK;MAAW,KAAK;KAAO,CAAA,GACzD,kBAAC,GAAD;MAAgB,WAAU;gBACxB,GAAe,GAAM,CAAQ;KACf,CAAA,CACT;QACR,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OAAM,QAAO;OAAW,WAAU;iBAChC;MACI,CAAA,GACL,CAAC,CAAC,KAAS,kBAAC,GAAD;OAAO,SAAS;iBAAe;MAAa,CAAA,CACpD;SACJ,CAAC,CAAC,KACF,kBAAC,GAAD;MAAM,MAAK;MAAK,MAAK;MAAY,WAAU;gBACzC;KACI,CAAA,CAEH;MACD;;GAEJ,CAAC,EAAE,KAAS,KAAS,MACrB,kBAAC,GAAD;IAAW,WAAU;cAArB;KACE,CAAC,CAAC,KACF,kBAAC,GAAD;MAAM,MAAK;gBAAX,CACC,kBAAC,GAAD;OAAW,SAAQ;OAAO,WAAU;iBACnC,kBAAC,GAAD,CAAO,CAAA;MACG,CAAA,GACX,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;OAAW,MAAM;iBAAQ;MAAiB,CAAA,EAC9B,CAAA,CACR;;KAEN,CAAC,CAAC,KACF,kBAAC,GAAD;MAAM,MAAK;gBAAX,CACC,kBAAC,GAAD;OAAW,SAAQ;OAAO,WAAU;iBACnC,kBAAC,GAAD,CAAQ,CAAA;MACE,CAAA,GACX,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;OAAW,MAAM;iBAAQ;MAAiB,CAAA,EAC9B,CAAA,CACR;;KAEN,CAAC,CAAC,KACF,kBAAC,GAAD;MAAM,MAAK;gBAAX,CACC,kBAAC,GAAD;OAAW,SAAQ;OAAO,WAAU;iBACnC,kBAAC,GAAD,CAAS,CAAA;MACC,CAAA,GACX,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;OAAW,MAAM;iBAAQ;MAAoB,CAAA,EACjC,CAAA,CACR;;IAEG;;GAGX,CAAC,EAAE,KAAa,MAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,MAAM;KACN,SAAS;eAER,EAAQ;IACF,CAAA,GAER,CAAC,CAAC,KACF,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,MAAM;KACN,SAAS;eAER,EAAQ;IACF,CAAA,CAEL;;EAEF;;AAEP;AAEA,EAAY,cAAc;;;ACpG1B,IAAM,IAA+C;CACpD,OAAO;CACP,OAAO;CACP,QAAQ;CACR,UAAU;CACV,OAAO;AACR;AAEA,SAAS,KAAiB;CACzB,OACC,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,OAAD;EAAK,WAAU;EAA0E,eAAY;CAAQ,CAAA,GAC7G,kBAAC,OAAD;EAAK,WAAU;EAA0E,eAAY;CAAQ,CAAA,CAC5G,EAAA,CAAA;AAEJ;AAEA,SAAS,KAAkB;CAE1B,IAAM,IAAY,8BADJ,EACkC,EAAM,QAAQ,MAAM,EAAE;CAEtE,OACC,kBAAC,OAAD;EACC,WAAU;EACV,OAAM;EACN,eAAY;YAHb,CAKC,kBAAC,QAAD,EAAA,UACC,kBAAC,WAAD;GACC,IAAI;GACJ,OAAM;GACN,QAAO;GACP,cAAa;GACb,kBAAiB;aAEjB,kBAAC,QAAD;IAAM,OAAM;IAAI,QAAO;IAAI,WAAU;GAA2B,CAAA;EACxD,CAAA,EACJ,CAAA,GACN,kBAAC,QAAD;GAAM,OAAM;GAAO,QAAO;GAAO,MAAM,QAAQ,EAAU;EAAK,CAAA,CAC1D;;AAEP;AAEA,IAAM,IAA6D;CAClE,MAAM;CACN,eAAe,kBAAC,IAAD,CAAiB,CAAA;CAChC,gBAAgB,kBAAC,IAAD,CAAkB,CAAA;AACnC;AAMA,SAAgB,EAAa,EAC5B,cAAW,SACX,aAAU,QACV,UACA,aACA,UACA,eACA,UACA,MAAM,GACN,cACA,eACA,WACA,WACA,aACA,gBACqB;CACrB,IAAM,IAAkB,EAAY,IAC9B,IAAY,CAAC,EAAE,KAAS,KAAY;CAE1C,OACC,kBAAC,OAAD;EACC,WAAW,EACV,gEACA,EAAa,IACb,CACD;YALD,CAOE,CAAC,CAAC,KAAmB,EAAgB,GAEtC,kBAAC,OAAD;GAAK,WAAU;aAAf;IAIE,CAAC,CAAC,KACF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;OACC,QAAO;OACP,WAAU;iBAET;MACI,CAAA,GAEN,CAAC,CAAC,KACF,kBAAC,GAAD;OAAM,MAAK;OAAK,WAAU;iBACxB;MACI,CAAA,CAEH;SACJ,CAAC,CAAC,KACF,kBAAC,QAAD;MACC,eAAY;MACZ,WAAU;gBAEV,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;KACrB,CAAA,CAEH;;IAML,CAAC,CAAC,KACF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MACC,KAAI;MACJ,OAAM;MACN,WAAU;gBAET;KACO,CAAA,IACP,KAAc,MACf,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;OAAM,MAAK;OAAK,WAAU;iBACxB;MACI,CAAA,GAEN,CAAC,CAAC,KACF,kBAAC,QAAD;OAAM,WAAU;iBACd;MACI,CAAA,CAEH;OAEF;;IAIL,CAAC,CAAC,KACF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MAAM,WAAU;gBACd;KACI,CAAA,GACL,CAAC,CAAC,KACF,kBAAC,QAAD;MAAM,WAAU;gBACd;KACI,CAAA,CAEH;;IAGL,CAAC,CAAC,KAAY,kBAAC,OAAD,EAAM,YAAc,CAAA;KAEjC,CAAC,CAAC,KAAU,CAAC,CAAC,MACf,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,IACD,kBAAC,GAAD;MACC,SAAQ;MACR,SAAS,EAAO;MAChB,WAAU;gBAET,EAAO;KACD,CAAA,IAER,kBAAC,QAAD,CAAO,CAAA,GAEP,CAAC,CAAC,KACF,kBAAC,GAAD;MAAM,MAAK;MAAK,WAAU;gBAAsB;KAAa,CAAA,CAE1D;;GAEF;IACD;;AAEP;AAEA,EAAa,cAAc;AAM3B,SAAgB,EAAoB,EACnC,cAAW,SACX,aAAU,QACV,UACA,UACA,WACA,aACA,gBAC4B;CAC5B,IAAM,IAAkB,EAAY;CAEpC,OACC,kBAAC,OAAD;EACC,WAAW,EACV,wEACA,EAAa,IACb,CACD;YALD,CAOE,CAAC,CAAC,KAAmB,EAAgB,GAEtC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,CAAC,CAAC,KACF,kBAAC,GAAD;KAAM,MAAK;KAAK,QAAO;KAAS,WAAU;eACxC;IACI,CAAA;IAEP,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;MACC,KAAI;MACJ,OAAM;MACN,WAAU;gBAET;KACO,CAAA,GAET,CAAC,CAAC,KACF,kBAAC,QAAD;MAAM,WAAU;gBACd;KACI,CAAA,CAEH;;IACJ,CAAC,CAAC,KACF,kBAAC,GAAD;KAAM,MAAK;KAAK,WAAU;eACxB;IACI,CAAA;GAEH;IACD;;AAEP;AAEA,EAAoB,cAAc;;;AC/OlC,IAAa,IAA0C;CACtD,QAAQ;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,UAAU;CACX;CACA,UAAU;CACV,SAAS;CACT,iBAAiB;CACjB,IAAI;CACJ,MAAM;CACN,SAAS;CACT,WAAW;CACX,aAAa;CACb,UAAU;AACX,GAOa,IAGT;CACH,QAAQ;CACR,UAAU;CACV,SAAS;CACT,UAAU;AACX;AAOkB,EAAuB,OAAO,QAC5B,EAAuB,OAAO,UAC/B,EAAuB,OAAO,SAC7B,EAAuB,OAAO;AAGlD,IAAa,KAAwE;CACpF,QAAQ;EACP,MAAM;EACN,OAAO;CACR;CACA,OAAO;EACN,MAAM;EACN,OAAO;CACR;CACA,MAAM;EACL,MAAM;EACN,OAAO;CACR;AACD,GAEa,KAAsD;CAClE,QAAQ;CACR,OAAO;CACP,MAAM;AACP,GAEa,KAAwE;CACpF,OAAO;EAAE,MAAM;EAAc,QAAQ;CAA6B;CAClE,QAAQ;EAAE,MAAM;EAAc,QAAQ;CAA6B;CACnE,MAAM;EAAE,MAAM;EAAc,QAAQ;CAAwC;AAC7E,GAEa,KAAiD;CAC7D,OAAO;CACP,MAAM;CACN,OAAO;AACR,GAEa,KAA+C;CAC3D,OAAO;CACP,MAAM;CACN,OAAO;AACR;;;AClGA,SAAgB,EAAa,EAC5B,SACA,WACA,oBACA,WACA,kBACA,eACA,YACA,cACA,WAAW,GACX,UAAU,GACV,WACA,cAAW,UACX,aAAU,QACV,cACA,SAAS,KAMN;CACH,IAAM,IAAU,EAAW,GAAwB,CAAW,GACxD,IAAc,EAAQ,OAAO,IAC7B,IAAgB,EAAsB,IACtC,IAAkB,CAAC,CAAC,KAAmB,MAAoB,GAC3D,IAAgB,IAAkB,IAAkB,GACpD,IAAoC;EACzC,GAAI,IAAgB,CAAC;GAAE,OAAO,EAAQ;GAAI,OAAO;EAAc,CAAC,IAAI,CAAC;EACrE,GAAI,IAAa,CAAC;GAAE,OAAO,EAAQ;GAAM,OAAO;EAAW,CAAC,IAAI,CAAC;EACjE,GAAI,IAAY,CAAC;GAAE,OAAO,EAAQ;GAAS,OAAO;EAAU,CAAC,IAAI,CAAC;CACnE;CAEA,OACC,kBAAC,OAAD;EACC,WAAW,EACV,oFACA,8CACA,CACD;YALD,CAQC,kBAAC,OAAD;GACC,WAAW,EACV,+DACA,GAAY,GAAU,IACvB;aAJD;IAOE,MAAY,aACZ,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,OAAD;KAAK,WAAU;KAAwE,eAAY;IAAQ,CAAA,GAC3G,kBAAC,OAAD;KAAK,WAAU;KAA0E,eAAY;IAAQ,CAAA,CAC5G,EAAA,CAAA;IAIF,MAAY,WACZ,kBAAC,OAAD;KACC,WAAU;KACV,SAAQ;KACR,qBAAoB;KACpB,eAAY;eAJb,CAMC,kBAAC,QAAD;MAAM,GAAE;MAAmD,WAAU;KAA2B,CAAA,GAChG,kBAAC,QAAD;MAAM,GAAE;MAAqD,WAAU;KAA2B,CAAA,CAC9F;;IAMN,kBAAC,OAAD;KAAK,WAAU;eACd,kBAAC,QAAD;MACC,WAAW,EACV,8GACA,2GACD;MACA,eAAa;gBALd,CAOC,kBAAC,QAAD;OAAM,WAAU;OAAiD,eAAY;MAAQ,CAAA,GACpF,CACI;;IACF,CAAA;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACC,kBAAC,GAAD,EAAM,WAAU,6CAA8C,CAAA,GAC9D,kBAAC,GAAD;QAAM,QAAO;QAAS,WAAU;kBAAsB,EAAQ;OAAe,CAAA,CACzE;;MAEL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACC,kBAAC,GAAD;QAAM,MAAK;QAAK,WAAU;kBAAgD,EAAQ;OAAc,CAAA,GAChG,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACC,kBAAC,GAAD;SAAS,KAAI;SAAK,WAAU;mBAC1B;QACO,CAAA,GACR,CAAC,CAAC,KACF,kBAAC,GAAD;SAAM,WAAU;mBAAmD;QAAa,CAAA,CAE7E;SACD;;MAGL,kBAAC,OAAD;OACC,WAAW,EACV,kDACA,uCACA,gCACA,WACD;iBAND,CAQC,kBAAC,GAAD;QAAM,QAAO;QAAW,WAAU;kBAChC;OACI,CAAA,GACN,kBAAC,GAAD;QACC,SAAQ;QACR,aAAY;QACZ,WAAU;QACV,cAAY,EAAQ;kBAEpB,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;OACpB,CAAA,CACJ;;KACD;;GACD;MAGL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,CAAC,CAAC,KACF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MAAM,MAAK;MAAM,MAAK;MAAY,QAAO;MAAS,WAAU;gBAC1D,EAAQ;KACJ,CAAA,GACN,kBAAC,GAAD;MAAM,MAAK;MAAY,WAAU;gBAAjC;OAA0D;OACjD;OAAQ;MACX;OACF;;IAGN,kBAAC,GAAD;KAAc,OAAO;KAAe,SAAS;IAAI,CAAA;IAEhD,CAAC,CAAC,KACF,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,MAAM;KACN,WAAA;KACA,SAAS;eAER,EAAQ;IACF,CAAA;GAEL;IACD;;AAEP;AAEA,EAAa,cAAc;;;AC9J3B,SAAgB,EAAgB,EAC/B,SACA,WACA,oBACA,WACA,kBACA,cAAW,UACX,cACA,SAAS,KACkF;CAE3F,IAAM,IADU,EAAW,GAAwB,CAC/B,EAAQ,OAAO,IAC7B,IAAgB,EAAsB,IACtC,IAAkB,CAAC,CAAC,KAAmB,MAAoB,GAC3D,IAAgB,IAAkB,IAAkB;CAE1D,OACC,kBAAC,GAAD;EACC,MAAK;EACL,SAAQ;EACR,WAAW,EACV,4HACA,CACD;YAND;GAQC,kBAAC,GAAD;IAAW,SAAQ;cAClB,kBAAC,OAAD;KACC,WAAW,EACV,gEACA,GAAmB,EACpB;eAEA,kBAAC,GAAD,EAAM,WAAU,kCAAmC,CAAA;IAC/C,CAAA;GACK,CAAA;GAEX,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACC,kBAAC,GAAD;KAAW,WAAU;eAAkE;IAAgB,CAAA,GACtG,CAAC,CAAC,KAAiB,kBAAC,GAAD;KAAiB,OAAO;eAAI;IAA+B,CAAA,CACnE;;GAEb,kBAAC,GAAD;IAAa,WAAU;cACtB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OAAM,MAAK;OAAK,QAAO;OAAO,WAAU;iBACtC;MACI,CAAA,GACL,CAAC,CAAC,KACF,kBAAC,GAAD;OAAM,MAAK;OAAM,MAAK;OAAW,WAAU;iBACzC;MACI,CAAA,CAEH;SACL,kBAAC,GAAD;MAAO,SAAS;MAAe,MAAK;gBAAS;KAAmB,CAAA,CAC5D;;GACO,CAAA;EACR;;AAER;AAEA,EAAgB,cAAc;;;ACzD9B,SAAgB,EAAoB,EACnC,SACA,WACA,oBACA,WACA,kBACA,cACA,WACA,WAAQ,SACR,cACA,SAAS,KAC2E;CACpF,IAAM,IAAU,EAAW,GAAwB,CAAW,GACxD,IAAc,EAAQ,OAAO,IAC7B,IAAgB,EAAsB,IACtC,IAAkB,CAAC,CAAC,KAAmB,MAAoB,GAC3D,IAAgB,IAAkB,IAAkB,GACpD,IAAS,GAAe,IACxB,IAAoC,CACzC,GAAI,IAAgB,CAAC;EAAE,OAAO,EAAQ;EAAW,OAAO;CAAc,CAAC,IAAI,CAAC,GAC5E,GAAI,IAAY,CAAC;EAAE,OAAO,EAAQ;EAAS,OAAO;CAAU,CAAC,IAAI,CAAC,CACnE;CAEA,OACC,kBAAC,OAAD;EACC,WAAW,EACV,iHACA,CACD;YAJD;GAMC,kBAAC,OAAD,EAAK,WAAW,EAAG,iCAAiC,EAAO,IAAI,EAAI,CAAA;GAEnE,kBAAC,GAAD;IAAM,MAAK;IAAQ,WAAU;cAA7B;KACC,kBAAC,GAAD,EAAA,UACC,kBAAC,OAAD;MACC,WAAW,EACV,yDACA,EAAO,MACR;gBAEA,kBAAC,GAAD,EAAM,WAAU,cAAe,CAAA;KAC3B,CAAA,EACK,CAAA;KACX,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;MAAW,MAAM;MAAO,WAAU;gBAAyB,EAAQ;KAAoB,CAAA,EAC3E,CAAA;KACb,kBAAC,GAAD;MAAa,WAAU;gBACtB,kBAAC,GAAD;OAAO,SAAS;OAAe,MAAK;iBAAS;MAAmB,CAAA;KACpD,CAAA;IACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MAAS,KAAI;MAAK,WAAU;gBAC1B;KACO,CAAA,GACR,CAAC,CAAC,KACF,kBAAC,GAAD;MAAM,MAAK;MAAW,WAAU;gBAC9B;KACI,CAAA,CAEH;;GACD,CAAA;GAEL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACC,kBAAC,GAAD;KAAM,QAAO;KAAS,WAAU;eAC9B;IACI,CAAA,GACN,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,MAAK;KACL,WAAU;KACV,cAAY,EAAQ;eAEpB,kBAAC,GAAD,EAAM,WAAU,cAAe,CAAA;IACxB,CAAA,CACJ;;GAEL,kBAAC,GAAD;IACC,OAAO;IACP,SAAS;IACT,OAAA;IACA,cAAa;IACb,WAAU;GACV,CAAA;GAEA,CAAC,CAAC,KACF,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,SAAS;KACT,WAAU;eAJX,CAME,EAAQ,aACT,kBAAC,GAAD,EAAY,WAAU,yEAA0E,CAAA,CACzF;;GACJ,CAAA;EAEF;;AAEP;AAEA,EAAoB,cAAc;;;AC1GlC,SAAgB,EAAiB,EAChC,SACA,WACA,oBACA,WACA,kBACA,cACA,WACA,cACA,SAAS,KACsD;CAC/D,IAAM,IAAU,EAAW,GAAwB,CAAW,GACxD,IAAc,EAAQ,OAAO,IAC7B,IAAgB,EAAsB,IACtC,IAAkB,CAAC,CAAC,KAAmB,MAAoB,GAC3D,IAAgB,IAAkB,IAAkB,GACpD,IAAoC,CACzC,GAAI,IAAgB,CAAC;EAAE,OAAO,EAAQ;EAAW,OAAO;CAAc,CAAC,IAAI,CAAC,GAC5E,GAAI,IAAY,CAAC;EAAE,OAAO,EAAQ;EAAS,OAAO;CAAU,CAAC,IAAI,CAAC,CACnE;CAEA,OACC,kBAAC,OAAD;EACC,WAAW,EACV,sIACA,CACD;YAJD;GAMC,kBAAC,GAAD;IAAM,MAAK;cAAX;KACC,kBAAC,GAAD,EAAA,UACC,kBAAC,OAAD;MAAK,WAAU;gBACd,kBAAC,GAAD,EAAM,WAAU,uBAAwB,CAAA;KACpC,CAAA,EACK,CAAA;KACX,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;MAAW,MAAM;MAAO,WAAU;gBAAyB,EAAQ;KAAoB,CAAA,EAC3E,CAAA;KACb,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;MAAO,SAAS;gBAAgB;KAAmB,CAAA,EACvC,CAAA;IACR;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MAAS,KAAI;MAAK,WAAU;gBAC1B;KACO,CAAA,GACR,CAAC,CAAC,KACF,kBAAC,GAAD;MAAM,MAAK;MAAW,WAAU;gBAC9B;KACI,CAAA,CAEH;;GACD,CAAA;GAGL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACC,kBAAC,GAAD;KAAM,QAAO;KAAS,WAAU;eAC9B;IACI,CAAA,GACN,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,WAAU;KACV,cAAY,EAAQ;eAEpB,kBAAC,GAAD,EAAM,WAAU,cAAe,CAAA;IACxB,CAAA,CACJ;;GAEL,kBAAC,GAAD;IACC,OAAO;IACP,SAAS;IACT,WAAU;GACV,CAAA;GAIA,CAAC,CAAC,KACF,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,MAAM;KACN,WAAA;KACA,SAAS;eAER,EAAQ;IACF,CAAA;GACJ,CAAA;EAEF;;AAEP;AAEA,EAAiB,cAAc;;;ACpG/B,SAAgB,EAAwB,EACvC,SACA,WACA,oBACA,WACA,kBACA,cACA,WACA,iBAAc,SACd,cACA,SAAS,KACiF;CAC1F,IAAM,IAAU,EAAW,GAAwB,CAAW,GACxD,IAAc,EAAQ,OAAO,IAC7B,IAAgB,EAAsB,IACtC,IAAkB,CAAC,CAAC,KAAmB,MAAoB,GAC3D,IAAgB,IAAkB,IAAkB,GACpD,IAAoC,CACzC,GAAI,IAAgB,CAAC;EAAE,OAAO,EAAQ;EAAW,OAAO;CAAc,CAAC,IAAI,CAAC,GAC5E,GAAI,IAAY,CAAC;EAAE,OAAO,EAAQ;EAAS,OAAO;CAAU,CAAC,IAAI,CAAC,CACnE;CAEA,OACC,kBAAC,OAAD;EACC,WAAW,EACV,qHACA,CACD;YAJD,CAMC,kBAAC,OAAD;GAAK,WAAW,EAAG,0FAA0F,GAAkB,EAAY;aAA3I;IACC,kBAAC,OAAD;KACC,WAAU;KACV,OAAO,EACN,iBACC,iIACF;KACA,eAAY;IACZ,CAAA;IACD,kBAAC,GAAD;KACC,MAAM;KACN,MAAK;KACL,OAAM;KACN,WAAW,EACV,0EACA,GAAgB,EACjB;IACA,CAAA;IACD,kBAAC,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,QAAO;KAAW,WAAU;eACrD,EAAQ;IACJ,CAAA;GACF;MAEL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,OAAD,EAAA,UAAA,CACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OAAS,KAAI;OAAK,WAAU;iBAC1B;MACO,CAAA,GACR,CAAC,CAAC,KACF,kBAAC,GAAD;OAAM,MAAK;OAAW,WAAU;iBAC9B;MACI,CAAA,CAEH;SACL,kBAAC,GAAD;MAAM,MAAK;MAAK,MAAK;MAAY,WAAU;gBACzC,EAAQ;KACJ,CAAA,CACF,EAAA,CAAA,GACL,kBAAC,GAAD;MAAO,SAAS;gBAAgB;KAAmB,CAAA,CAC/C;;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MAAM,QAAO;MAAS,WAAU;gBAC9B;KACI,CAAA,GACN,kBAAC,GAAD;MACC,SAAQ;MACR,aAAY;MACZ,WAAU;MACV,cAAY,EAAQ;gBAEpB,kBAAC,GAAD,EAAM,WAAU,cAAe,CAAA;KACxB,CAAA,CACJ;;IAEL,kBAAC,GAAD;KAAc,OAAO;KAAe,SAAS;IAAI,CAAA;IAEhD,CAAC,CAAC,KACF,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,MAAM;KACN,WAAA;KACA,SAAS;eAER,EAAQ;IACF,CAAA;GAEL;IACD;;AAEP;AAEA,EAAwB,cAAc;;;ACxGtC,IAAa,KAA8C;CAC1D,cAAc;CACd,UAAU;AACX,GCCM,IAAe,yDAEf,KAAmB;AAEzB,SAAS,GAAc,GAAwD;CAC9E,OAAO,EAAa,KAAK,GAAG,OAAS;EACpC,IAAI,GAAG,EAAI,GAAG,EAAE,QAAQ,EAAE,YAAY;EACtC,MAAM,EAAE,QAAQ,EAAE,YAAY,IAAI,IAAM;EACxC,UAAU,EAAE;CACb,EAAE;AACH;AAEA,SAAgB,EAAW,EAC1B,UACA,gBACA,YAAS,CAAC,GACV,kBAAe,CAAC,GAChB,uBAAoB,GACpB,oBACA,gBACA,aACA,cACA,SAAS,GACT,aAAU,WACV,cAAW,MACQ;CACnB,IAAM,IAAU,EAAW,IAA0B,CAAW,GAC1D,IAAa,EAAa,SAAS,GACnC,IAAc,GAAc,CAAY;CAyF9C,OAvFI,MAAY,YAEd,kBAAC,GAAD;EAAM,SAAQ;EAAU,WAAW,EAAG,0BAA0B,uCAAuC,CAAS;YAAhH,CACC,kBAAC,GAAD;GAAa,WAAU;aAAvB,CACC,kBAAC,GAAD,EAAA,UAAY,EAAiB,CAAA,GAC5B,CAAC,CAAC,KAAe,kBAAC,GAAD;IAAiB,OAAO;cAAI;GAA6B,CAAA,CAC/D;MACb,kBAAC,GAAD;GAAa,WAAU;aAAvB;IACE,EAAa,SAAS,KACtB,kBAAC,GAAD;KACC,OAAO;KACP,KAAK;KACL,MAAK;KACL,yBAAyB,IAAI,KAAqB;KAClD,cAAc,IAAoB;IAClC,CAAA;IAED,MAAoB,KAAA,KACpB,kBAAC,GAAD;KAAM,MAAK;KAAK,MAAK;KAAY,WAAU;eAA3C,CACE,GAAgB,GACZ;;IAEN,CAAC,CAAC,KACF,kBAAC,GAAD;KAAQ,SAAQ;KAAY,aAAY;KAAU,SAAS;eACzD;IACM,CAAA;GAEG;IACR;MAIJ,MAAY,aAEd,kBAAC,GAAD;EACQ;EACM;EACb,WAAW,EACV,8DACA,GACA,CACD;YAPD;GASE,EAAO,SAAS,KAChB,kBAAC,OAAD;IAAK,WAAU;cACb,EAAO,KAAK,MACZ,kBAAC,GAAD;KAAyB,SAAS,EAAM;eACtC,EAAM;IACD,GAFK,EAAM,KAEX,CACP;GACG,CAAA;IAGJ,EAAa,SAAS,KAAK,MAAoB,KAAA,MAChD,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,EAAa,SAAS,KACtB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OAAgB,OAAO;OAAa,KAAK;OAAG,MAAK;OAAQ,cAAc;MAAQ,CAAA,GAC/E,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;OAAY,WAAU;iBAA3C;QACE;QAAW;QAAE,EAAQ,aAAa,YAAY;OAC1C;QACF;SAEL,MAAoB,KAAA,KACpB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,OAAD;OAAK,WAAU;iBACd,kBAAC,OAAD;QAAK,WAAU;QAAiC,OAAO,EAAE,OAAO,GAAG,EAAgB,GAAG;OAAI,CAAA;MACtF,CAAA,GACL,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;OAAY,WAAU;iBAA3C,CACE,GAAgB,GACZ;QACF;OAEF;;GACD,CAAA;GAGL,CAAC,CAAC,KACF,kBAAC,GAAD;IAAQ,SAAQ;IAAU,WAAU;IAAyB,SAAS;cACpE;GACM,CAAA;EAEC;MAKZ,kBAAC,GAAD;EACQ;EACM;EACb,WAAW,EAAG,0BAA0B,CAAS;YAHlD;GAKE,EAAO,SAAS,KAChB,kBAAC,OAAD;IAAK,WAAU;cACb,EAAO,KAAK,MACZ,kBAAC,GAAD;KAAyB,SAAS,EAAM;eACtC,EAAM;IACD,GAFK,EAAM,KAEX,CACP;GACG,CAAA;IAGJ,EAAa,SAAS,KAAK,MAAoB,KAAA,MAChD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,EAAa,SAAS,KACtB,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;iBAAa,EAAQ;MAAmB,CAAA,GAC7D,kBAAC,GAAD;OAAM,MAAK;OAAK,QAAO;OAAW,WAAU;iBAC1C;MACI,CAAA,CACF;SACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OACC,OAAO;OACP,KAAK;OACL,MAAK;OACL,cAAc,IAAoB;OAClC,yBAAyB,IAAI;MAC7B,CAAA,GACD,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;OAAY,WAAU;iBAA3C;QACE;QAAW;QAAE,EAAQ,aAAa,YAAY;OAC1C;QACF;OACD;QAEL,MAAoB,KAAA,KACpB,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;iBAAa,EAAQ;MAAe,CAAA,GACzD,kBAAC,GAAD;OAAM,MAAK;OAAK,QAAO;OAAW,WAAU;iBAA5C,CACE,GAAgB,GACZ;QACF;SACL,kBAAC,OAAD;MAAK,WAAU;gBACd,kBAAC,OAAD;OAAK,WAAU;iBACd,kBAAC,OAAD;QAAK,WAAU;QAAiC,OAAO,EAAE,OAAO,GAAG,EAAgB,GAAG;OAAI,CAAA;MACtF,CAAA;KACD,CAAA,CACD;MAEF;;GAGL,CAAC,CAAC,KACF,kBAAC,GAAD;IAAQ,SAAQ;IAAU,WAAU;IAAyB,SAAS;cACpE;GACM,CAAA;EAEC;;AAEb;AAEA,EAAW,cAAc;;;ACxLzB,SAAgB,EAAwB,EACvC,MAAM,IAAO,GACb,UACA,gBACA,UAAO,CAAC,GACR,gBACA,aACA,gBACgC;CAChC,OACC,kBAAC,GAAD;EAAW,WAAW,EAAG,mCAAmC,CAAS;YAArE;GACC,kBAAC,GAAD;IAAM,WAAU;cAAhB,CACC,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;KAAW,MAAM;KAAM,MAAK;KAAU,MAAK;KAAU,OAAM;KAAS,WAAU;IAAqC,CAAA,EACzG,CAAA,GACX,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,EAAA,UAAY,EAAiB,CAAA,GAC7B,kBAAC,GAAD;KAAiB,OAAM;eAAQ;IAA6B,CAAA,CAChD,EAAA,CAAA,CACR;;GAEL,EAAK,SAAS,KACd,kBAAC,OAAD;IAAK,WAAU;cACb,EAAK,KAAK,MACV,kBAAC,GAAD;KAAiB,SAAQ;eACvB;IACK,GAFK,CAEL,CACP;GACG,CAAA;GAGL,CAAC,CAAC,KACF,kBAAC,OAAD;IAAK,WAAU;cACd,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,SAAS;KACT,WAAU;eAJX,CAME,GACD,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,CAClC;;GACJ,CAAA;EAEI;;AAEb;AAEA,EAAwB,cAAc;;;ACnDtC,IAAa,KAAoD;CAChE,aAAa;CACb,UAAU;CACV,eAAe;CACf,SAAS;CACT,MAAM;CACN,mBAAmB;AACpB;;;ACGA,SAAgB,EAAkB,EACjC,SACA,aACA,cACA,SACA,cAAW,IACX,aACA,mBACA,aAAU,CAAC,GACX,WAAQ,CAAC,GACT,cACA,WACA,cACA,SAAS,KACiB;CAC1B,IAAM,IAAU,EAAW,IAA6B,CAAW,GAC7D,CAAC,GAAK,KAAU,EAA+B,UAAU,GAEzD,IACL,KAAY,EAAK,MAAM,GAAG,EAAE,KAAK,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,YAAY,GAEzE,IAAiD;EACtD,UAAU,EAAQ;EAClB,OAAO,EAAQ;CAChB,GACM,IAAqB,EAAQ,KAAa,EAAQ,SAAS,GAC3D,IAAkB,EAAM,SAAS,GACjC,IAAiB,CACtB,CAAC,YAAY,CAAkB,GAC/B,CAAC,SAAS,CAAe,CAC1B,EACE,QAAQ,GAAG,OAAiB,CAAW,EACvC,KAAK,CAAC,OAAW,CAAK,GAClB,IAAY,MAAQ,cAAc,CAAC,KAAsB,IAAkB,UAAU;CAE3F,OACC,kBAAC,OAAD;EACC,WAAW,EAAG,6BACb,6EACA,CACD;YAJD;GAMC,kBAAC,GAAD;IAAM,WAAU;cAAhB,CACC,kBAAC,GAAD;KAAW,SAAS,IAAY,WAAW;eACzC,IACA,kBAAC,OAAD;MACC,KAAK;MACL,KAAK;MACL,WAAU;KACV,CAAA,IAED,kBAAC,GAAD;MAAW,MAAK;MAAU,MAAK;MAAU,WAAU;gBACjD;KACS,CAAA;IAEF,CAAA,GACX,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,EAAA,UACC,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,GACA,CAAC,CAAC,KACF,kBAAC,GAAD;MAAW,MAAK;MAAU,OAAA;MAAM,MAAK;MAAQ,cAAY,EAAQ;MAAmB,WAAU;gBAC7F,kBAAC,GAAD;OAAO,WAAU;OAAW,aAAa;MAAI,CAAA;KACnC,CAAA,CAEP;OACI,CAAA,GACV,CAAC,CAAC,KAAQ,kBAAC,GAAD;KAAiB,OAAO;eAAI;IAAsB,CAAA,CACjD,EAAA,CAAA,CACR;;GAEL,EAAc,SAAS,KACvB,kBAAC,OAAD;IAAK,WAAU;cACb,EAAc,KAAK,MACnB,kBAAC,GAAD;KAEC,MAAK;KACL,gBAAc,MAAc;KAC5B,eAAe,EAAO,CAAC;KACvB,SAAQ;KACR,aAAY;KACZ,MAAK;KACL,WAAW,EACV,8EACA,MAAc,IACX,sCACA,6CACJ;eAEC,EAAS;IACH,GAfF,CAeE,CACR;GACG,CAAA;GAGL,MAAc,cAAc,KAC5B,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,CAAC,CAAC,KACF,kBAAC,OAAD,EAAA,UAAA,CACC,kBAAC,GAAD;KACC,MAAK;KACL,MAAK;KACL,QAAO;KACP,WAAU;eAET,EAAQ;IACJ,CAAA,GACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACC,kBAAC,GAAD;MAAM,MAAK;MAAK,QAAO;MAAW,WAAU;gBAC1C;KACI,CAAA,GACL,CAAC,CAAC,KACF,kBAAC,GAAD;MACC,KAAI;MACJ,MAAK;MACL,QAAO;MACP,WAAU;gBAET;KACI,CAAA,CAEH;MACD,EAAA,CAAA,GAGL,EAAQ,SAAS,KACjB,kBAAC,OAAD;KAAK,WAAU;eACb,EAAQ,KAAK,MACb,kBAAC,GAAD;MAEC,WAAU;MACV,OAAO,EAAO;MACd,OAAO,EAAO;MACd,MAAA;MACA,gBAAe;MACf,gBAAe;KACf,GAPK,EAAO,KAOZ,CACD;IACG,CAAA,CAEF;;GAGL,MAAc,WAAW,KACzB,kBAAC,OAAD;IAAK,WAAU;cACb,EAAM,KAAK,MACX,kBAAC,OAAD;KAEC,WAAU;eAFX,CAIC,kBAAC,GAAD;MACC,MAAK;MACL,MAAK;MACL,QAAO;MACP,WAAU;gBAET,EAAK;KACD,CAAA,GACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACC,kBAAC,GAAD;OAAM,MAAK;OAAO,QAAO;OAAW,WAAU;iBAC5C,EAAK;MACD,CAAA,GACL,CAAC,CAAC,EAAK,UACP,kBAAC,GAAD;OACC,KAAI;OACJ,MAAK;OACL,QAAO;OACP,WAAW,EACV,2CACA,EAAK,OAAO,WAAW,GAAG,IACvB,+BACA,oCACJ;iBAEC,EAAK;MACD,CAAA,CAEH;OACD;OA/BC,EAAK,KA+BN,CACL;GACG,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACC,kBAAC,GAAD;KACC,SAAQ;KACR,aAAY;KACZ,WAAU;KACV,SAAS;eAJV,CAMC,kBAAC,IAAD,EAAe,WAAU,kBAAmB,CAAA,GAC3C,EAAQ,OACF;QACR,kBAAC,GAAD;KACC,SAAQ;KACR,WAAU;KACV,SAAS;eAHV,CAKE,EAAQ,MACT,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,CAClC;MACJ;;EACD;;AAEP;AAEA,EAAkB,cAAc"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/cards/contact-card/types.ts","../../../../src/components/composed/cards/contact-card/contact-card.tsx","../../../../src/components/composed/cards/gradient-card/gradient-card.tsx","../../../../src/components/composed/cards/giftcard-card/types.ts","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-full.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-compact.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-minimal.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-dark.tsx","../../../../src/components/composed/cards/giftcard-card/partials/giftcard-illustrated.tsx","../../../../src/components/composed/cards/course-card/types.ts","../../../../src/components/composed/cards/course-card/course-card.tsx","../../../../src/components/composed/cards/feature-announcement/feature-announcement.tsx","../../../../src/components/composed/cards/vendor-profile/types.ts","../../../../src/components/composed/cards/vendor-profile/vendor-profile.tsx"],"sourcesContent":["import type { ComposedBadgeVariant as BadgeVariant } from '@/components/base/badge/badge';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface ContactCardStrings {\n contact: string;\n profile: string;\n}\n\nexport const defaultContactCardStrings: ContactCardStrings = {\n contact: 'Contact',\n profile: 'Profile',\n};\n\nexport interface ContactCardProps {\n name: string;\n role?: string;\n email?: string;\n phone?: string;\n location?: string;\n avatarUrl?: string;\n initials?: string;\n badge?: string;\n badgeVariant?: BadgeVariant;\n onContact?: () => void;\n onViewProfile?: () => void;\n className?: string;\n /** Override default action button labels. /\n strings?: StringsProp<ContactCardStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { Button } from '@/components/base/buttons';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';\nimport {\n Item,\n ItemContent,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/lib/strings';\nimport { Mail, Phone, MapPin, ExternalLink } from 'lucide-react';\nimport { defaultContactCardStrings, type ContactCardProps } from './types';\n\nfunction deriveInitials(name: string, initials?: string): string {\n\tif (initials) return initials;\n\treturn name\n\t\t.split(' ')\n\t\t.map((part) => part[0])\n\t\t.slice(0, 2)\n\t\t.join('')\n\t\t.toUpperCase();\n}\n\n/\n ContactCard — Avatar + name + role + contact details (email, phone, location)\n * with optional Contact / Profile actions and a status badge.\n \n Contact details render through `<ItemGroup>` + `<Item>` so density and\n * media slots stay aligned with the rest of the library; the header and CTA\n * row remain bespoke because they are not Item-shaped.\n /\nexport function ContactCard({\n\tname,\n\trole,\n\temail,\n\tphone,\n\tlocation,\n\tavatarUrl,\n\tinitials,\n\tbadge,\n\tbadgeVariant = 'success',\n\tonContact,\n\tonViewProfile,\n\tclassName,\n\tstrings: stringsProp,\n}: ContactCardProps) {\n\tconst strings = useStrings(defaultContactCardStrings, stringsProp);\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('contact-card--component', \n\t\t\t\t'overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex items-start gap-3\">\n\t\t\t\t<Avatar className=\"size-avatar-lg shrink-0 border border-border\">\n\t\t\t\t\t{!!avatarUrl && <AvatarImage src={avatarUrl} alt={name} />}\n\t\t\t\t\t<AvatarFallback className=\"text-sm font-semibold\">\n\t\t\t\t\t\t{deriveInitials(name, initials)}\n\t\t\t\t\t</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Text weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!badge && <Badge variant={badgeVariant}>{badge}</Badge>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!role && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t{role}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{!!(email \|\| phone \|\| location) && (\n\t\t\t\t<ItemGroup className=\"mt-4 gap-0\">\n\t\t\t\t\t{!!email && (\n\t\t\t\t\t\t<Item size=\"small\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t<Mail />\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{email}</ItemTitle>\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!phone && (\n\t\t\t\t\t\t<Item size=\"small\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t<Phone />\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{phone}</ItemTitle>\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!location && (\n\t\t\t\t\t\t<Item size=\"small\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t\t\t<MapPin />\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{location}</ItemTitle>\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t)}\n\t\t\t\t</ItemGroup>\n\t\t\t)}\n\n\t\t\t{!!(onContact \|\| onViewProfile) && (\n\t\t\t\t<div className=\"mt-4 flex items-center gap-2\">\n\t\t\t\t\t{!!onContact && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\t\ticon={Mail}\n\t\t\t\t\t\t\tonClick={onContact}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.contact}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!onViewProfile && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\ticon={ExternalLink}\n\t\t\t\t\t\t\tonClick={onViewProfile}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.profile}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nContactCard.displayName = 'ContactCard';\n","/\n GradientCard — vivid gradient surface with a clear single-axis layout.\n \n Structure (all sections optional, all left-aligned):\n \n ┌──────────────────────────────────────────┐\n * │ Title [icon] [×] │ ← header: title\|subtitle / icon / badge\n * │ Subtitle │\n * │ │\n * │ 24 │ ← hero value (large, eyebrow above)\n * │ orders awaiting fulfillment URGENT │\n * │ │\n * │ ⚠ 3 orders older than 48h 3 │ ← inline alert (subordinate to value)\n * │ │\n * │ ──────────────────────────────────────── │\n * │ [Review Orders] footer │ ← action / footer\n * └──────────────────────────────────────────┘\n \n Earlier centered-hero mode pushed every element to the centerline which made\n * the alert dominate over the value and produced a fragmented vertical rhythm.\n * The new layout keeps everything on the leading edge so the eye walks\n * top-down: identity → value → context → action.\n \n For the compact \"metric tile\" use-case (single value + change), see\n * `GradientCardCompact` below.\n /\nimport { type ReactNode, useId } from 'react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { cn } from '@/lib/utils';\nimport {\n\ttype GradientPreset,\n\ttype PatternType,\n\ttype GradientCardProps,\n\ttype GradientCardCompactProps,\n} from './types';\n\n// ──────────────────────────────────────────────────────────────────────────\n// Gradient + pattern presets\n// ──────────────────────────────────────────────────────────────────────────\n\nconst GRADIENT_MAP: Record<GradientPreset, string> = {\n\tcoral: 'bg-gradient-to-br from-destructive to-warning',\n\tocean: 'bg-gradient-to-br from-info to-primary',\n\tforest: 'bg-gradient-to-br from-success to-info',\n\ttwilight: 'bg-gradient-to-br from-foreground to-info',\n\tember: 'bg-gradient-to-br from-destructive via-warning to-destructive',\n};\n\nfunction PatternCircles() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t\t<div className=\"absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t</>\n\t);\n}\n\nfunction PatternDiagonal() {\n\tconst rawId = useId();\n\tconst patternId = `gradient-card-diag-stripes-${rawId.replace(/:/g, '')}`;\n\n\treturn (\n\t\t<svg\n\t\t\tclassName=\"absolute inset-0 h-full w-full opacity-[0.04]\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<defs>\n\t\t\t\t<pattern\n\t\t\t\t\tid={patternId}\n\t\t\t\t\twidth=\"8\"\n\t\t\t\t\theight=\"8\"\n\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\tpatternTransform=\"rotate(45)\"\n\t\t\t\t>\n\t\t\t\t\t<rect width=\"2\" height=\"8\" className=\"fill-inverse-foreground\" />\n\t\t\t\t</pattern>\n\t\t\t</defs>\n\t\t\t<rect width=\"100%\" height=\"100%\" fill={`url(#${patternId})`} />\n\t\t</svg>\n\t);\n}\n\nconst PATTERN_MAP: Record<PatternType, (() => ReactNode) \| null> = {\n\tnone: null,\n\tcircles: () => <PatternCircles />,\n\tdiagonal: () => <PatternDiagonal />,\n};\n\n// ──────────────────────────────────────────────────────────────────────────\n// GradientCard\n// ──────────────────────────────────────────────────────────────────────────\n\nexport function GradientCard({\n\tgradient = 'coral',\n\tpattern = 'none',\n\ttitle,\n\tsubtitle,\n\tvalue,\n\tvalueLabel,\n\tbadge,\n\ticon: Icon,\n\talertText,\n\talertCount,\n\taction,\n\tfooter,\n\tchildren,\n\tclassName,\n}: GradientCardProps) {\n\tconst PatternRenderer = PATTERN_MAP[pattern];\n\tconst hasHeader = !!(title \|\| subtitle \|\| Icon);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'gradient-card--component relative overflow-hidden rounded-lg',\n\t\t\t\tGRADIENT_MAP[gradient],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!PatternRenderer && PatternRenderer()}\n\n\t\t\t<div className=\"relative flex flex-col gap-5 p-6\">\n\t\t\t\t{/ Header — title + subtitle on the leading edge, icon as a\n\t\t\t\t rounded square on the trailing edge so it acts as a brand\n\t\t\t\t mark rather than competing for the centerline. /}\n\t\t\t\t{!!hasHeader && (\n\t\t\t\t\t<div className=\"flex items-start justify-between gap-4\">\n\t\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t{!!title && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\tclassName=\"tracking-tight leading-snug text-inverse-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!!subtitle && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"mt-0.5 leading-snug text-inverse-muted\">\n\t\t\t\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon className=\"size-5\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/ Hero value block — eyebrow above the figure, optional badge\n\t\t\t\t on the trailing edge of the label row. The figure is the\n\t\t\t\t visual anchor of the card. /}\n\t\t\t\t{!!value && (\n\t\t\t\t\t<div className=\"flex flex-col gap-1\">\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttag=\"h3\"\n\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\tclassName=\"text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t{(valueLabel \|\| badge) && (\n\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t{!!valueLabel && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"leading-snug text-inverse-muted\">\n\t\t\t\t\t\t\t\t\t\t{valueLabel}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{!!badge && (\n\t\t\t\t\t\t\t\t\t<span className=\"inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm\">\n\t\t\t\t\t\t\t\t\t\t{badge}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/ Inline alert — subordinate to the value, sits below it. /}\n\t\t\t\t{!!alertText && (\n\t\t\t\t\t<div className=\"flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm\">\n\t\t\t\t\t\t<Text className=\"min-w-0 flex-1 leading-snug text-inverse-foreground\">\n\t\t\t\t\t\t\t{alertText}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!alertCount && (\n\t\t\t\t\t\t\t<span className=\"inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground\">\n\t\t\t\t\t\t\t\t{alertCount}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!children && <div>{children}</div>}\n\n\t\t\t\t{(!!action \|\| !!footer) && (\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-3 pt-1\">\n\t\t\t\t\t\t\t{action ? (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"dark\"\n\t\t\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\t\t\tclassName=\"rounded-xl px-4\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!footer && (\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"text-inverse-muted\">{footer}</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGradientCard.displayName = 'GradientCard';\n\n// ──────────────────────────────────────────────────────────────────────────\n// GradientCardCompact — single-metric tile\n// ──────────────────────────────────────────────────────────────────────────\n\nexport function GradientCardCompact({\n\tgradient = 'coral',\n\tpattern = 'none',\n\ttitle,\n\tvalue,\n\tchange,\n\tsubtitle,\n\tclassName,\n}: GradientCardCompactProps) {\n\tconst PatternRenderer = PATTERN_MAP[pattern];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'gradient-card-compact--component relative overflow-hidden rounded-lg',\n\t\t\t\tGRADIENT_MAP[gradient],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!PatternRenderer && PatternRenderer()}\n\n\t\t\t<div className=\"relative flex flex-col gap-1 p-5\">\n\t\t\t\t{!!title && (\n\t\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"uppercase tracking-wider text-inverse-muted\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t{!!value && (\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\ttag=\"h4\"\n\t\t\t\t\t\t\talign=\"left\"\n\t\t\t\t\t\t\tclassName=\"text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!change && (\n\t\t\t\t\t\t<span className=\"inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm\">\n\t\t\t\t\t\t\t{change}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{!!subtitle && (\n\t\t\t\t\t<Text size=\"xs\" className=\"leading-snug text-inverse-subtle\">\n\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGradientCardCompact.displayName = 'GradientCardCompact';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface GiftcardData {\n\tcode: string;\n\tamount: string;\n\tremainingAmount?: string;\n\tcurrency?: string;\n\tstatus: 'active' \| 'redeemed' \| 'expired' \| 'disabled';\n\trecipientName?: string;\n\tsenderName?: string;\n\tmessage?: string;\n\texpiresAt?: string;\n\tcreatedAt?: string;\n\ttemplate?: string;\n\tonView?: () => void;\n}\n\nexport type GradientVariant = 'purple' \| 'green' \| 'warm';\nexport type PatternVariant = 'none' \| 'circles' \| 'waves';\nexport type AccentColor = 'green' \| 'purple' \| 'warm';\nexport type HeaderColor = 'green' \| 'blue' \| 'amber';\n\nexport type GiftcardStatus = GiftcardData['status'];\n\n/\n Localised labels for giftcard cards. Covers status chips, the recurring\n * field labels rendered by all five partials (full / dark / illustrated /\n * minimal / compact), and the inline button labels.\n \n Override per-instance via `strings`.\n /\nexport interface GiftcardStrings {\n\tstatus: Record<GiftcardStatus, string>;\n\tgiftCard: string;\n\tbalance: string;\n\tpersonalMessage: string;\n\tto: string;\n\tfrom: string;\n\texpires: string;\n\trecipient: string;\n\tviewDetails: string;\n\tcopyCode: string;\n}\n\nexport const defaultGiftcardStrings: GiftcardStrings = {\n\tstatus: {\n\t\tactive: 'Active',\n\t\tredeemed: 'Redeemed',\n\t\texpired: 'Expired',\n\t\tdisabled: 'Disabled',\n\t},\n\tgiftCard: 'Gift Card',\n\tbalance: 'Balance',\n\tpersonalMessage: 'Personal Message',\n\tto: 'To',\n\tfrom: 'From',\n\texpires: 'Expires',\n\trecipient: 'Recipient',\n\tviewDetails: 'View Details',\n\tcopyCode: 'Copy code',\n};\n\nexport interface GiftcardCommonProps {\n\t/* Override default English giftcard strings. /\n\tstrings?: StringsProp<GiftcardStrings>;\n}\n\nexport const giftcardStatusVariant: Record<\n\tGiftcardStatus,\n\t'success' \| 'secondary' \| 'error' \| 'warning'\n> = {\n\tactive: 'success',\n\tredeemed: 'secondary',\n\texpired: 'error',\n\tdisabled: 'warning',\n};\n\n/\n @deprecated Use `defaultGiftcardStrings.status` for labels and\n * `giftcardStatusVariant` for badge variants. Kept for backwards compatibility.\n /\nexport const giftcardStatusMap = {\n\tactive: { label: defaultGiftcardStrings.status.active, variant: 'success' as const },\n\tredeemed: { label: defaultGiftcardStrings.status.redeemed, variant: 'secondary' as const },\n\texpired: { label: defaultGiftcardStrings.status.expired, variant: 'error' as const },\n\tdisabled: { label: defaultGiftcardStrings.status.disabled, variant: 'warning' as const },\n};\n\nexport const gradientMap: Record<GradientVariant, { card: string; strip: string }> = {\n\tpurple: {\n\t\tcard: 'from-primary via-primary/90 to-info',\n\t\tstrip: 'from-primary via-primary/90 to-info',\n\t},\n\tgreen: {\n\t\tcard: 'from-success via-info to-success',\n\t\tstrip: 'from-success via-info to-success',\n\t},\n\twarm: {\n\t\tcard: 'from-warning via-warning/90 to-destructive',\n\t\tstrip: 'from-warning via-warning/90 to-destructive',\n\t},\n};\n\nexport const compactGradientMap: Record<GradientVariant, string> = {\n\tpurple: 'from-primary to-info',\n\tgreen: 'from-success to-info',\n\twarm: 'from-warning to-destructive',\n};\n\nexport const accentColorMap: Record<AccentColor, { line: string; iconBg: string }> = {\n\tgreen: { line: 'bg-success', iconBg: 'bg-success/15 text-success' },\n\tpurple: { line: 'bg-primary', iconBg: 'bg-primary/15 text-primary' },\n\twarm: { line: 'bg-warning', iconBg: 'bg-warning/15 text-warning-foreground' },\n};\n\nexport const headerGradientMap: Record<HeaderColor, string> = {\n\tgreen: 'from-success to-info',\n\tblue: 'from-info to-primary',\n\tamber: 'from-warning to-destructive',\n};\n\nexport const headerIconBgMap: Record<HeaderColor, string> = {\n\tgreen: 'bg-success ring-4 ring-background shadow-lg',\n\tblue: 'bg-info ring-4 ring-background shadow-lg',\n\tamber: 'bg-warning ring-4 ring-background shadow-lg',\n};\n","/\n GiftcardCard (full) — premium gradient layout with optional\n * pattern overlay (circles / waves), header status chip, balance / strike-\n * through line, copyable code strip, personal message block, and metadata\n * grid (To / From / Expires). Strings overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Button } from '@/components/base/buttons';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport {\n\tGift,\n\tCopy,\n\tEye,\n} from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\ttype GradientVariant,\n\ttype PatternVariant,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n\tgradientMap,\n} from '../types';\n\nexport function GiftcardCard({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\tsenderName,\n\tmessage,\n\texpiresAt,\n\tcreatedAt: _createdAt,\n\ttemplate: _template,\n\tonView,\n\tgradient = 'purple',\n\tpattern = 'none',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData &\n\tGiftcardCommonProps & {\n\t\tgradient?: GradientVariant;\n\t\tpattern?: PatternVariant;\n\t\tclassName?: string;\n\t}) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.to, value: recipientName }] : []),\n\t\t...(senderName ? [{ label: strings.from, value: senderName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out',\n\t\t\t\t'hover:shadow-md hover:shadow-foreground/10',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{/ Gift card header /}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6',\n\t\t\t\t\tgradientMap[gradient].card,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/ Pattern: circles /}\n\t\t\t\t{pattern === 'circles' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t\t\t\t\t<div className=\"absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration\" aria-hidden=\"true\" />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{/ Pattern: waves /}\n\t\t\t\t{pattern === 'waves' && (\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclassName=\"absolute inset-0 h-full w-full opacity-5\"\n\t\t\t\t\t\tviewBox=\"0 0 400 200\"\n\t\t\t\t\t\tpreserveAspectRatio=\"none\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path d=\"M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z\" className=\"fill-inverse-foreground\" />\n\t\t\t\t\t\t<path d=\"M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z\" className=\"fill-inverse-foreground\" />\n\t\t\t\t\t</svg>\n\t\t\t\t)}\n\n\t\t\t\t{/ Status badge — top-right overlay with glass effect.\n\t\t\t\t Custom inline pill uses inverse-surface tokens so the label\n\t\t\t\t reads cleanly against any gradient. /}\n\t\t\t\t<div className=\"absolute top-4 right-4 z-20\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wide',\n\t\t\t\t\t\t\t'bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md',\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tdata-status={statusVariant}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"size-1.5 rounded-full bg-inverse-foreground/85\" aria-hidden=\"true\" />\n\t\t\t\t\t\t{statusLabel}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"relative z-10\">\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Gift className=\"h-5 w-5 text-inverse-foreground opacity-80\" />\n\t\t\t\t\t\t<Text weight=\"medium\" className=\"text-inverse-muted\">{strings.giftCard}</Text>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"mt-8 mb-5\">\n\t\t\t\t\t\t<Text size=\"xs\" className=\"uppercase tracking-wider text-inverse-subtle\">{strings.balance}</Text>\n\t\t\t\t\t\t<div className=\"flex items-baseline gap-2.5 mt-1\">\n\t\t\t\t\t\t\t<Heading tag=\"h2\" className=\"text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm\">\n\t\t\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t\t\t<Text className=\"line-through tabular-nums text-inverse-disabled\">{amount}</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/ Code strip — premium feel /}\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex items-center gap-2 rounded-lg px-4 py-2.5',\n\t\t\t\t\t\t\t'bg-inverse-surface backdrop-blur-sm',\n\t\t\t\t\t\t\t'border border-inverse-border',\n\t\t\t\t\t\t\t'shadow-sm',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text weight=\"semibold\" className=\"flex-1 font-mono tracking-[0.2em] text-inverse-foreground\">\n\t\t\t\t\t\t\t{code}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tclassName=\"p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100\"\n\t\t\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Copy className=\"h-4 w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/ Details section — structured metadata grid /}\n\t\t\t<div className=\"rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4\">\n\t\t\t\t{!!message && (\n\t\t\t\t\t<div className=\"rounded-lg bg-muted/50 p-3 border border-border/30\">\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"mb-1 uppercase tracking-wide\">\n\t\t\t\t\t\t\t{strings.personalMessage}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text type=\"secondary\" className=\"italic leading-relaxed\">\n\t\t\t\t\t\t\t“{message}”\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<MetadataList items={metadataItems} columns={2} />\n\n\t\t\t\t{!!onView && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\ticon={Eye}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGiftcardCard.displayName = 'GiftcardCard';\n","/\n GiftcardCompact — single-row compact layout. Square gradient gift icon on\n * the left, code + recipient in the middle, amount + status badge on the\n * right. Use for inline lists / tables of giftcards. Strings overridable.\n /\nimport { Text } from '@/components/typography/text';\nimport { Badge } from '@/components/base/badge/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift } from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\ttype GradientVariant,\n\tcompactGradientMap,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n} from '../types';\n\nexport function GiftcardCompact({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\tgradient = 'purple',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { gradient?: GradientVariant; className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\n\treturn (\n\t\t<Item\n\t\t\tsize=\"small\"\n\t\t\tvariant=\"outline\"\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<ItemMedia variant=\"image\">\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'flex size-full items-center justify-center bg-gradient-to-br',\n\t\t\t\t\t\tcompactGradientMap[gradient],\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<Gift className=\"h-4 w-4 text-inverse-foreground\" />\n\t\t\t\t</div>\n\t\t\t</ItemMedia>\n\n\t\t\t<ItemContent className=\"min-w-0\">\n\t\t\t\t<ItemTitle className=\"w-full max-w-full truncate whitespace-nowrap font-mono text-xs\">{code}</ItemTitle>\n\t\t\t\t{!!recipientName && <ItemDescription clamp={1}>{recipientName}</ItemDescription>}\n\t\t\t</ItemContent>\n\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<div className=\"flex shrink-0 flex-col items-end gap-0.5\">\n\t\t\t\t\t<div className=\"flex items-baseline gap-1\">\n\t\t\t\t\t\t<Text size=\"sm\" weight=\"bold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<Badge variant={statusVariant} size=\"small\">{statusLabel}</Badge>\n\t\t\t\t</div>\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nGiftcardCompact.displayName = 'GiftcardCompact';\n","/\n GiftcardCardMinimal — clean minimal layout. A small accent line (driven by\n * `color`) sits above the header icon + label, balance, code strip, and\n * metadata rows. Footer \"View details\" link uses an arrow affordance.\n * Strings overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Copy, ArrowRight } from 'lucide-react';\nimport {\n\ttype AccentColor,\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\taccentColorMap,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n} from '../types';\n\nexport function GiftcardCardMinimal({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\texpiresAt,\n\tonView,\n\tcolor = 'green',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { color?: AccentColor; className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst accent = accentColorMap[color];\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.recipient, value: recipientName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className={cn('mx-4 mt-3 h-1 w-12 rounded-sm', accent.line)} />\n\n\t\t\t<Item size=\"small\" className=\"flex-nowrap items-center\">\n\t\t\t\t<ItemMedia>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex h-7 w-7 items-center justify-center rounded-full',\n\t\t\t\t\t\t\taccent.iconBg,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Gift className=\"h-3.5 w-3.5\" />\n\t\t\t\t\t</div>\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle bold={false} className=\"text-muted-foreground\">{strings.giftCard}</ItemTitle>\n\t\t\t\t</ItemContent>\n\t\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t\t<Badge variant={statusVariant} size=\"small\">{statusLabel}</Badge>\n\t\t\t\t</ItemActions>\n\t\t\t</Item>\n\n\t\t\t<div className=\"px-4 pb-2 pt-0\">\n\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t<Heading tag=\"h2\" className=\"border-none pb-0 text-2xl tabular-nums\">\n\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t<Text type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5\">\n\t\t\t\t<Text weight=\"medium\" className=\"flex-1 font-mono tracking-[0.15em]\">\n\t\t\t\t\t{code}\n\t\t\t\t</Text>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t>\n\t\t\t\t\t<Copy className=\"h-3.5 w-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<MetadataList\n\t\t\t\titems={metadataItems}\n\t\t\t\tcolumns={1}\n\t\t\t\tdense\n\t\t\t\tgapClassName=\"gap-1.5\"\n\t\t\t\tclassName=\"px-4 pb-1.5 pt-2\"\n\t\t\t/>\n\n\t\t\t{!!onView && (\n\t\t\t\t<div className=\"mt-1 border-t border-border/30 px-3 py-1.5\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t\tclassName=\"group/link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t\t<ArrowRight className=\"ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nGiftcardCardMinimal.displayName = 'GiftcardCardMinimal';\n","/\n GiftcardCardDark — premium dark variant. Header with chart-2 gift icon,\n * status chip, balance + strike-through line, code strip, metadata rows\n * (recipient / expires), and an outline call-to-action footer. Strings\n * overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Copy, Eye } from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n} from '../types';\n\nexport function GiftcardCardDark({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\texpiresAt,\n\tonView,\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.recipient, value: recipientName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Item size=\"small\">\n\t\t\t\t<ItemMedia>\n\t\t\t\t\t<div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-warning/15\">\n\t\t\t\t\t\t<Gift className=\"h-4 w-4 text-warning\" />\n\t\t\t\t\t</div>\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle bold={false} className=\"text-muted-foreground\">{strings.giftCard}</ItemTitle>\n\t\t\t\t</ItemContent>\n\t\t\t\t<ItemActions>\n\t\t\t\t\t<Badge variant={statusVariant}>{statusLabel}</Badge>\n\t\t\t\t</ItemActions>\n\t\t\t</Item>\n\n\t\t\t{/ Amount /}\n\t\t\t<div className=\"px-4 pb-3 pt-2\">\n\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t<Heading tag=\"h2\" className=\"border-none pb-0 text-3xl tabular-nums\">\n\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t<Text type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/ Code strip /}\n\t\t\t<div className=\"mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2\">\n\t\t\t\t<Text weight=\"medium\" className=\"font-mono tracking-[0.15em] flex-1\">\n\t\t\t\t\t{code}\n\t\t\t\t</Text>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tclassName=\"p-1 h-auto\"\n\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t>\n\t\t\t\t\t<Copy className=\"h-3.5 w-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<MetadataList\n\t\t\t\titems={metadataItems}\n\t\t\t\tcolumns={1}\n\t\t\t\tclassName=\"px-4 pb-2 pt-3\"\n\t\t\t/>\n\n\t\t\t{/ Footer — inverse button on the dark surface so the label\n\t\t\t always reads without raw palette overrides. /}\n\t\t\t{!!onView && (\n\t\t\t\t<div className=\"px-4 pb-4 pt-2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"dark\"\n\t\t\t\t\t\tbuttonStyle=\"solid\"\n\t\t\t\t\t\ticon={Eye}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nGiftcardCardDark.displayName = 'GiftcardCardDark';\n","/\n GiftcardCardIllustrated — gift-card surface with a compact illustrated\n * header, balance + status row, code strip, details, and a footer action.\n * Strings are overridable for i18n.\n /\nimport { Text } from '@/components/typography/text';\nimport Heading from '@/components/typography/heading';\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge } from '@/components/base/display';\nimport { MetadataList, type MetadataListItem } from '@/components/composed/data-display/metadata';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Copy, Eye } from 'lucide-react';\nimport {\n\ttype GiftcardCommonProps,\n\ttype GiftcardData,\n\ttype HeaderColor,\n\tdefaultGiftcardStrings,\n\tgiftcardStatusVariant,\n\theaderGradientMap,\n\theaderIconBgMap,\n} from '../types';\n\nexport function GiftcardCardIllustrated({\n\tcode,\n\tamount,\n\tremainingAmount,\n\tstatus,\n\trecipientName,\n\texpiresAt,\n\tonView,\n\theaderColor = 'green',\n\tclassName,\n\tstrings: stringsProp,\n}: GiftcardData & GiftcardCommonProps & { headerColor?: HeaderColor; className?: string }) {\n\tconst strings = useStrings(defaultGiftcardStrings, stringsProp);\n\tconst statusLabel = strings.status[status];\n\tconst statusVariant = giftcardStatusVariant[status];\n\tconst isPartiallyUsed = !!remainingAmount && remainingAmount !== amount;\n\tconst displayAmount = isPartiallyUsed ? remainingAmount : amount;\n\tconst metadataItems: MetadataListItem[] = [\n\t\t...(recipientName ? [{ label: strings.recipient, value: recipientName }] : []),\n\t\t...(expiresAt ? [{ label: strings.expires, value: expiresAt }] : []),\n\t];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className={cn('relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4', headerGradientMap[headerColor])}>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"absolute inset-0 opacity-80\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundImage:\n\t\t\t\t\t\t\t'repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)',\n\t\t\t\t\t}}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t\t<IconBadge\n\t\t\t\t\ticon={Gift}\n\t\t\t\t\tsize=\"default\"\n\t\t\t\t\tshape=\"square\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'relative rounded-md text-inverse-foreground ring-1 ring-inverse-border',\n\t\t\t\t\t\theaderIconBgMap[headerColor],\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"relative uppercase tracking-wider text-inverse-foreground opacity-80\">\n\t\t\t\t\t{strings.giftCard}\n\t\t\t\t</Text>\n\t\t\t</div>\n\n\t\t\t<div className=\"space-y-3 px-4 py-4\">\n\t\t\t\t<div className=\"flex items-start justify-between\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div className=\"flex items-baseline gap-2\">\n\t\t\t\t\t\t\t<Heading tag=\"h2\" className=\"border-none pb-0 text-2xl tabular-nums\">\n\t\t\t\t\t\t\t\t{displayAmount}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t{!!isPartiallyUsed && (\n\t\t\t\t\t\t\t\t<Text type=\"discrete\" className=\"line-through tabular-nums\">\n\t\t\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t{strings.balance}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Badge variant={statusVariant}>{statusLabel}</Badge>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2\">\n\t\t\t\t\t<Text weight=\"medium\" className=\"font-mono tracking-[0.15em] flex-1\">\n\t\t\t\t\t\t{code}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tclassName=\"p-1 h-auto\"\n\t\t\t\t\t\taria-label={strings.copyCode}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Copy className=\"h-3.5 w-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\n\t\t\t\t<MetadataList items={metadataItems} columns={2} />\n\n\t\t\t\t{!!onView && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\ticon={Eye}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tonClick={onView}\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.viewDetails}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nGiftcardCardIllustrated.displayName = 'GiftcardCardIllustrated';\n","import type { ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport type { StringsProp } from '@/lib/strings';\n\nexport interface CourseParticipant {\n\t/* Display name (used for tooltip + initials extraction). /\n\tname?: string;\n\t/* Pre-computed initials override. /\n\tinitials?: string;\n\t/* Optional photo. /\n\timageUrl?: string;\n}\n\nexport interface CourseBadge {\n\tlabel: string;\n\tvariant: ComposedBadgeVariant;\n}\n\nexport type CourseCardVariant = 'default' \| 'minimal' \| 'gradient';\n\nexport interface CourseCardStrings {\n\tparticipants: string;\n\tprogress: string;\n}\n\nexport const defaultCourseCardStrings: CourseCardStrings = {\n\tparticipants: 'Participants',\n\tprogress: 'Progress',\n};\n\nexport interface CourseCardProps {\n\ttitle: string;\n\tdescription?: string;\n\tbadges?: CourseBadge[];\n\tparticipants?: CourseParticipant[];\n\textraParticipants?: number;\n\tprogressPercent?: number;\n\tactionLabel?: string;\n\tonAction?: () => void;\n\tclassName?: string;\n\tstrings?: StringsProp<CourseCardStrings>;\n\t/* Visual variant. Default `default`. /\n\tvariant?: CourseCardVariant;\n\t/* Optional gradient (`from-... via-... to-...` Tailwind tokens) for `gradient` variant. /\n\tgradient?: string;\n}\n","/\n CourseCard — course summary tile with title, description, badges row,\n * stacked-avatar participants block, progress bar, and primary action.\n \n Three variants:\n * - `default` — soft gradient surface (current behaviour)\n * - `gradient` — subtle featured gradient using the same SmartCard chrome\n * - `minimal` — borderless inline row (icon-free, single line of meta)\n \n Strings overridable for i18n.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { StackedAvatars, type StackedAvatarUser } from '@/components/base/display/stacked-avatars';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultCourseCardStrings, type CourseCardProps, type CourseParticipant } from './types';\n\nconst innerSurface = 'rounded-xl bg-background/80 ring-1 ring-border/60 p-3';\n\nconst DEFAULT_GRADIENT = 'from-primary/8 via-card to-info/10';\n\nfunction toAvatarUsers(participants: CourseParticipant[]): StackedAvatarUser[] {\n\treturn participants.map((p, idx) => ({\n\t\tid: `${idx}-${p.name ?? p.initials ?? ''}`,\n\t\tname: p.name ?? p.initials ?? `P${idx + 1}`,\n\t\timageUrl: p.imageUrl,\n\t}));\n}\n\nexport function CourseCard({\n\ttitle,\n\tdescription,\n\tbadges = [],\n\tparticipants = [],\n\textraParticipants = 0,\n\tprogressPercent,\n\tactionLabel,\n\tonAction,\n\tclassName,\n\tstrings: stringsProp,\n\tvariant = 'default',\n\tgradient = DEFAULT_GRADIENT,\n}: CourseCardProps) {\n\tconst strings = useStrings(defaultCourseCardStrings, stringsProp);\n\tconst totalUsers = participants.length + extraParticipants;\n\tconst avatarUsers = toAvatarUsers(participants);\n\n\tif (variant === 'minimal') {\n\t\treturn (\n\t\t\t<Item variant=\"outline\" className={cn('course-card--component', 'hover:bg-muted/30 transition-colors', className)}>\n\t\t\t\t<ItemContent className=\"min-w-0 sm:min-w-48\">\n\t\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t\t{!!description && <ItemDescription clamp={1}>{description}</ItemDescription>}\n\t\t\t\t</ItemContent>\n\t\t\t\t<ItemActions className=\"ml-auto shrink-0 flex-wrap justify-end\">\n\t\t\t\t\t{participants.length > 0 && (\n\t\t\t\t\t\t<StackedAvatars\n\t\t\t\t\t\t\tusers={avatarUsers}\n\t\t\t\t\t\t\tmax={3}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\toverflowFormatter={() => `+${extraParticipants \|\| 0}`}\n\t\t\t\t\t\t\tshowOverflow={extraParticipants > 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{progressPercent !== undefined && (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t{progressPercent}%\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!actionLabel && (\n\t\t\t\t\t\t<Button variant=\"secondary\" buttonStyle=\"outline\" onClick={onAction}>\n\t\t\t\t\t\t\t{actionLabel}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</ItemActions>\n\t\t\t</Item>\n\t\t);\n\t}\n\n\tif (variant === 'gradient') {\n\t\treturn (\n\t\t\t<SmartCard\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'course-card--component border-primary/20 bg-gradient-to-br',\n\t\t\t\t\tgradient,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{badges.length > 0 && (\n\t\t\t\t\t<div className=\"flex flex-wrap gap-1.5\">\n\t\t\t\t\t\t{badges.map((badge) => (\n\t\t\t\t\t\t\t<Badge key={badge.label} variant={badge.variant}>\n\t\t\t\t\t\t\t\t{badge.label}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(participants.length > 0 \|\| progressPercent !== undefined) && (\n\t\t\t\t\t<div className=\"mt-4 rounded-lg border border-border/70 bg-background/80 p-3\">\n\t\t\t\t\t\t<div className=\"flex flex-wrap items-center gap-3\">\n\t\t\t\t\t\t\t{participants.length > 0 && (\n\t\t\t\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<StackedAvatars users={avatarUsers} max={3} size=\"small\" showOverflow={false} />\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t{totalUsers} {strings.participants.toLowerCase()}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{progressPercent !== undefined && (\n\t\t\t\t\t\t\t\t<div className=\"ml-auto flex min-w-36 items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<div className=\"h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"h-full rounded-full bg-success\" style={{ width: `${progressPercent}%` }} />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{progressPercent}%\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!!actionLabel && (\n\t\t\t\t\t<Button variant=\"primary\" className=\"mt-4 w-full rounded-xl\" onClick={onAction}>\n\t\t\t\t\t\t{actionLabel}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tclassName={cn('course-card--component', className)}\n\t\t>\n\t\t\t{badges.length > 0 && (\n\t\t\t\t<div className=\"flex flex-wrap gap-1.5\">\n\t\t\t\t\t{badges.map((badge) => (\n\t\t\t\t\t\t<Badge key={badge.label} variant={badge.variant}>\n\t\t\t\t\t\t\t{badge.label}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{(participants.length > 0 \|\| progressPercent !== undefined) && (\n\t\t\t\t<div className=\"mt-4 grid gap-2.5 sm:grid-cols-2\">\n\t\t\t\t\t{participants.length > 0 && (\n\t\t\t\t\t\t<div className={innerSurface}>\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.participants}</Text>\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{totalUsers}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"mt-2 flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<StackedAvatars\n\t\t\t\t\t\t\t\t\tusers={avatarUsers}\n\t\t\t\t\t\t\t\t\tmax={4}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tshowOverflow={extraParticipants > 0}\n\t\t\t\t\t\t\t\t\toverflowFormatter={() => `+${extraParticipants}`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{totalUsers} {strings.participants.toLowerCase()}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{progressPercent !== undefined && (\n\t\t\t\t\t\t<div className={innerSurface}>\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.progress}</Text>\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{progressPercent}%\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"mt-2.5\">\n\t\t\t\t\t\t\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-success/15\">\n\t\t\t\t\t\t\t\t\t<div className=\"h-full rounded-full bg-success\" style={{ width: `${progressPercent}%` }} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!actionLabel && (\n\t\t\t\t<Button variant=\"primary\" className=\"mt-4 w-full rounded-xl\" onClick={onAction}>\n\t\t\t\t\t{actionLabel}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nCourseCard.displayName = 'CourseCard';\n","/\n FeatureAnnouncementCard — promotional surface for new-feature callouts.\n * Sparkles-style icon (configurable via `icon`) sits on the leading edge of\n * the header so the title / description block has a clear typographic anchor;\n * tag chips wrap below; the action is rendered as an inline ghost link with\n * a trailing chevron. All copy is consumer-supplied so no `strings` prop is\n * needed.\n /\nimport {\n\tChevronRight,\n\tSparkles } from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { IconBadge,\n} from '@/components/base/display';\nimport {\n\tItem,\n\tItemContent,\n\tItemDescription,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { FeatureAnnouncementCardProps } from './types';\n\nexport function FeatureAnnouncementCard({\n\ticon: Icon = Sparkles,\n\ttitle,\n\tdescription,\n\ttags = [],\n\tactionLabel,\n\tonAction,\n\tclassName,\n}: FeatureAnnouncementCardProps) {\n\treturn (\n\t\t<SmartCard className={cn('feature-announcement--component', className)}>\n\t\t\t<Item className=\"items-start\">\n\t\t\t\t<ItemMedia>\n\t\t\t\t\t<IconBadge icon={Icon} tone=\"primary\" size=\"default\" shape=\"square\" className=\"rounded-md ring-1 ring-primary/15\" />\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t\t<ItemDescription clamp=\"none\">{description}</ItemDescription>\n\t\t\t\t</ItemContent>\n\t\t\t</Item>\n\n\t\t\t{tags.length > 0 && (\n\t\t\t\t<div className=\"mt-3 flex flex-wrap gap-1.5\">\n\t\t\t\t\t{tags.map((tag) => (\n\t\t\t\t\t\t<Badge key={tag} variant=\"info\">\n\t\t\t\t\t\t\t{tag}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!actionLabel && (\n\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tonClick={onAction}\n\t\t\t\t\t\tclassName=\"-ml-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{actionLabel}\n\t\t\t\t\t\t<ChevronRight className=\"ml-1 size-3.5\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nFeatureAnnouncementCard.displayName = 'FeatureAnnouncementCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface VendorProfileStat {\n\tlabel: string;\n\tvalue: string;\n\tchange?: string;\n}\n\nexport interface VendorProfileMetric {\n\tlabel: string;\n\tvalue: string;\n}\n\n/\n Localised labels for VendorProfileCard. Override per-instance via `strings`.\n /\nexport interface VendorProfileStrings {\n\ttabOverview: string;\n\ttabStats: string;\n\ttotalEarnings: string;\n\tmessage: string;\n\thire: string;\n\tverifiedAriaLabel: string;\n}\n\nexport const defaultVendorProfileStrings: VendorProfileStrings = {\n\ttabOverview: 'Overview',\n\ttabStats: 'Stats',\n\ttotalEarnings: 'Total Earnings',\n\tmessage: 'Message',\n\thire: 'Hire Me',\n\tverifiedAriaLabel: 'Verified',\n};\n\nexport interface VendorProfileCardProps {\n\tname: string;\n\tinitials?: string;\n\tavatarUrl?: string;\n\trole?: string;\n\tverified?: boolean;\n\tearnings?: string;\n\tearningsChange?: string;\n\tmetrics?: VendorProfileMetric[];\n\tstats?: VendorProfileStat[];\n\tonMessage?: () => void;\n\tonHire?: () => void;\n\tclassName?: string;\n\tstrings?: StringsProp<VendorProfileStrings>;\n}\n","/\n VendorProfileCard — vendor avatar, name, role, verified badge, earnings,\n * and a pill-tab switcher between Overview (metrics list) and Stats (small\n * KPI grid). Trailing Message / Hire actions. Strings are overridable for\n * i18n via the `strings` prop.\n \n Avatar sits BESIDE the name (not above) so the header row reads as a\n * cohesive identity block rather than a floating icon over a separate text\n * block. The card uses a custom layout instead of SmartCard's slot system to\n * keep the tab switcher / earnings hero / metrics grid / actions footer\n * arranged in a tighter visual rhythm.\n */\nimport {\n\tuseState } from 'react';\nimport { Check,\n\tChevronRight,\n\tMessageSquare } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge,\n} from '@/components/base/display';\nimport { InlineStat } from '@/components/composed/data-display';\nimport {\n\tItem,\n\tItemContent,\n\tItemDescription,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultVendorProfileStrings, type VendorProfileCardProps } from './types';\n\nexport function VendorProfileCard({\n\tname,\n\tinitials,\n\tavatarUrl,\n\trole,\n\tverified = false,\n\tearnings,\n\tearningsChange,\n\tmetrics = [],\n\tstats = [],\n\tonMessage,\n\tonHire,\n\tclassName,\n\tstrings: stringsProp,\n}: VendorProfileCardProps) {\n\tconst strings = useStrings(defaultVendorProfileStrings, stringsProp);\n\tconst [tab, setTab] = useState<'overview' \| 'stats'>('overview');\n\n\tconst displayInitials =\n\t\tinitials ?? name.split(' ').map((w) => w[0]).join('').slice(0, 2).toUpperCase();\n\n\tconst tabLabel: Record<'overview' \| 'stats', string> = {\n\t\toverview: strings.tabOverview,\n\t\tstats: strings.tabStats,\n\t};\n\tconst hasOverviewContent = Boolean(earnings) \|\| metrics.length > 0;\n\tconst hasStatsContent = stats.length > 0;\n\tconst availableTabs = ([\n\t\t['overview', hasOverviewContent],\n\t\t['stats', hasStatsContent],\n\t] as const)\n\t\t.filter(([, isAvailable]) => isAvailable)\n\t\t.map(([value]) => value);\n\tconst activeTab = tab === 'overview' && !hasOverviewContent && hasStatsContent ? 'stats' : tab;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('vendor-profile--component', \n\t\t\t\t'flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Item className=\"items-start\">\n\t\t\t\t<ItemMedia variant={avatarUrl ? 'avatar' : 'default'}>\n\t\t\t\t\t{avatarUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={avatarUrl}\n\t\t\t\t\t\t\talt={name}\n\t\t\t\t\t\t\tclassName=\"size-10 rounded-full object-cover ring-1 ring-border\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<IconBadge tone=\"primary\" size=\"default\" className=\"font-semibold ring-1 ring-primary/15\">\n\t\t\t\t\t\t\t{displayInitials}\n\t\t\t\t\t\t</IconBadge>\n\t\t\t\t\t)}\n\t\t\t\t</ItemMedia>\n\t\t\t\t<ItemContent>\n\t\t\t\t\t<ItemTitle>\n\t\t\t\t\t\t<span className=\"inline-flex items-center gap-1.5\">\n\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t{!!verified && (\n\t\t\t\t\t\t\t\t<IconBadge tone=\"success\" solid size=\"small\" aria-label={strings.verifiedAriaLabel} className=\"size-4 shrink-0\">\n\t\t\t\t\t\t\t\t\t<Check className=\"size-2.5\" strokeWidth={3} />\n\t\t\t\t\t\t\t\t</IconBadge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</ItemTitle>\n\t\t\t\t\t{!!role && <ItemDescription clamp={2}>{role}</ItemDescription>}\n\t\t\t\t</ItemContent>\n\t\t\t</Item>\n\n\t\t\t{availableTabs.length > 1 && (\n\t\t\t\t<div className=\"flex gap-1 rounded-md bg-muted/60 p-0.5\">\n\t\t\t\t\t{availableTabs.map((t) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={t}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={activeTab === t}\n\t\t\t\t\t\t\tonClick={() => setTab(t)}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors',\n\t\t\t\t\t\t\t\tactiveTab === t\n\t\t\t\t\t\t\t\t\t? 'bg-card text-foreground shadow-sm'\n\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{tabLabel[t]}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{activeTab === 'overview' && hasOverviewContent && (\n\t\t\t\t<div className=\"space-y-3\">\n\t\t\t\t\t{!!earnings && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tclassName=\"uppercase tracking-wider\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{strings.totalEarnings}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<div className=\"mt-0.5 flex items-baseline gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"base\" weight=\"semibold\" className=\"tabular-nums tracking-tight\">\n\t\t\t\t\t\t\t\t\t{earnings}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!earningsChange && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{earningsChange}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{metrics.length > 0 && (\n\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t{metrics.map((metric) => (\n\t\t\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\t\t\tkey={metric.label}\n\t\t\t\t\t\t\t\t\tclassName=\"border-b border-border/50 pb-1.5 last:border-0\"\n\t\t\t\t\t\t\t\t\tlabel={metric.label}\n\t\t\t\t\t\t\t\t\tvalue={metric.value}\n\t\t\t\t\t\t\t\t\tmono\n\t\t\t\t\t\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\t\t\t\t\t\tvalueClassName=\"text-sm font-semibold\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{activeTab === 'stats' && hasStatsContent && (\n\t\t\t\t<div className=\"grid grid-cols-2 gap-1.5\">\n\t\t\t\t\t{stats.map((stat) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={stat.label}\n\t\t\t\t\t\t\tclassName=\"rounded-lg border border-border/60 bg-muted/20 px-3 py-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tclassName=\"uppercase tracking-wider\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{stat.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<div className=\"mt-1 flex items-baseline gap-1.5\">\n\t\t\t\t\t\t\t\t<Text size=\"base\" weight=\"semibold\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{stat.value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!stat.change && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'rounded-full px-1.5 py-0.5 tabular-nums',\n\t\t\t\t\t\t\t\t\t\t\tstat.change.startsWith('+')\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-success/15 text-success'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-destructive/15 text-destructive',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{stat.change}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div className=\"flex gap-1.5\">\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tclassName=\"flex-1 rounded-md\"\n\t\t\t\t\tonClick={onMessage}\n\t\t\t\t>\n\t\t\t\t\t<MessageSquare className=\"mr-1.5 size-3.5\" />\n\t\t\t\t\t{strings.message}\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"dark\"\n\t\t\t\t\tclassName=\"flex-1 rounded-md\"\n\t\t\t\t\tonClick={onHire}\n\t\t\t\t>\n\t\t\t\t\t{strings.hire}\n\t\t\t\t\t<ChevronRight className=\"ml-1 size-3.5\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nVendorProfileCard.displayName = 'VendorProfileCard';\n"],"mappings":"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"}

package/dist/components/composed/commerce/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-BeSKxX1u.cjs"),o=require("../../../_shared/cards-GSYfJ-oX.cjs"),s=require("../../../_shared/input-CB6hxh-5.cjs"),c=require("../../../_shared/display-Bin2vVex.cjs"),l=require("../../../_shared/separator-q42IlFFA.cjs"),u=require("../../../_shared/item-eUP9Rtmg.cjs"),d=require("../../../_shared/data-display-BdGQMXit.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");function h(e){if(e.date!=null)return e.date;if(e.day&&e.month){let t=new Date().getFullYear(),n=new Date(`${e.month} ${e.day}, ${t}`);if(!Number.isNaN(n.getTime()))return n}return null}function g({bookings:e,className:n,locale:i,dateTone:a=`inverse`,timePlacement:o=`below`}){return(0,p.jsx)(u.o,{className:t.cn(`upcoming-booking--component w-full gap-2`,n),children:e.map((e,t)=>{let n=h(e);return(0,p.jsxs)(u.t,{className:`items-center`,children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(c.v,{date:n,time:o===`below`?e.time:void 0,tone:a,locale:i,timePlacement:`below`,layout:`stacked`})}),(0,p.jsxs)(u.r,{className:`min-w-0 sm:min-w-48`,children:[(0,p.jsx)(u.u,{children:e.service}),(0,p.jsx)(u.i,{clamp:1,children:e.customer})]}),(0,p.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[o===`inline-trailing`&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,p.jsx)(r.s,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}g.displayName=`UpcomingBookingRow`;var _={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function v({balance:i,tier:s=`Gold Tier`,tierVariant:c,history:f=[],redeemLabel:h,onRedeem:g,className:v,strings:y}){let b=e.useStrings(e.useStrings(_,h===void 0?void 0:{redeem:h}),y);return(0,p.jsxs)(o.t,{className:t.cn(`loyalty-points--component w-full`,v),children:[(0,p.jsx)(d.i,{label:b.balanceLabel,value:(0,p.jsxs)(a.t,{variant:`warning`,children:[(0,p.jsx)(m.Trophy,{className:`mr-1 inline size-3`}),s]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-4xl tabular-nums tracking-tight`,children:typeof i==`number`?i.toLocaleString():i}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.pointsAvailable}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(u.o,{children:f.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{bold:!1,children:e.label}),(0,p.jsx)(u.i,{clamp:1,children:e.date})]}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:t.cn(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,p.jsxs)(n.t,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:g,children:[(0,p.jsx)(m.Gift,{className:`mr-1.5 size-3.5`}),b.redeem]})]})}v.displayName=`LoyaltyPointsCard`;var y={title:`Applied Discounts`,totalSavings:`Total Savings`};function b({discounts:n,totalSavings:i,className:s,strings:c}){let f=e.useStrings(y,c);return(0,p.jsxs)(o.t,{title:f.title,className:t.cn(`discount-stack--component w-full`,s),children:[(0,p.jsx)(u.o,{className:`mt-4`,children:n.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(a.t,{variant:e.badge,className:`w-16 justify-center text-xxs`,children:e.type})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(d.i,{label:f.totalSavings,value:(0,p.jsx)(r.o,{tag:`h4`,className:`text-xl tabular-nums tracking-tight text-success border-none pb-0`,children:i}),labelClassName:`text-sm font-semibold`})]})}b.displayName=`DiscountStackPreview`;function x({trackingNumber:e,carrier:n,status:i,steps:s,details:c=[],className:u}){return(0,p.jsxs)(o.t,{className:t.cn(`shipment-tracking--component w-full`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(r.s,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!n&&(0,p.jsx)(a.t,{variant:`info`,children:n})]}),(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,p.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,p.jsx)(r.s,{weight:`semibold`,children:i})]}),(0,p.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:s.map((e,n)=>(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),n<s.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(`div`,{className:`space-y-2`,children:c.map(e=>(0,p.jsx)(d.i,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}x.displayName=`ShipmentTrackingCard`;var S={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function C({subtotal:n,taxes:i,totalTax:a,total:s,className:c,strings:u}){let f=e.useStrings(S,u);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Receipt,{className:`size-4`}),title:f.title,className:t.cn(`tax-breakdown--component w-full`,c),children:[(0,p.jsx)(d.i,{label:f.subtotal,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[i.map((e,t)=>(0,p.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,p.jsx)(r.s,{tag:`span`,size:`xxs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!a&&i.length>1&&(0,p.jsx)(d.i,{label:f.totalTax,value:a,mono:!0,className:`border-t border-border/50 pt-1.5 mt-0.5`,labelClassName:`text-xs font-medium`,valueClassName:`text-xs font-semibold`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:f.total,value:s,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`})]})}C.displayName=`TaxBreakdownCard`;var w={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function T({planName:s,priceLabel:c,cycleLabel:l,nextBillingDate:d,statusLabel:f,perks:h=[],onManage:g,onUpgrade:_,className:v,strings:y}){let b=e.useStrings(w,y);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Repeat,{className:`size-4`}),title:b.title,headerEnd:f?(0,p.jsx)(a.t,{variant:`success`,children:f}):null,className:t.cn(`subscription-summary--component w-full`,v),children:[(0,p.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.plan}),(0,p.jsx)(r.o,{tag:`h3`,className:`mt-1 text-xl font-semibold tracking-tight border-none pb-0`,children:s}),(0,p.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{tag:`span`,size:`xl`,weight:`bold`,className:`tabular-nums`,children:c}),(0,p.jsx)(r.s,{type:`secondary`,children:l})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.Calendar,{className:`size-3.5 text-muted-foreground`}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.nextBilling})]}),(0,p.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:d})]}),h.length>0&&(0,p.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.perks}),(0,p.jsx)(u.o,{children:h.map((e,t)=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:e.icon??m.Check,tone:`success`,size:`small`})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(g||_)&&(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!g&&(0,p.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,className:`flex-1`,children:b.manage}),!!_&&(0,p.jsxs)(n.t,{variant:`primary`,onClick:_,className:`flex-1`,children:[b.upgrade,(0,p.jsx)(m.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`SubscriptionSummaryCard`;var E={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},D=[`requested`,`approved`,`processing`,`completed`];function O({stage:n,amount:i,reason:a,method:s,eta:c,requestedAt:u,className:f,strings:h}){let g=e.useStrings(E,h),_=D.indexOf(n);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.RotateCcw,{className:`size-4`}),title:g.title,className:t.cn(`refund-status--component w-full`,f),children:[(0,p.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.amount}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-3xl tabular-nums tracking-tight`,children:i}),!!u&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[g.requested,`: `,u]})]}),(0,p.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:D.map((e,n)=>{let i=n<=_,a=n===_;return(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,i?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,a&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:i?(0,p.jsx)(m.Check,{className:`size-3`}):(0,p.jsx)(r.s,{tag:`span`,size:`xxs`,weight:`medium`,className:`tabular-nums`,children:n+1})}),n<D.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,n<_?`bg-success`:`bg-border`)})]}),(0,p.jsx)(r.s,{size:`xxs`,weight:a?`semibold`:`medium`,type:i?`main`:`secondary`,className:`text-center leading-tight`,children:g[e]})]},e)})}),(a||s||c)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[!!a&&(0,p.jsx)(d.i,{label:g.reason,value:a,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!s&&(0,p.jsx)(d.i,{label:g.method,value:s,valueClassName:`text-sm font-medium`}),!!c&&(0,p.jsx)(d.i,{label:g.eta,value:c,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}O.displayName=`RefundStatusCard`;var k={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function A({kind:n=`shipping`,name:i,line1:s,line2:c,city:l,region:u,postalCode:d,country:f,phone:h,isDefault:g=!1,onEdit:_,onRemove:v,onMakeDefault:y,className:b,strings:x}){let S=e.useStrings(k,x),C={shipping:S.shipping,billing:S.billing,pickup:S.pickup},w=[l,u,d].filter(Boolean).join(`, `),T=[];return _&&T.push({id:`edit`,label:S.edit,icon:(0,p.jsx)(m.Edit2,{className:`size-3.5`}),onClick:_}),y&&!g&&T.push({id:`make-default`,label:S.makeDefault,icon:(0,p.jsx)(m.Star,{className:`size-3.5`}),onClick:y}),v&&T.push({id:`remove`,label:S.remove,icon:(0,p.jsx)(m.Trash2,{className:`size-3.5`}),onClick:v}),(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.MapPin,{className:`size-4`}),title:C[n],titleSuffix:g?(0,p.jsx)(a.t,{variant:`primary`,children:S.defaultBadge}):null,actions:T.length>0?T:void 0,className:t.cn(`address-card--component w-full`,b),children:(0,p.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,p.jsx)(r.s,{weight:`semibold`,children:i}),(0,p.jsx)(r.s,{children:s}),!!c&&(0,p.jsx)(r.s,{children:c}),!!w&&(0,p.jsx)(r.s,{children:w}),(0,p.jsx)(r.s,{type:`secondary`,children:f}),!!h&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:h})]})})}A.displayName=`AddressCard`;var j={title:`Redeem a gift card`,inputLabel:`Gift card code`,placeholder:`Enter gift card code`,helperText:`Apply one gift card or voucher to this order.`,check:`Check balance`,remove:`Remove`,balance:`Available balance`,applied:`Applied`,notFound:`That gift card code is not valid.`},M=e=>e.toUpperCase();function N({appliedCode:l,balance:d,error:h,loading:g,onCheck:_,onRemove:v,className:y,strings:b}){let x=e.useStrings(j,b),S=(0,f.useId)(),[C,w]=(0,f.useState)(``),T=C.trim();return l?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsxs)(u.t,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:l}),(0,p.jsx)(a.t,{variant:`success`,size:`small`,children:x.applied})]}),(0,p.jsx)(u.i,{clamp:1,children:x.balance})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!d&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:d}),!!v&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:v,"aria-label":x.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),T&&_?.(T)},children:(0,p.jsx)(c.D,{label:x.inputLabel,htmlFor:S,error:h,hint:h?void 0:x.helperText,children:(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,p.jsx)(s.t,{id:S,value:C,onChange:e=>w(M(e.target.value)),placeholder:x.placeholder,startIcon:m.Gift,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!h})}),(0,p.jsx)(n.t,{type:`submit`,loading:g,disabled:!T,className:`shrink-0`,children:x.check})]})})})})}N.displayName=`VoucherEntryCard`;var P={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},F=e=>e.replace(/^[\s−-]+/,``),I=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,L=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),R=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function z({title:e}){return(0,p.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xxs font-semibold text-muted-foreground ring-1 ring-border/60`,children:R(e)})}function B({items:i,subtotal:a,tax:s,shipping:c,discount:f,total:h,onCheckout:g,className:_,strings:v}){let y=e.useStrings(P,v),b=!!(a||s||c||f);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.ShoppingBag,{className:`size-4`}),title:y.title,className:t.cn(`cart-summary--component w-full`,_),children:[(0,p.jsx)(u.o,{children:i.map(e=>{let t=I(e),n=L(e);return(0,p.jsxs)(u.t,{className:`cart-summary--item`,children:[(0,p.jsx)(u.c,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,p.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,p.jsx)(z,{title:t})}),(0,p.jsxs)(u.r,{className:`cart-summary--item-content`,children:[(0,p.jsx)(u.u,{children:t}),!!e.variantTitle&&(0,p.jsx)(u.i,{clamp:1,children:e.variantTitle})]}),(0,p.jsx)(u.n,{className:`cart-summary--item-actions`,children:(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!b&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!a&&(0,p.jsx)(d.i,{label:y.subtotal,value:a,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!s&&(0,p.jsx)(d.i,{label:y.tax,value:s,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!c&&(0,p.jsx)(d.i,{label:y.shipping,value:c,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!f&&(0,p.jsx)(d.i,{label:y.discount,value:`−${F(f)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:y.total,value:h,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`}),!!g&&(0,p.jsx)(n.t,{onClick:g,fullWidth:!0,className:`mt-4`,children:y.checkout})]})}B.displayName=`CartSummaryCard`;var V={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},H=e=>e.replace(/^[\s−-]+/,``),U=e=>e.toUpperCase();function W({appliedCode:a,appliedDiscount:c,error:l,onApply:d,onRemove:h,loading:g,className:_,strings:v}){let y=e.useStrings(V,v),[b,x]=(0,f.useState)(``),S=b.trim();return a?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(u.t,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:a}),(0,p.jsx)(u.i,{className:`uppercase tracking-wide`,clamp:1,children:y.applied})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!c&&(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,H(c)]}),!!h&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:h,"aria-label":y.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,p.jsx)(s.t,{value:b,onChange:e=>x(U(e.target.value)),placeholder:y.placeholder,startIcon:m.Sparkles,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!l})}),(0,p.jsx)(n.t,{size:`default`,onClick:()=>d?.(S),loading:g,disabled:!S,className:`shrink-0`,children:y.apply})]}),!!l&&(0,p.jsx)(r.s,{size:`xs`,type:`error`,children:l||y.invalid})]})})}W.displayName=`CouponInputCard`;var G={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},K={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function q({orderNumber:n,status:i,statusVariant:s,events:c,currentEta:l,className:u,strings:d}){let f=e.useStrings(G,d),h=s??K[i],g=c.reduce((e,t,n)=>t.complete?n:e,-1),_=c[g]??c[0],v=c.find(e=>!e.complete);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Package,{className:`size-4`}),title:f.title,titleSuffix:(0,p.jsx)(a.t,{variant:h,className:`capitalize`,children:i}),description:`#${n}`,className:t.cn(`order-status--component w-full`,u),children:[(0,p.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,p.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.statusLabel}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 capitalize`,children:i})]}),!!_&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:_.complete?f.latestEvent:f.currentStep}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5`,children:_.label})]}),!!l&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.eta}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:l})]})]})}),c.length>0&&(0,p.jsx)(`ol`,{className:`mt-4`,children:c.map((e,n)=>{let i=n===c.length-1,a=v?e===v:n===g;return(0,p.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,p.jsx)(`span`,{className:t.cn(`flex size-6 shrink-0 items-center justify-center rounded-full border`,e.complete?`border-success bg-success text-success-foreground`:`border-border bg-card text-muted-foreground`,a&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,p.jsx)(m.Check,{className:`size-3.5`,strokeWidth:2.5}):a?(0,p.jsx)(m.CalendarClock,{className:`size-3.5`}):(0,p.jsx)(m.Circle,{className:`size-3`})}),!i&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`min-h-6 w-px flex-1`,n<g?`bg-success`:`bg-border`)})]}),(0,p.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-4`,i&&`pb-0`),children:[(0,p.jsx)(r.s,{weight:e.complete||a?`semibold`:`medium`,className:t.cn(!e.complete&&!a&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${n}`)})})]})}q.displayName=`OrderStatusCard`;var J={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Y={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},X={visa:`from-info via-primary to-info`,mastercard:`from-warning via-destructive to-destructive`,amex:`from-info via-primary to-info`,paypal:`from-info via-primary to-info`,applepay:`from-foreground via-muted-foreground to-foreground`,googlepay:`from-success via-primary to-success`,unknown:`from-foreground via-muted-foreground to-foreground`};function Z({brand:i,last4:s,expiry:c,holderName:l,isDefault:u,onChange:d,className:f,strings:h}){let g=e.useStrings(J,h),_=Y[i],v=X[i];return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.CreditCard,{className:`size-4`}),title:g.title,titleSuffix:u?(0,p.jsx)(a.t,{variant:`primary`,children:g.default}):null,headerAction:d?(0,p.jsx)(n.t,{buttonStyle:`ghost`,variant:`secondary`,onClick:d,children:g.change}):void 0,className:t.cn(`payment-method--component w-full`,f),children:(0,p.jsxs)(`div`,{className:t.cn(`relative mx-auto flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-lg bg-gradient-to-br p-3.5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,v),children:[(0,p.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,p.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm`,children:(0,p.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,p.jsx)(r.s,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:_})]}),(0,p.jsx)(`div`,{className:`relative`,children:(0,p.jsxs)(r.s,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,s]})}),(0,p.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,p.jsx)(`div`,{className:`min-w-0`,children:!!l&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(r.s,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.cardHolder}),(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:l})]})}),!!c&&(0,p.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,p.jsx)(r.s,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.expires}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:c})]})]})]})})}Z.displayName=`PaymentMethodCard`,exports.AddressCard=A,exports.CartSummaryCard=B,exports.CouponInputCard=W,exports.DiscountStackPreview=b,exports.LoyaltyPointsCard=v,exports.OrderStatusCard=q,exports.PaymentMethodCard=Z,exports.RefundStatusCard=O,exports.ShipmentTrackingCard=x,exports.SubscriptionSummaryCard=T,exports.TaxBreakdownCard=C,exports.UpcomingBookingRow=g,exports.VoucherEntryCard=N,exports.defaultAddressCardStrings=k,exports.defaultCartSummaryStrings=P,exports.defaultCouponInputStrings=V,exports.defaultDiscountStackStrings=y,exports.defaultLoyaltyPointsStrings=_,exports.defaultOrderStatusStrings=G,exports.defaultPaymentMethodStrings=J,exports.defaultRefundStatusStrings=E,exports.defaultSubscriptionSummaryStrings=w,exports.defaultTaxBreakdownStrings=S,exports.defaultVoucherEntryStrings=j;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BMiPFJIb.cjs"),r=require("../../../_shared/typography-pzCKaFOc.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-DvUA9Pr2.cjs"),o=require("../../../_shared/cards-DQN9fcwo.cjs"),s=require("../../../_shared/input-uuWeiagN.cjs"),c=require("../../../_shared/display-C0ut-Lew.cjs"),l=require("../../../_shared/separator-q42IlFFA.cjs"),u=require("../../../_shared/item-CSk9Y2qB.cjs"),d=require("../../../_shared/data-display-CXVoX3la.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");function h(e){if(e.date!=null)return e.date;if(e.day&&e.month){let t=new Date().getFullYear(),n=new Date(`${e.month} ${e.day}, ${t}`);if(!Number.isNaN(n.getTime()))return n}return null}function g({bookings:e,className:n,locale:i,dateTone:a=`inverse`,timePlacement:o=`below`}){return(0,p.jsx)(u.o,{className:t.cn(`upcoming-booking--component w-full gap-2`,n),children:e.map((e,t)=>{let n=h(e);return(0,p.jsxs)(u.t,{className:`items-center`,children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(c.v,{date:n,time:o===`below`?e.time:void 0,tone:a,locale:i,timePlacement:`below`,layout:`stacked`})}),(0,p.jsxs)(u.r,{className:`min-w-0 sm:min-w-48`,children:[(0,p.jsx)(u.u,{children:e.service}),(0,p.jsx)(u.i,{clamp:1,children:e.customer})]}),(0,p.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[o===`inline-trailing`&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,p.jsx)(r.s,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}g.displayName=`UpcomingBookingRow`;var _={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function v({balance:i,tier:s=`Gold Tier`,tierVariant:c,history:f=[],redeemLabel:h,onRedeem:g,className:v,strings:y}){let b=e.useStrings(e.useStrings(_,h===void 0?void 0:{redeem:h}),y);return(0,p.jsxs)(o.t,{className:t.cn(`loyalty-points--component w-full`,v),children:[(0,p.jsx)(d.i,{label:b.balanceLabel,value:(0,p.jsxs)(a.t,{variant:`warning`,children:[(0,p.jsx)(m.Trophy,{className:`mr-1 inline size-3`}),s]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:typeof i==`number`?i.toLocaleString():i}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.pointsAvailable}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(u.o,{children:f.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{bold:!1,children:e.label}),(0,p.jsx)(u.i,{clamp:1,children:e.date})]}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:t.cn(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,p.jsxs)(n.t,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:g,children:[(0,p.jsx)(m.Gift,{className:`mr-1.5 size-3.5`}),b.redeem]})]})}v.displayName=`LoyaltyPointsCard`;var y={title:`Applied Discounts`,totalSavings:`Total Savings`};function b({discounts:n,totalSavings:i,className:s,strings:c}){let f=e.useStrings(y,c);return(0,p.jsxs)(o.t,{title:f.title,className:t.cn(`discount-stack--component w-full`,s),children:[(0,p.jsx)(u.o,{className:`mt-4`,children:n.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(a.t,{variant:e.badge,className:`w-16 justify-center text-xs`,children:e.type})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(d.i,{label:f.totalSavings,value:(0,p.jsx)(r.o,{tag:`h4`,className:`text-base tabular-nums tracking-tight text-success border-none pb-0`,children:i}),labelClassName:`text-sm font-semibold`})]})}b.displayName=`DiscountStackPreview`;function x({trackingNumber:e,carrier:n,status:i,steps:s,details:c=[],className:u}){return(0,p.jsxs)(o.t,{className:t.cn(`shipment-tracking--component w-full`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(r.s,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!n&&(0,p.jsx)(a.t,{variant:`info`,children:n})]}),(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,p.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,p.jsx)(r.s,{weight:`semibold`,children:i})]}),(0,p.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:s.map((e,n)=>(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),n<s.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(`div`,{className:`space-y-2`,children:c.map(e=>(0,p.jsx)(d.i,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}x.displayName=`ShipmentTrackingCard`;var S={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function C({subtotal:n,taxes:i,totalTax:a,total:s,className:c,strings:u}){let f=e.useStrings(S,u);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Receipt,{className:`size-4`}),title:f.title,className:t.cn(`tax-breakdown--component w-full`,c),children:[(0,p.jsx)(d.i,{label:f.subtotal,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[i.map((e,t)=>(0,p.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!a&&i.length>1&&(0,p.jsx)(d.i,{label:f.totalTax,value:a,mono:!0,className:`border-t border-border/50 pt-1.5 mt-0.5`,labelClassName:`text-xs font-medium`,valueClassName:`text-xs font-semibold`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:f.total,value:s,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`})]})}C.displayName=`TaxBreakdownCard`;var w={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function T({planName:s,priceLabel:c,cycleLabel:l,nextBillingDate:d,statusLabel:f,perks:h=[],onManage:g,onUpgrade:_,className:v,strings:y}){let b=e.useStrings(w,y);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Repeat,{className:`size-4`}),title:b.title,headerEnd:f?(0,p.jsx)(a.t,{variant:`success`,children:f}):null,className:t.cn(`subscription-summary--component w-full`,v),children:[(0,p.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.plan}),(0,p.jsx)(r.o,{tag:`h3`,className:`mt-1 text-base font-semibold tracking-tight border-none pb-0`,children:s}),(0,p.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{tag:`span`,size:`base`,weight:`bold`,className:`tabular-nums`,children:c}),(0,p.jsx)(r.s,{type:`secondary`,children:l})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.Calendar,{className:`size-3.5 text-muted-foreground`}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.nextBilling})]}),(0,p.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:d})]}),h.length>0&&(0,p.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.perks}),(0,p.jsx)(u.o,{children:h.map((e,t)=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:e.icon??m.Check,tone:`success`,size:`small`})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(g||_)&&(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!g&&(0,p.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,className:`flex-1`,children:b.manage}),!!_&&(0,p.jsxs)(n.t,{variant:`primary`,onClick:_,className:`flex-1`,children:[b.upgrade,(0,p.jsx)(m.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`SubscriptionSummaryCard`;var E={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},D=[`requested`,`approved`,`processing`,`completed`];function O({stage:n,amount:i,reason:a,method:s,eta:c,requestedAt:u,className:f,strings:h}){let g=e.useStrings(E,h),_=D.indexOf(n);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.RotateCcw,{className:`size-4`}),title:g.title,className:t.cn(`refund-status--component w-full`,f),children:[(0,p.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.amount}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:i}),!!u&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[g.requested,`: `,u]})]}),(0,p.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:D.map((e,n)=>{let i=n<=_,a=n===_;return(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,i?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,a&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:i?(0,p.jsx)(m.Check,{className:`size-3`}):(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums`,children:n+1})}),n<D.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,n<_?`bg-success`:`bg-border`)})]}),(0,p.jsx)(r.s,{size:`xs`,weight:a?`semibold`:`medium`,type:i?`main`:`secondary`,className:`text-center leading-tight`,children:g[e]})]},e)})}),(a||s||c)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[!!a&&(0,p.jsx)(d.i,{label:g.reason,value:a,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!s&&(0,p.jsx)(d.i,{label:g.method,value:s,valueClassName:`text-sm font-medium`}),!!c&&(0,p.jsx)(d.i,{label:g.eta,value:c,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}O.displayName=`RefundStatusCard`;var k={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function A({kind:n=`shipping`,name:i,line1:s,line2:c,city:l,region:u,postalCode:d,country:f,phone:h,isDefault:g=!1,onEdit:_,onRemove:v,onMakeDefault:y,className:b,strings:x}){let S=e.useStrings(k,x),C={shipping:S.shipping,billing:S.billing,pickup:S.pickup},w=[l,u,d].filter(Boolean).join(`, `),T=[];return _&&T.push({id:`edit`,label:S.edit,icon:(0,p.jsx)(m.Edit2,{className:`size-3.5`}),onClick:_}),y&&!g&&T.push({id:`make-default`,label:S.makeDefault,icon:(0,p.jsx)(m.Star,{className:`size-3.5`}),onClick:y}),v&&T.push({id:`remove`,label:S.remove,icon:(0,p.jsx)(m.Trash2,{className:`size-3.5`}),onClick:v}),(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.MapPin,{className:`size-4`}),title:C[n],titleSuffix:g?(0,p.jsx)(a.t,{variant:`primary`,children:S.defaultBadge}):null,actions:T.length>0?T:void 0,className:t.cn(`address-card--component w-full`,b),children:(0,p.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,p.jsx)(r.s,{weight:`semibold`,children:i}),(0,p.jsx)(r.s,{children:s}),!!c&&(0,p.jsx)(r.s,{children:c}),!!w&&(0,p.jsx)(r.s,{children:w}),(0,p.jsx)(r.s,{type:`secondary`,children:f}),!!h&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:h})]})})}A.displayName=`AddressCard`;var j={title:`Redeem a gift card`,inputLabel:`Gift card code`,placeholder:`Enter gift card code`,helperText:`Apply one gift card or voucher to this order.`,check:`Check balance`,remove:`Remove`,balance:`Available balance`,applied:`Applied`,notFound:`That gift card code is not valid.`},M=e=>e.toUpperCase();function N({appliedCode:l,balance:d,error:h,loading:g,onCheck:_,onRemove:v,className:y,strings:b}){let x=e.useStrings(j,b),S=(0,f.useId)(),[C,w]=(0,f.useState)(``),T=C.trim();return l?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsxs)(u.t,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:l}),(0,p.jsx)(a.t,{variant:`success`,size:`small`,children:x.applied})]}),(0,p.jsx)(u.i,{clamp:1,children:x.balance})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!d&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:d}),!!v&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:v,"aria-label":x.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),T&&_?.(T)},children:(0,p.jsx)(c.D,{label:x.inputLabel,htmlFor:S,error:h,hint:h?void 0:x.helperText,children:(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,p.jsx)(s.t,{id:S,value:C,onChange:e=>w(M(e.target.value)),placeholder:x.placeholder,startIcon:m.Gift,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!h})}),(0,p.jsx)(n.t,{type:`submit`,loading:g,disabled:!T,className:`shrink-0`,children:x.check})]})})})})}N.displayName=`VoucherEntryCard`;var P={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},F=e=>e.replace(/^[\s−-]+/,``),I=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,L=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),R=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function z({title:e}){return(0,p.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xs font-semibold text-muted-foreground ring-1 ring-border/60`,children:R(e)})}function B({items:i,subtotal:a,tax:s,shipping:c,discount:f,total:h,onCheckout:g,className:_,strings:v}){let y=e.useStrings(P,v),b=!!(a||s||c||f);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.ShoppingBag,{className:`size-4`}),title:y.title,className:t.cn(`cart-summary--component w-full`,_),children:[(0,p.jsx)(u.o,{children:i.map(e=>{let t=I(e),n=L(e);return(0,p.jsxs)(u.t,{className:`cart-summary--item`,children:[(0,p.jsx)(u.c,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,p.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,p.jsx)(z,{title:t})}),(0,p.jsxs)(u.r,{className:`cart-summary--item-content`,children:[(0,p.jsx)(u.u,{children:t}),!!e.variantTitle&&(0,p.jsx)(u.i,{clamp:1,children:e.variantTitle})]}),(0,p.jsx)(u.n,{className:`cart-summary--item-actions`,children:(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!b&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!a&&(0,p.jsx)(d.i,{label:y.subtotal,value:a,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!s&&(0,p.jsx)(d.i,{label:y.tax,value:s,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!c&&(0,p.jsx)(d.i,{label:y.shipping,value:c,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!f&&(0,p.jsx)(d.i,{label:y.discount,value:`−${F(f)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:y.total,value:h,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`}),!!g&&(0,p.jsx)(n.t,{onClick:g,fullWidth:!0,className:`mt-4`,children:y.checkout})]})}B.displayName=`CartSummaryCard`;var V={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},H=e=>e.replace(/^[\s−-]+/,``),U=e=>e.toUpperCase();function W({appliedCode:a,appliedDiscount:c,error:l,onApply:d,onRemove:h,loading:g,className:_,strings:v}){let y=e.useStrings(V,v),[b,x]=(0,f.useState)(``),S=b.trim();return a?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(u.t,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:a}),(0,p.jsx)(u.i,{className:`uppercase tracking-wide`,clamp:1,children:y.applied})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!c&&(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,H(c)]}),!!h&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:h,"aria-label":y.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,p.jsx)(s.t,{value:b,onChange:e=>x(U(e.target.value)),placeholder:y.placeholder,startIcon:m.Sparkles,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!l})}),(0,p.jsx)(n.t,{size:`default`,onClick:()=>d?.(S),loading:g,disabled:!S,className:`shrink-0`,children:y.apply})]}),!!l&&(0,p.jsx)(r.s,{size:`xs`,type:`error`,children:l||y.invalid})]})})}W.displayName=`CouponInputCard`;var G={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},K={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function q({orderNumber:n,status:i,statusVariant:s,events:c,currentEta:l,className:u,strings:d}){let f=e.useStrings(G,d),h=s??K[i],g=c.reduce((e,t,n)=>t.complete?n:e,-1),_=c[g]??c[0],v=c.find(e=>!e.complete);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Package,{className:`size-4`}),title:f.title,titleSuffix:(0,p.jsx)(a.t,{variant:h,className:`capitalize`,children:i}),description:`#${n}`,className:t.cn(`order-status--component w-full`,u),children:[(0,p.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,p.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.statusLabel}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 capitalize`,children:i})]}),!!_&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:_.complete?f.latestEvent:f.currentStep}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5`,children:_.label})]}),!!l&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.eta}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:l})]})]})}),c.length>0&&(0,p.jsx)(`ol`,{className:`mt-4`,children:c.map((e,n)=>{let i=n===c.length-1,a=v?e===v:n===g;return(0,p.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,p.jsx)(`span`,{className:t.cn(`flex size-6 shrink-0 items-center justify-center rounded-full border`,e.complete?`border-success bg-success text-success-foreground`:`border-border bg-card text-muted-foreground`,a&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,p.jsx)(m.Check,{className:`size-3.5`,strokeWidth:2.5}):a?(0,p.jsx)(m.CalendarClock,{className:`size-3.5`}):(0,p.jsx)(m.Circle,{className:`size-3`})}),!i&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`min-h-6 w-px flex-1`,n<g?`bg-success`:`bg-border`)})]}),(0,p.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-4`,i&&`pb-0`),children:[(0,p.jsx)(r.s,{weight:e.complete||a?`semibold`:`medium`,className:t.cn(!e.complete&&!a&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${n}`)})})]})}q.displayName=`OrderStatusCard`;var J={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Y={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},X={visa:`from-info via-primary to-info`,mastercard:`from-warning via-destructive to-destructive`,amex:`from-info via-primary to-info`,paypal:`from-info via-primary to-info`,applepay:`from-foreground via-muted-foreground to-foreground`,googlepay:`from-success via-primary to-success`,unknown:`from-foreground via-muted-foreground to-foreground`};function Z({brand:i,last4:s,expiry:c,holderName:l,isDefault:u,onChange:d,className:f,strings:h}){let g=e.useStrings(J,h),_=Y[i],v=X[i];return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.CreditCard,{className:`size-4`}),title:g.title,titleSuffix:u?(0,p.jsx)(a.t,{variant:`primary`,children:g.default}):null,headerAction:d?(0,p.jsx)(n.t,{buttonStyle:`ghost`,variant:`secondary`,onClick:d,children:g.change}):void 0,className:t.cn(`payment-method--component w-full`,f),children:(0,p.jsxs)(`div`,{className:t.cn(`relative mx-auto flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-lg bg-gradient-to-br p-3.5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,v),children:[(0,p.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,p.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm`,children:(0,p.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,p.jsx)(r.s,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:_})]}),(0,p.jsx)(`div`,{className:`relative`,children:(0,p.jsxs)(r.s,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,s]})}),(0,p.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,p.jsx)(`div`,{className:`min-w-0`,children:!!l&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(r.s,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.cardHolder}),(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:l})]})}),!!c&&(0,p.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.expires}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:c})]})]})]})})}Z.displayName=`PaymentMethodCard`,exports.AddressCard=A,exports.CartSummaryCard=B,exports.CouponInputCard=W,exports.DiscountStackPreview=b,exports.LoyaltyPointsCard=v,exports.OrderStatusCard=q,exports.PaymentMethodCard=Z,exports.RefundStatusCard=O,exports.ShipmentTrackingCard=x,exports.SubscriptionSummaryCard=T,exports.TaxBreakdownCard=C,exports.UpcomingBookingRow=g,exports.VoucherEntryCard=N,exports.defaultAddressCardStrings=k,exports.defaultCartSummaryStrings=P,exports.defaultCouponInputStrings=V,exports.defaultDiscountStackStrings=y,exports.defaultLoyaltyPointsStrings=_,exports.defaultOrderStatusStrings=G,exports.defaultPaymentMethodStrings=J,exports.defaultRefundStatusStrings=E,exports.defaultSubscriptionSummaryStrings=w,exports.defaultTaxBreakdownStrings=S,exports.defaultVoucherEntryStrings=j;
 //# sourceMappingURL=index.cjs.map