npm - admin-ui-starter-kit - Versions diffs - 0.4.5 → 0.5.0 - Mend

admin-ui-starter-kit 0.4.5 → 0.5.0

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 (980) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/commerce/upcoming-booking/upcoming-booking.tsx","../../../../src/components/composed/commerce/loyalty-points/types.ts","../../../../src/components/composed/commerce/loyalty-points/loyalty-points.tsx","../../../../src/components/composed/commerce/discount-stack/types.ts","../../../../src/components/composed/commerce/discount-stack/discount-stack.tsx","../../../../src/components/composed/commerce/shipment-tracking/shipment-tracking.tsx","../../../../src/components/composed/commerce/tax-breakdown/types.ts","../../../../src/components/composed/commerce/tax-breakdown/tax-breakdown.tsx","../../../../src/components/composed/commerce/subscription-summary/types.ts","../../../../src/components/composed/commerce/subscription-summary/subscription-summary.tsx","../../../../src/components/composed/commerce/refund-status/types.ts","../../../../src/components/composed/commerce/refund-status/refund-status.tsx","../../../../src/components/composed/commerce/address-card/types.ts","../../../../src/components/composed/commerce/address-card/address-card.tsx","../../../../src/components/composed/commerce/voucher-entry/types.ts","../../../../src/components/composed/commerce/voucher-entry/voucher-entry.tsx","../../../../src/components/composed/commerce/cart-summary/types.ts","../../../../src/components/composed/commerce/cart-summary/cart-summary.tsx","../../../../src/components/composed/commerce/coupon-input/types.ts","../../../../src/components/composed/commerce/coupon-input/coupon-input.tsx","../../../../src/components/composed/commerce/order-status/types.ts","../../../../src/components/composed/commerce/order-status/order-status.tsx","../../../../src/components/composed/commerce/payment-method/types.ts","../../../../src/components/composed/commerce/payment-method/payment-method.tsx"],"sourcesContent":["/*\n UpcomingBookingRow — compact booking list. Each row shows a `DateBlock`\n * (weekday / day / month / time) on the left, service + customer in the\n * middle, and trailing amount. Locale and date-tone are configurable.\n \n Time is placed BELOW the date block by default (matches the date block\n * vertical rhythm); pass `timePlacement=\"inline-trailing\"` to use a\n * separate trailing time column.\n /\nimport { Text } from '@/components/typography/text';\nimport { DateBlock } from '@/components/base/display/date-block';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\n\nimport type { BookingEntry, UpcomingBookingRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nfunction resolveDate(entry: BookingEntry): Date \| string \| number \| null {\n\tif (entry.date != null) return entry.date;\n\tif (entry.day && entry.month) {\n\t\tconst year = new Date().getFullYear();\n\t\tconst synth = new Date(`${entry.month} ${entry.day}, ${year}`);\n\t\tif (!Number.isNaN(synth.getTime())) return synth;\n\t}\n\treturn null;\n}\n\nexport function UpcomingBookingRow({\n\tbookings,\n\tclassName,\n\tlocale,\n\tdateTone = 'inverse',\n\ttimePlacement = 'below',\n}: UpcomingBookingRowProps) {\n\treturn (\n\t\t<ItemGroup className={cn('upcoming-booking--component w-full gap-2', className)}>\n\t\t\t{bookings.map((b, idx) => {\n\t\t\t\tconst dateInput = resolveDate(b);\n\t\t\t\treturn (\n\t\t\t\t\t<Item key={b.id ?? `${b.service}-${b.time}-${idx}`} className=\"items-center px-0 py-1.5\">\n\t\t\t\t\t\t{!!dateInput && (\n\t\t\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t\t\t<DateBlock\n\t\t\t\t\t\t\t\t\tdate={dateInput}\n\t\t\t\t\t\t\t\t\ttime={timePlacement === 'below' ? b.time : undefined}\n\t\t\t\t\t\t\t\t\ttone={dateTone}\n\t\t\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\t\t\ttimePlacement=\"below\"\n\t\t\t\t\t\t\t\t\tlayout=\"stacked\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<ItemContent className=\"min-w-[min(12rem,100%)]\">\n\t\t\t\t\t\t\t<ItemTitle>{b.service}</ItemTitle>\n\t\t\t\t\t\t\t<ItemDescription clamp={1}>{b.customer}</ItemDescription>\n\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t<ItemActions className=\"ml-auto shrink-0 flex-wrap justify-end\">\n\t\t\t\t\t\t\t{timePlacement === 'inline-trailing' && (\n\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{b.time}\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<Text weight=\"semibold\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t{b.amount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</Item>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ItemGroup>\n\t);\n}\n\nUpcomingBookingRow.displayName = 'UpcomingBookingRow';\n","export interface LoyaltyHistoryEntry {\n label: string;\n points: string;\n date: string;\n positive: boolean;\n}\n\nexport interface LoyaltyPointsStrings {\n balanceLabel: string;\n pointsAvailable: string;\n redeem: string;\n}\n\nexport const defaultLoyaltyPointsStrings: LoyaltyPointsStrings = {\n balanceLabel: 'Loyalty Balance',\n pointsAvailable: 'points available',\n redeem: 'Redeem Points',\n};\n\nexport interface LoyaltyPointsCardProps {\n balance: number \| string;\n tier?: string;\n tierVariant?: string;\n history?: LoyaltyHistoryEntry[];\n /* @deprecated Use `strings.redeem`. /\n redeemLabel?: string;\n onRedeem?: () => void;\n className?: string;\n strings?: Partial<LoyaltyPointsStrings>;\n}\n","/\n LoyaltyPointsCard — current balance, tier badge, recent history rows\n * (label / date / signed-points), and a redemption CTA. Strings overridable\n * 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 Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Trophy } from 'lucide-react';\n\nimport { defaultLoyaltyPointsStrings, type LoyaltyPointsCardProps } from './types';\n\nexport function LoyaltyPointsCard({\n\tbalance,\n\ttier = 'Gold Tier',\n\ttierVariant: _tierVariant,\n\thistory = [],\n\tredeemLabel,\n\tonRedeem,\n\tclassName,\n\tstrings: stringsProp,\n}: LoyaltyPointsCardProps) {\n\tconst strings = useStrings(defaultLoyaltyPointsStrings, {\n\t\t...(redeemLabel !== undefined ? { redeem: redeemLabel } : {}),\n\t\t...stringsProp,\n\t});\n\treturn (\n\t\t<SmartCard className={cn('loyalty-points--component w-full', className)}>\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.balanceLabel}\n\t\t\t\tvalue={\n\t\t\t\t\t<Badge variant=\"warning\">\n\t\t\t\t\t\t<Trophy className=\"mr-1 inline size-3\" />\n\t\t\t\t\t\t{tier}\n\t\t\t\t\t</Badge>\n\t\t\t\t}\n\t\t\t\tlabelClassName=\"text-xs font-medium uppercase tracking-wider text-muted-foreground\"\n\t\t\t/>\n\n\t\t\t<Heading tag=\"h3\" className=\"text-4xl tabular-nums tracking-tight\">\n\t\t\t\t{typeof balance === 'number' ? balance.toLocaleString() : balance}\n\t\t\t</Heading>\n\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t{strings.pointsAvailable}\n\t\t\t</Text>\n\n\t\t\t<Separator className=\"my-4\" />\n\n\t\t\t<ItemGroup>\n\t\t\t\t{history.map((entry) => (\n\t\t\t\t\t<Item key={entry.date + entry.label} size=\"xs\" className=\"px-0 py-1\">\n\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t<ItemTitle bold={false}>{entry.label}</ItemTitle>\n\t\t\t\t\t\t\t<ItemDescription clamp={1}>{entry.date}</ItemDescription>\n\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'tabular-nums',\n\t\t\t\t\t\t\t\t\tentry.positive ? 'text-success' : 'text-destructive',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{entry.points}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</Item>\n\t\t\t\t))}\n\t\t\t</ItemGroup>\n\n\t\t\t<Button\n\t\t\t\tvariant=\"dark\"\n\t\t\t\tclassName=\"mt-5 w-full rounded-full\"\n\t\t\t\tonClick={onRedeem}\n\t\t\t>\n\t\t\t\t<Gift className=\"mr-1.5 size-3.5\" />\n\t\t\t\t{strings.redeem}\n\t\t\t</Button>\n\t\t</SmartCard>\n\t);\n}\n\nLoyaltyPointsCard.displayName = 'LoyaltyPointsCard';\n","import type { ComposedBadgeVariant as BadgeVariant } from '@/components/base/badge/badge';\n\nexport interface Discount {\n type: string;\n label: string;\n amount: string;\n badge: BadgeVariant;\n}\n\nexport interface DiscountStackStrings {\n title: string;\n totalSavings: string;\n}\n\nexport const defaultDiscountStackStrings: DiscountStackStrings = {\n title: 'Applied Discounts',\n totalSavings: 'Total Savings',\n};\n\nexport interface DiscountStackPreviewProps {\n discounts: Discount[];\n totalSavings: string;\n className?: string;\n strings?: Partial<DiscountStackStrings>;\n}\n","/\n DiscountStackPreview — list of applied discounts (type chip + label +\n * amount) with a total-savings summary line. Strings overridable for i18n.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultDiscountStackStrings, type DiscountStackPreviewProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function DiscountStackPreview({\n\tdiscounts,\n\ttotalSavings,\n\tclassName,\n\tstrings: stringsProp,\n}: DiscountStackPreviewProps) {\n\tconst strings = useStrings(defaultDiscountStackStrings, stringsProp);\n\treturn (\n\t\t<SmartCard title={strings.title} className={cn('discount-stack--component w-full', className)}>\n\t\t\t<ItemGroup className=\"mt-4\">\n\t\t\t\t{discounts.map((d) => (\n\t\t\t\t\t<Item key={d.type} size=\"xs\" className=\"px-0 py-1\">\n\t\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t\t<Badge variant={d.badge} className=\"w-16 justify-center text-xxs\">\n\t\t\t\t\t\t\t\t{d.type}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t<ItemTitle bold={false}>{d.label}</ItemTitle>\n\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"tabular-nums text-success\">\n\t\t\t\t\t\t\t\t{d.amount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</Item>\n\t\t\t\t))}\n\t\t\t</ItemGroup>\n\n\t\t\t<Separator className=\"my-4\" />\n\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.totalSavings}\n\t\t\t\tvalue={\n\t\t\t\t\t<Heading tag=\"h4\" className=\"text-xl tabular-nums tracking-tight text-success border-none pb-0\">\n\t\t\t\t\t\t{totalSavings}\n\t\t\t\t\t</Heading>\n\t\t\t\t}\n\t\t\t\tlabelClassName=\"text-sm font-semibold\"\n\t\t\t/>\n\t\t</SmartCard>\n\t);\n}\n\nDiscountStackPreview.displayName = 'DiscountStackPreview';\n","/\n ShipmentTrackingCard — tracking number + carrier header, current status\n * with pulse dot, horizontal step progress bar, and an optional details row\n * grid (e.g. weight, ETA, recipient). All copy is consumer-supplied via\n * `steps[].label` / `details[].label`.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport { cn } from '@/lib/utils';\n\nimport type { ShipmentTrackingCardProps } from './types';\n\nexport function ShipmentTrackingCard({\n trackingNumber,\n carrier,\n status,\n steps,\n details = [],\n className,\n}: ShipmentTrackingCardProps) {\n return (\n <SmartCard className={cn('shipment-tracking--component w-full', className)}>\n <div className=\"flex items-center justify-between\">\n <Text size=\"xs\" weight=\"medium\" className=\"font-mono text-muted-foreground tracking-wide\">\n {trackingNumber}\n </Text>\n {!!carrier && <Badge variant=\"info\">{carrier}</Badge>}\n </div>\n\n <div className=\"mt-4 flex items-center gap-1.5\">\n <span className=\"h-2 w-2 rounded-full bg-success\" />\n <Text weight=\"semibold\">\n {status}\n </Text>\n </div>\n\n <div className=\"mt-5 flex items-center justify-between\">\n {steps.map((step, i) => (\n <div key={step.label} className=\"flex flex-1 flex-col items-center gap-2\">\n <div className=\"flex w-full items-center\">\n <div className={cn('size-3 shrink-0 rounded-full', step.done ? 'bg-success' : 'bg-muted')} />\n {i < steps.length - 1 && (\n <div className={cn('h-0.5 flex-1', step.done ? 'bg-success' : 'bg-muted')} />\n )}\n </div>\n <Text size=\"xs\" type=\"secondary\" className=\"text-center leading-tight\">\n {step.label}\n </Text>\n </div>\n ))}\n </div>\n\n {details.length > 0 && (\n <>\n <Separator className=\"my-4\" />\n <div className=\"space-y-2\">\n {details.map((detail) => (\n <InlineStat\n key={detail.label}\n label={detail.label}\n value={detail.value}\n labelClassName=\"text-xs\"\n valueClassName=\"text-sm font-medium truncate max-w-[180px]\"\n />\n ))}\n </div>\n </>\n )}\n </SmartCard>\n );\n}\n\nShipmentTrackingCard.displayName = 'ShipmentTrackingCard';\n","export interface TaxLineItem {\n\tid?: string;\n\tlabel: string;\n\trate?: string;\n\tamount: string;\n}\n\nexport interface TaxBreakdownStrings {\n\ttitle: string;\n\tsubtotal: string;\n\ttotalTax: string;\n\ttotal: string;\n}\n\nexport const defaultTaxBreakdownStrings: TaxBreakdownStrings = {\n\ttitle: 'Tax Breakdown',\n\tsubtotal: 'Subtotal',\n\ttotalTax: 'Total Tax',\n\ttotal: 'Total',\n};\n\nexport interface TaxBreakdownCardProps {\n\tsubtotal: string;\n\ttaxes: TaxLineItem[];\n\ttotalTax?: string;\n\ttotal: string;\n\tclassName?: string;\n\tstrings?: Partial<TaxBreakdownStrings>;\n}\n","/\n TaxBreakdownCard — itemised tax breakdown for an order or invoice. Shows a\n * subtotal, one row per tax line (with optional rate suffix), an optional\n * \"Total tax\" rollup, and a final total. Pairs with `CartSummaryCard` when\n * consumers need to expose VAT / regional tax detail. Strings overridable\n * for i18n.\n /\nimport { Receipt } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultTaxBreakdownStrings, type TaxBreakdownCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function TaxBreakdownCard({\n\tsubtotal,\n\ttaxes,\n\ttotalTax,\n\ttotal,\n\tclassName,\n\tstrings: stringsProp,\n}: TaxBreakdownCardProps) {\n\tconst strings = useStrings(defaultTaxBreakdownStrings, stringsProp);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Receipt className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('tax-breakdown--component w-full', className)}\n\t\t>\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.subtotal}\n\t\t\t\tvalue={subtotal}\n\t\t\t\tmono\n\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\tvalueClassName=\"text-sm font-medium\"\n\t\t\t/>\n\n\t\t\t<div className=\"mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5\">\n\t\t\t\t{taxes.map((tax, i) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={tax.id ?? `${tax.label}-${i}`}\n\t\t\t\t\t\tclassName=\"flex items-baseline justify-between gap-3\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex items-baseline gap-1.5 min-w-0\">\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">{tax.label}</Text>\n\t\t\t\t\t\t\t{!!tax.rate && (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t{tax.rate}\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 tag=\"span\" size=\"xs\" weight=\"medium\" className=\"tabular-nums shrink-0\">\n\t\t\t\t\t\t\t{tax.amount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t\t{!!totalTax && taxes.length > 1 && (\n\t\t\t\t\t<InlineStat\n\t\t\t\t\t\tlabel={strings.totalTax}\n\t\t\t\t\t\tvalue={totalTax}\n\t\t\t\t\t\tmono\n\t\t\t\t\t\tclassName=\"border-t border-border/50 pt-1.5 mt-0.5\"\n\t\t\t\t\t\tlabelClassName=\"text-xs font-medium\"\n\t\t\t\t\t\tvalueClassName=\"text-xs font-semibold\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<Separator className=\"my-3\" />\n\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.total}\n\t\t\t\tvalue={total}\n\t\t\t\tmono\n\t\t\t\tlabelClassName=\"text-sm font-semibold\"\n\t\t\t\tvalueClassName=\"text-lg font-bold\"\n\t\t\t/>\n\t\t</SmartCard>\n\t);\n}\n\nTaxBreakdownCard.displayName = 'TaxBreakdownCard';\n","import type { LucideIcon } from 'lucide-react';\n\nexport interface SubscriptionPerk {\n\ticon?: LucideIcon;\n\tlabel: string;\n}\n\nexport interface SubscriptionSummaryStrings {\n\ttitle: string;\n\tplan: string;\n\tnextBilling: string;\n\tperks: string;\n\tmanage: string;\n\tupgrade: string;\n}\n\nexport const defaultSubscriptionSummaryStrings: SubscriptionSummaryStrings = {\n\ttitle: 'Subscription',\n\tplan: 'Plan',\n\tnextBilling: 'Next billing',\n\tperks: 'Included',\n\tmanage: 'Manage',\n\tupgrade: 'Upgrade',\n};\n\nexport interface SubscriptionSummaryCardProps {\n\tplanName: string;\n\tpriceLabel: string;\n\tcycleLabel: string;\n\tnextBillingDate: string;\n\tstatusLabel?: string;\n\tperks?: SubscriptionPerk[];\n\tonManage?: () => void;\n\tonUpgrade?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<SubscriptionSummaryStrings>;\n}\n","/\n SubscriptionSummaryCard — at-a-glance subscription card with the active\n * plan name as the hero heading, an inline price + cycle, the next billing\n * date in a meta row, an optional perks list, and trailing\n * Manage / Upgrade actions. Strings overridable for i18n.\n /\nimport { Calendar, Check, ChevronRight, Repeat } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport { IconBadge } from '@/components/base/display';\nimport {\n\tItem,\n\tItemContent,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tdefaultSubscriptionSummaryStrings,\n\ttype SubscriptionSummaryCardProps,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nexport function SubscriptionSummaryCard({\n\tplanName,\n\tpriceLabel,\n\tcycleLabel,\n\tnextBillingDate,\n\tstatusLabel,\n\tperks = [],\n\tonManage,\n\tonUpgrade,\n\tclassName,\n\tstrings: stringsProp,\n}: SubscriptionSummaryCardProps) {\n\tconst strings = useStrings(defaultSubscriptionSummaryStrings, stringsProp);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Repeat className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\theaderEnd={statusLabel ? <Badge variant=\"success\">{statusLabel}</Badge> : null}\n\t\t\tclassName={cn('subscription-summary--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"rounded-lg border border-border/60 bg-muted/30 p-4\">\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.plan}\n\t\t\t\t</Text>\n\t\t\t\t<Heading tag=\"h3\" className=\"mt-1 text-xl font-semibold tracking-tight border-none pb-0\">\n\t\t\t\t\t{planName}\n\t\t\t\t</Heading>\n\t\t\t\t<div className=\"mt-1 flex items-baseline gap-1\">\n\t\t\t\t\t<Text tag=\"span\" size=\"xl\" weight=\"bold\" className=\"tabular-nums\">\n\t\t\t\t\t\t{priceLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t{cycleLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"mt-3 flex items-center justify-between rounded-md bg-card px-1\">\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<Calendar className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.nextBilling}</Text>\n\t\t\t\t</div>\n\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{nextBillingDate}</Text>\n\t\t\t</div>\n\n\t\t\t{perks.length > 0 && (\n\t\t\t\t<div className=\"mt-4 space-y-2\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.perks}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t{perks.map((perk, i) => {\n\t\t\t\t\t\t\tconst Icon = perk.icon ?? Check;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Item key={`${perk.label}-${i}`} size=\"xs\" className=\"px-0\">\n\t\t\t\t\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t\t\t\t\t<IconBadge icon={Icon} tone=\"success\" size=\"xs\" />\n\t\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{perk.label}</ItemTitle>\n\t\t\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{(onManage \|\| onUpgrade) && (\n\t\t\t\t<div className=\"mt-4 flex items-center gap-2\">\n\t\t\t\t\t{!!onManage && (\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=\"outline\"\n\t\t\t\t\t\t\tonClick={onManage}\n\t\t\t\t\t\t\tclassName=\"flex-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.manage}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!onUpgrade && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tonClick={onUpgrade}\n\t\t\t\t\t\t\tclassName=\"flex-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.upgrade}\n\t\t\t\t\t\t\t<ChevronRight className=\"ml-1 size-3.5\" />\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</SmartCard>\n\t);\n}\n\nSubscriptionSummaryCard.displayName = 'SubscriptionSummaryCard';\n","export type RefundStage = 'requested' \| 'approved' \| 'processing' \| 'completed';\n\nexport interface RefundStatusStrings {\n\ttitle: string;\n\trequested: string;\n\tapproved: string;\n\tprocessing: string;\n\tcompleted: string;\n\tamount: string;\n\treason: string;\n\teta: string;\n\tmethod: string;\n}\n\nexport const defaultRefundStatusStrings: RefundStatusStrings = {\n\ttitle: 'Refund Status',\n\trequested: 'Requested',\n\tapproved: 'Approved',\n\tprocessing: 'Processing',\n\tcompleted: 'Completed',\n\tamount: 'Refund amount',\n\treason: 'Reason',\n\teta: 'Expected by',\n\tmethod: 'Refund to',\n};\n\nexport interface RefundStatusCardProps {\n\tstage: RefundStage;\n\tamount: string;\n\treason?: string;\n\tmethod?: string;\n\teta?: string;\n\trequestedAt?: string;\n\tclassName?: string;\n\tstrings?: Partial<RefundStatusStrings>;\n}\n","/\n RefundStatusCard — refund-flow tracker. Shows the four canonical refund\n * stages (Requested → Approved → Processing → Completed) as a horizontal\n * progress bar, with refund amount as the lead figure and an optional reason\n * / method / ETA detail block. Strings overridable for i18n.\n /\nimport { Check, RotateCcw } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport Heading from '@/components/typography/heading';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultRefundStatusStrings,\n\ttype RefundStage,\n\ttype RefundStatusCardProps,\n} from './types';\n\nconst STAGE_ORDER: RefundStage[] = ['requested', 'approved', 'processing', 'completed'];\n\nexport function RefundStatusCard({\n\tstage,\n\tamount,\n\treason,\n\tmethod,\n\teta,\n\trequestedAt,\n\tclassName,\n\tstrings: stringsProp,\n}: RefundStatusCardProps) {\n\tconst strings = useStrings(defaultRefundStatusStrings, stringsProp);\n\tconst currentIdx = STAGE_ORDER.indexOf(stage);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<RotateCcw className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('refund-status--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"rounded-lg bg-muted/40 px-4 py-3\">\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.amount}\n\t\t\t\t</Text>\n\t\t\t\t<Heading tag=\"h3\" className=\"text-3xl tabular-nums tracking-tight\">\n\t\t\t\t\t{amount}\n\t\t\t\t</Heading>\n\t\t\t\t{!!requestedAt && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t{strings.requested}: {requestedAt}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/ Stages /}\n\t\t\t<div className=\"mt-4 flex items-center justify-between\">\n\t\t\t\t{STAGE_ORDER.map((s, i) => {\n\t\t\t\t\tconst done = i <= currentIdx;\n\t\t\t\t\tconst current = i === currentIdx;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={s} className=\"flex flex-1 flex-col items-center gap-1.5\">\n\t\t\t\t\t\t\t<div className=\"flex w-full items-center\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'relative flex size-5 shrink-0 items-center justify-center rounded-full',\n\t\t\t\t\t\t\t\t\t\tdone\n\t\t\t\t\t\t\t\t\t\t\t? 'bg-success text-success-foreground'\n\t\t\t\t\t\t\t\t\t\t\t: 'border border-border bg-card text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\tcurrent && 'ring-2 ring-success/30 ring-offset-2 ring-offset-background',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{done ? (\n\t\t\t\t\t\t\t\t\t\t<Check className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" weight=\"medium\" className=\"tabular-nums\">{i + 1}</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{i < STAGE_ORDER.length - 1 && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'h-0.5 flex-1',\n\t\t\t\t\t\t\t\t\t\t\ti < currentIdx ? 'bg-success' : 'bg-border',\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)}\n\t\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\tweight={current ? 'semibold' : 'medium'}\n\t\t\t\t\t\t\t\ttype={done ? 'main' : 'secondary'}\n\t\t\t\t\t\t\t\tclassName=\"text-center leading-tight\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{strings[s]}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\n\t\t\t{(reason \|\| method \|\| eta) && (\n\t\t\t\t<>\n\t\t\t\t\t<Separator className=\"my-4\" />\n\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t{!!reason && (\n\t\t\t\t\t\t\t<InlineStat label={strings.reason} value={reason} className=\"items-start\" valueClassName=\"text-sm font-medium text-right\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!method && (\n\t\t\t\t\t\t\t<InlineStat label={strings.method} value={method} valueClassName=\"text-sm font-medium\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!eta && (\n\t\t\t\t\t\t\t<InlineStat label={strings.eta} value={eta} mono valueClassName=\"text-sm font-medium\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nRefundStatusCard.displayName = 'RefundStatusCard';\n","export type AddressKind = 'shipping' \| 'billing' \| 'pickup';\n\nexport interface AddressCardStrings {\n\tdefaultBadge: string;\n\tedit: string;\n\tremove: string;\n\tmakeDefault: string;\n\tshipping: string;\n\tbilling: string;\n\tpickup: string;\n}\n\nexport const defaultAddressCardStrings: AddressCardStrings = {\n\tdefaultBadge: 'Default',\n\tedit: 'Edit',\n\tremove: 'Remove',\n\tmakeDefault: 'Make default',\n\tshipping: 'Shipping address',\n\tbilling: 'Billing address',\n\tpickup: 'Pickup address',\n};\n\nexport interface AddressCardProps {\n\tkind?: AddressKind;\n\tname: string;\n\tline1: string;\n\tline2?: string;\n\tcity: string;\n\tregion?: string;\n\tpostalCode?: string;\n\tcountry: string;\n\tphone?: string;\n\tisDefault?: boolean;\n\tonEdit?: () => void;\n\tonRemove?: () => void;\n\tonMakeDefault?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<AddressCardStrings>;\n}\n","/\n AddressCard — saved postal address surface. Title varies by `kind`\n * (shipping / billing / pickup); shows recipient name, address lines, phone,\n * and a \"Default\" badge when applicable.\n \n Edit / remove / make-default actions ride through SmartCard's actions menu\n * (the canonical card-actions affordance) instead of inline footer buttons —\n * keeps the surface consistent with every other card in the library.\n /\nimport { Edit2, MapPin, Star, Trash2 } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard, type SmartCardAction } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tdefaultAddressCardStrings,\n\ttype AddressCardProps,\n\ttype AddressKind,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nexport function AddressCard({\n\tkind = 'shipping',\n\tname,\n\tline1,\n\tline2,\n\tcity,\n\tregion,\n\tpostalCode,\n\tcountry,\n\tphone,\n\tisDefault = false,\n\tonEdit,\n\tonRemove,\n\tonMakeDefault,\n\tclassName,\n\tstrings: stringsProp,\n}: AddressCardProps) {\n\tconst strings = useStrings(defaultAddressCardStrings, stringsProp);\n\tconst titleByKind: Record<AddressKind, string> = {\n\t\tshipping: strings.shipping,\n\t\tbilling: strings.billing,\n\t\tpickup: strings.pickup,\n\t};\n\n\tconst cityLine = [city, region, postalCode].filter(Boolean).join(', ');\n\n\tconst actions: SmartCardAction[] = [];\n\tif (onEdit) {\n\t\tactions.push({\n\t\t\tid: 'edit',\n\t\t\tlabel: strings.edit,\n\t\t\ticon: <Edit2 className=\"size-3.5\" />,\n\t\t\tonClick: onEdit,\n\t\t});\n\t}\n\tif (onMakeDefault && !isDefault) {\n\t\tactions.push({\n\t\t\tid: 'make-default',\n\t\t\tlabel: strings.makeDefault,\n\t\t\ticon: <Star className=\"size-3.5\" />,\n\t\t\tonClick: onMakeDefault,\n\t\t});\n\t}\n\tif (onRemove) {\n\t\tactions.push({\n\t\t\tid: 'remove',\n\t\t\tlabel: strings.remove,\n\t\t\ticon: <Trash2 className=\"size-3.5\" />,\n\t\t\tonClick: onRemove,\n\t\t});\n\t}\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<MapPin className=\"size-4\" />}\n\t\t\ttitle={titleByKind[kind]}\n\t\t\ttitleSuffix={\n\t\t\t\tisDefault ? <Badge variant=\"primary\">{strings.defaultBadge}</Badge> : null\n\t\t\t}\n\t\t\tactions={actions.length > 0 ? actions : undefined}\n\t\t\tclassName={cn('address-card--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"space-y-0.5\">\n\t\t\t\t<Text weight=\"semibold\">{name}</Text>\n\t\t\t\t<Text>{line1}</Text>\n\t\t\t\t{!!line2 && <Text>{line2}</Text>}\n\t\t\t\t{!!cityLine && <Text>{cityLine}</Text>}\n\t\t\t\t<Text type=\"secondary\">{country}</Text>\n\t\t\t\t{!!phone && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-1.5 tabular-nums\">\n\t\t\t\t\t\t{phone}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nAddressCard.displayName = 'AddressCard';\n","export interface VoucherEntryStrings {\n\ttitle: string;\n\tinputLabel: string;\n\tplaceholder: string;\n\thelperText: string;\n\tcheck: string;\n\tremove: string;\n\tbalance: string;\n\tapplied: string;\n\tnotFound: string;\n}\n\nexport const defaultVoucherEntryStrings: VoucherEntryStrings = {\n\ttitle: 'Redeem a gift card',\n\tinputLabel: 'Gift card code',\n\tplaceholder: 'Enter gift card code',\n\thelperText: 'Apply one gift card or voucher to this order.',\n\tcheck: 'Check balance',\n\tremove: 'Remove',\n\tbalance: 'Available balance',\n\tapplied: 'Applied',\n\tnotFound: 'That gift card code is not valid.',\n};\n\nexport interface VoucherEntryCardProps {\n\tappliedCode?: string;\n\tbalance?: string;\n\terror?: string;\n\tloading?: boolean;\n\tonCheck?: (code: string) => void;\n\tonRemove?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<VoucherEntryStrings>;\n}\n","/\n VoucherEntryCard — gift-card / voucher redemption entry.\n \n Empty state — leading gift icon input + check button, helper line surfacing\n * errors. Applied state — success-tinted row with check medallion, code,\n * balance amount, and a destructive remove icon.\n /\nimport { type FormEvent, useId, useState } from 'react';\nimport { Check, Gift, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport { IconBadge } from '@/components/base/display';\nimport { FormField } from '@/components/base/forms';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemFooter,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Input } from '@/components/base/forms/fields';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultVoucherEntryStrings, type VoucherEntryCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nconst normalizeCode = (value: string): string => value.toUpperCase();\n\nexport function VoucherEntryCard({\n\tappliedCode,\n\tbalance,\n\terror,\n\tloading,\n\tonCheck,\n\tonRemove,\n\tclassName,\n\tstrings: stringsProp,\n}: VoucherEntryCardProps) {\n\tconst strings = useStrings(defaultVoucherEntryStrings, stringsProp);\n\tconst inputId = useId();\n\tconst [code, setCode] = useState('');\n\tconst trimmedCode = code.trim();\n\tconst handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n\t\tevent.preventDefault();\n\t\tif (!trimmedCode) return;\n\t\tonCheck?.(trimmedCode);\n\t};\n\n\tif (appliedCode) {\n\t\treturn (\n\t\t\t<SmartCard\n\t\t\t\ticon={<Gift className=\"size-4\" />}\n\t\t\t\ttitle={strings.title}\n\t\t\t\tclassName={cn('voucher-entry--component w-full', className)}\n\t\t\t>\n\t\t\t\t<Item size=\"xs\" variant=\"outline\" className=\"items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5 px-2.5 py-2\">\n\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t<IconBadge icon={Check} tone=\"success\" size=\"sm\" className=\"ring-1 ring-success/20\" />\n\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t<ItemContent className=\"min-w-0\">\n\t\t\t\t\t\t<div className=\"flex flex-wrap items-center gap-1.5\">\n\t\t\t\t\t\t\t<ItemTitle className=\"max-w-full font-mono tracking-wider\">{appliedCode}</ItemTitle>\n\t\t\t\t\t\t\t<Badge variant=\"success\" size=\"xs\">{strings.applied}</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<ItemDescription clamp={1}>{strings.balance}</ItemDescription>\n\t\t\t\t\t</ItemContent>\n\t\t\t\t\t<ItemFooter className=\"border-t border-success/15 pt-1\">\n\t\t\t\t\t\t<span />\n\t\t\t\t\t\t<ItemActions className=\"shrink-0 gap-1.5\">\n\t\t\t\t\t\t\t{!!balance && (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" type=\"success\" className=\"tabular-nums shrink-0\">\n\t\t\t\t\t\t\t\t\t{balance}\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{!!onRemove && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t\t\t\t\taria-label={strings.remove}\n\t\t\t\t\t\t\t\t\tclassName=\"size-7 shrink-0 text-muted-foreground hover:text-destructive\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</ItemFooter>\n\t\t\t\t</Item>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Gift className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('voucher-entry--component w-full', className)}\n\t\t>\n\t\t\t<form onSubmit={handleSubmit}>\n\t\t\t\t<FormField\n\t\t\t\t\tlabel={strings.inputLabel}\n\t\t\t\t\thtmlFor={inputId}\n\t\t\t\t\terror={error}\n\t\t\t\t\thint={error ? undefined : strings.helperText}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"flex flex-wrap gap-2\">\n\t\t\t\t\t\t<div className=\"min-w-[12rem] flex-1\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid={inputId}\n\t\t\t\t\t\t\t\tvalue={code}\n\t\t\t\t\t\t\t\tonChange={(e) => setCode(normalizeCode((e.target as HTMLInputElement).value))}\n\t\t\t\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\t\t\t\tstartIcon={Gift}\n\t\t\t\t\t\t\t\tautoCapitalize=\"characters\"\n\t\t\t\t\t\t\t\tspellCheck={false}\n\t\t\t\t\t\t\t\tclassName=\"font-mono\"\n\t\t\t\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\tdisabled={!trimmedCode}\n\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.check}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</FormField>\n\t\t\t</form>\n\t\t</SmartCard>\n\t);\n}\n\nVoucherEntryCard.displayName = 'VoucherEntryCard';\n","export interface CartLineItem {\n\tid: string;\n\tname?: string;\n\tproductTitle?: string;\n\ttitle?: string;\n\tvariantTitle?: string;\n\tqty: number;\n\tprice: string;\n\timageUrl?: string;\n\timageSrc?: string;\n\tsrc?: string;\n\turl?: string;\n\timageAlt?: string;\n}\n\nexport interface CartSummaryStrings {\n\ttitle: string;\n\tsubtotal: string;\n\ttax: string;\n\tshipping: string;\n\tdiscount: string;\n\ttotal: string;\n\tcheckout: string;\n}\n\nexport const defaultCartSummaryStrings: CartSummaryStrings = {\n\ttitle: 'Cart',\n\tsubtotal: 'Subtotal',\n\ttax: 'Tax',\n\tshipping: 'Shipping',\n\tdiscount: 'Discount',\n\ttotal: 'Total',\n\tcheckout: 'Checkout',\n};\n\nexport interface CartSummaryCardProps {\n\titems: CartLineItem[];\n\tsubtotal?: string;\n\ttax?: string;\n\tshipping?: string;\n\tdiscount?: string;\n\ttotal: string;\n\tonCheckout?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<CartSummaryStrings>;\n}\n","/\n CartSummaryCard — line-item list with optional subtotal / tax / shipping /\n * discount breakdown and a primary \"Checkout\" action. Items render through\n * `<ItemGroup>` for density consistency; the breakdown rows sit in a tight\n * summary block above the total. The discount value is shown as a signed\n * delta in success colour.\n /\nimport { ShoppingBag } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultCartSummaryStrings, type CartLineItem, type CartSummaryCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nconst stripLeadingMinus = (value: string): string => value.replace(/^[\\s−-]+/, '');\n\nconst resolveCartLineTitle = (item: CartLineItem): string => {\n\treturn [item.productTitle, item.title, item.name].find((value) => !!value?.trim()) ?? item.id;\n};\n\nconst resolveCartLineImageSrc = (item: CartLineItem): string \| undefined => {\n\treturn [item.imageUrl, item.imageSrc, item.src, item.url].find((value) => !!value?.trim());\n};\n\nconst getCartLinePlaceholderLabel = (title: string): string => {\n\tconst initials = title\n\t\t.trim()\n\t\t.split(/\\s+/)\n\t\t.map((part) => part[0])\n\t\t.join('')\n\t\t.slice(0, 2)\n\t\t.toUpperCase();\n\n\treturn initials \|\| title.trim().slice(0, 2).toUpperCase();\n};\n\nfunction CartLineImagePlaceholder({ title }: { title: string }) {\n\treturn (\n\t\t<div\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"flex size-full items-center justify-center rounded-[inherit] bg-muted text-[length:var(--text-xxs)] font-semibold text-muted-foreground ring-1 ring-border/60\"\n\t\t>\n\t\t\t{getCartLinePlaceholderLabel(title)}\n\t\t</div>\n\t);\n}\n\nexport function CartSummaryCard({\n\titems,\n\tsubtotal,\n\ttax,\n\tshipping,\n\tdiscount,\n\ttotal,\n\tonCheckout,\n\tclassName,\n\tstrings: stringsProp,\n}: CartSummaryCardProps) {\n\tconst strings = useStrings(defaultCartSummaryStrings, stringsProp);\n\tconst hasBreakdown = !!(subtotal \|\| tax \|\| shipping \|\| discount);\n\n\treturn (\n\t\t<SmartCard icon={<ShoppingBag className=\"size-4\" />} title={strings.title} className={cn('cart-summary--component w-full', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst title = resolveCartLineTitle(it);\n\t\t\t\t\tconst imageSrc = resolveCartLineImageSrc(it);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item key={it.id} className=\"cart-summary--item px-0\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"image\" className=\"cart-summary--item-media\">\n\t\t\t\t\t\t\t\t{imageSrc ? (\n\t\t\t\t\t\t\t\t\t<img src={imageSrc} alt={it.imageAlt ?? title} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<CartLineImagePlaceholder title={title} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent className=\"cart-summary--item-content\">\n\t\t\t\t\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.variantTitle && (\n\t\t\t\t\t\t\t\t\t<ItemDescription clamp={1}>{it.variantTitle}</ItemDescription>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions className=\"cart-summary--item-actions\">\n\t\t\t\t\t\t\t\t<div className=\"flex shrink-0 flex-col items-end gap-0.5\">\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"tabular-nums\">x{it.qty}</Text>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"tabular-nums\">{it.price}</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\n\t\t\t{!!hasBreakdown && (\n\t\t\t\t<div className=\"mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5\">\n\t\t\t\t\t{!!subtotal && (\n\t\t\t\t\t\t<InlineStat label={strings.subtotal} value={subtotal} mono valueClassName=\"text-xs font-medium\" labelClassName=\"text-xs\" />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!tax && (\n\t\t\t\t\t\t<InlineStat label={strings.tax} value={tax} mono valueClassName=\"text-xs font-medium\" labelClassName=\"text-xs\" />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!shipping && (\n\t\t\t\t\t\t<InlineStat label={strings.shipping} value={shipping} mono valueClassName=\"text-xs font-medium\" labelClassName=\"text-xs\" />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!discount && (\n\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\tlabel={strings.discount}\n\t\t\t\t\t\t\tvalue={`−${stripLeadingMinus(discount)}`}\n\t\t\t\t\t\t\tmono\n\t\t\t\t\t\t\tlabelClassName=\"text-xs\"\n\t\t\t\t\t\t\tvalueClassName=\"text-xs font-semibold text-success\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Separator className=\"my-3\" />\n\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.total}\n\t\t\t\tvalue={total}\n\t\t\t\tmono\n\t\t\t\tlabelClassName=\"text-sm font-semibold\"\n\t\t\t\tvalueClassName=\"text-lg font-bold\"\n\t\t\t/>\n\n\t\t\t{!!onCheckout && (\n\t\t\t\t<Button onClick={onCheckout} fullWidth className=\"mt-4\">{strings.checkout}</Button>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nCartSummaryCard.displayName = 'CartSummaryCard';\n","export interface CouponInputStrings {\n\ttitle: string;\n\tplaceholder: string;\n\tapply: string;\n\tremove: string;\n\tapplied: string;\n\tinvalid: string;\n}\n\nexport const defaultCouponInputStrings: CouponInputStrings = {\n\ttitle: 'Have a code?',\n\tplaceholder: 'Enter coupon code',\n\tapply: 'Apply',\n\tremove: 'Remove',\n\tapplied: 'Applied',\n\tinvalid: 'That code is not valid',\n};\n\nexport interface CouponInputCardProps {\n\tappliedCode?: string;\n\tappliedDiscount?: string;\n\terror?: string;\n\tonApply?: (code: string) => void;\n\tonRemove?: () => void;\n\tloading?: boolean;\n\tclassName?: string;\n\tstrings?: Partial<CouponInputStrings>;\n}\n","/\n CouponInputCard — promo / coupon code entry with an applied state and\n * inline error messaging.\n \n Empty state — leading-icon input + apply button, helper line for\n * placeholders or errors. Applied state — success-tinted row with a check\n * medallion, monospaced code, discount delta, and a destructive remove icon.\n /\nimport { useState } from 'react';\nimport { Check, Sparkles, TicketPercent, X } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge } from '@/components/base/display';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemFooter,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography';\nimport { Input } from '@/components/base/forms/fields';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultCouponInputStrings, type CouponInputCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nconst stripLeadingMinus = (value: string): string => value.replace(/^[\\s−-]+/, '');\nconst normalizeCode = (value: string): string => value.toUpperCase();\n\nexport function CouponInputCard({\n\tappliedCode,\n\tappliedDiscount,\n\terror,\n\tonApply,\n\tonRemove,\n\tloading,\n\tclassName,\n\tstrings: stringsProp,\n}: CouponInputCardProps) {\n\tconst strings = useStrings(defaultCouponInputStrings, stringsProp);\n\tconst [code, setCode] = useState('');\n\tconst trimmedCode = code.trim();\n\n\tif (appliedCode) {\n\t\treturn (\n\t\t\t<SmartCard icon={<TicketPercent className=\"size-4\" />} title={strings.title} className={cn('coupon-input--component w-full', className)}>\n\t\t\t\t<Item size=\"xs\" variant=\"muted\" className=\"items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8 px-2.5 py-2\">\n\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t<IconBadge icon={Check} tone=\"success\" size=\"sm\" className=\"ring-1 ring-success/20\" />\n\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t<ItemContent className=\"min-w-0\">\n\t\t\t\t\t\t<ItemTitle className=\"max-w-full font-mono tracking-wider\">{appliedCode}</ItemTitle>\n\t\t\t\t\t\t<ItemDescription className=\"uppercase tracking-wide\" clamp={1}>\n\t\t\t\t\t\t\t{strings.applied}\n\t\t\t\t\t\t</ItemDescription>\n\t\t\t\t\t</ItemContent>\n\t\t\t\t\t<ItemFooter className=\"border-t border-success/15 pt-1\">\n\t\t\t\t\t\t<span />\n\t\t\t\t\t\t<ItemActions className=\"shrink-0 gap-1.5\">\n\t\t\t\t\t\t\t{!!appliedDiscount && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\ttype=\"success\"\n\t\t\t\t\t\t\t\t\tclassName=\"tabular-nums shrink-0\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t−{stripLeadingMinus(appliedDiscount)}\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{!!onRemove && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t\t\t\t\taria-label={strings.remove}\n\t\t\t\t\t\t\t\t\tclassName=\"size-7 shrink-0 text-muted-foreground hover:text-destructive\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</ItemFooter>\n\t\t\t\t</Item>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard icon={<TicketPercent className=\"size-4\" />} title={strings.title} className={cn('coupon-input--component w-full', className)}>\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t<div className=\"flex flex-wrap gap-2\">\n\t\t\t\t\t<div className=\"min-w-[11rem] flex-1\">\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={code}\n\t\t\t\t\t\t\tonChange={(e) => setCode(normalizeCode((e.target as HTMLInputElement).value))}\n\t\t\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\t\t\tstartIcon={Sparkles}\n\t\t\t\t\t\t\tautoCapitalize=\"characters\"\n\t\t\t\t\t\t\tspellCheck={false}\n\t\t\t\t\t\t\tclassName=\"font-mono\"\n\t\t\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\tonClick={() => onApply?.(trimmedCode)}\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\tdisabled={!trimmedCode}\n\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.apply}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t\t{!!error && (\n\t\t\t\t\t<Text size=\"xs\" type=\"error\">{error \|\| strings.invalid}</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nCouponInputCard.displayName = 'CouponInputCard';\n","import type { ComposedBadgeVariant } from '@/components/base/badge/badge';\n\nexport type OrderStatusKind = 'pending' \| 'paid' \| 'fulfilled' \| 'shipped' \| 'delivered' \| 'cancelled';\n\nexport interface OrderStatusEvent {\n\tlabel: string;\n\ttimestamp?: string;\n\tcomplete: boolean;\n}\n\nexport interface OrderStatusStrings {\n\ttitle: string;\n\tstatusLabel: string;\n\teta: string;\n\tlatestEvent: string;\n\tcurrentStep: string;\n}\n\nexport const defaultOrderStatusStrings: OrderStatusStrings = {\n\ttitle: 'Order status',\n\tstatusLabel: 'Current status',\n\teta: 'ETA',\n\tlatestEvent: 'Latest event',\n\tcurrentStep: 'Current step',\n};\n\nexport interface OrderStatusCardProps {\n\torderNumber: string;\n\tstatus: OrderStatusKind;\n\tstatusVariant?: ComposedBadgeVariant;\n\tevents: OrderStatusEvent[];\n\tcurrentEta?: string;\n\tclassName?: string;\n\tstrings?: Partial<OrderStatusStrings>;\n}\n","/\n OrderStatusCard — order number + status badge + readable event timeline.\n * Ideal for dashboards / receipt summaries. Strings overridable for i18n.\n /\nimport { CalendarClock, Check, Circle, Package } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { Badge } from '@/components/base/badge';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultOrderStatusStrings,\n\ttype OrderStatusCardProps,\n\ttype OrderStatusKind,\n} from './types';\n\nconst VARIANT_BY_STATUS: Record<OrderStatusKind, 'primary' \| 'success' \| 'warning' \| 'error' \| 'info' \| 'secondary'> = {\n\tpending: 'warning',\n\tpaid: 'info',\n\tfulfilled: 'info',\n\tshipped: 'primary',\n\tdelivered: 'success',\n\tcancelled: 'error',\n};\n\nexport function OrderStatusCard({\n\torderNumber,\n\tstatus,\n\tstatusVariant,\n\tevents,\n\tcurrentEta,\n\tclassName,\n\tstrings: stringsProp,\n}: OrderStatusCardProps) {\n\tconst strings = useStrings(defaultOrderStatusStrings, stringsProp);\n\tconst variant = statusVariant ?? VARIANT_BY_STATUS[status];\n\tconst lastCompleteIdx = events.reduce((acc, e, i) => (e.complete ? i : acc), -1);\n\tconst latestEvent = events[lastCompleteIdx] ?? events[0];\n\tconst nextEvent = events.find((event) => !event.complete);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Package className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\ttitleSuffix={<Badge variant={variant} className=\"capitalize\">{status}</Badge>}\n\t\t\tdescription={`#${orderNumber}`}\n\t\t\tclassName={cn('order-status--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"rounded-lg border border-border bg-muted/20 p-3\">\n\t\t\t\t<div className=\"grid gap-3 sm:grid-cols-3\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t{strings.statusLabel}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text weight=\"semibold\" className=\"mt-0.5 capitalize\">\n\t\t\t\t\t\t\t{status}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!latestEvent && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t\t{latestEvent.complete ? strings.latestEvent : strings.currentStep}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t{latestEvent.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!currentEta && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t\t{strings.eta}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"mt-0.5 tabular-nums\">\n\t\t\t\t\t\t\t\t{currentEta}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{events.length > 0 && (\n\t\t\t\t<ol className=\"mt-4\">\n\t\t\t\t\t{events.map((event, index) => {\n\t\t\t\t\t\tconst isLast = index === events.length - 1;\n\t\t\t\t\t\tconst isCurrent = nextEvent ? event === nextEvent : index === lastCompleteIdx;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li key={`${event.label}-${index}`} className=\"relative flex gap-3\">\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col items-center\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full border',\n\t\t\t\t\t\t\t\t\t\t\tevent.complete\n\t\t\t\t\t\t\t\t\t\t\t\t? 'border-success bg-success text-success-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'border-border bg-card text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\tisCurrent && !event.complete && 'border-primary text-primary ring-4 ring-primary/10',\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{event.complete ? (\n\t\t\t\t\t\t\t\t\t\t\t<Check className=\"size-3.5\" strokeWidth={2.5} />\n\t\t\t\t\t\t\t\t\t\t) : isCurrent ? (\n\t\t\t\t\t\t\t\t\t\t\t<CalendarClock className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<Circle className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'min-h-6 w-px flex-1',\n\t\t\t\t\t\t\t\t\t\t\t\tindex < lastCompleteIdx ? 'bg-success' : 'bg-border',\n\t\t\t\t\t\t\t\t\t\t\t)}\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</div>\n\t\t\t\t\t\t\t\t<div className={cn('min-w-0 flex-1 pb-4', isLast && 'pb-0')}>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tweight={event.complete \|\| isCurrent ? 'semibold' : 'medium'}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(!event.complete && !isCurrent && 'text-muted-foreground')}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{event.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!event.timestamp && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t{event.timestamp}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ol>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nOrderStatusCard.displayName = 'OrderStatusCard';\n","export type PaymentBrand = 'visa' \| 'mastercard' \| 'amex' \| 'paypal' \| 'applepay' \| 'googlepay' \| 'unknown';\n\nexport interface PaymentMethodStrings {\n\ttitle: string;\n\tdefault: string;\n\tcardHolder: string;\n\texpires: string;\n\tchange: string;\n}\n\nexport const defaultPaymentMethodStrings: PaymentMethodStrings = {\n\ttitle: 'Payment method',\n\tdefault: 'Default',\n\tcardHolder: 'Card holder',\n\texpires: 'Expires',\n\tchange: 'Change',\n};\n\nexport interface PaymentMethodCardProps {\n\tbrand: PaymentBrand;\n\tlast4: string;\n\texpiry?: string; // MM/YY\n\tholderName?: string;\n\tisDefault?: boolean;\n\tonChange?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<PaymentMethodStrings>;\n}\n","/\n PaymentMethodCard — saved-card surface. The hero block is rendered as a\n * mini credit-card mock with real card proportions, brand chip top-right, masked\n * PAN center, and holder + expiry on the bottom row. Trailing actions sit\n * in a footer below the mock so the hierarchy is \"card → details → CTA\".\n /\nimport { CreditCard } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { Badge } from '@/components/base/badge';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultPaymentMethodStrings, type PaymentBrand, type PaymentMethodCardProps } from './types';\n\nconst BRAND_LABEL: Record<PaymentBrand, string> = {\n\tvisa: 'VISA',\n\tmastercard: 'MasterCard',\n\tamex: 'AMEX',\n\tpaypal: 'PayPal',\n\tapplepay: 'Apple Pay',\n\tgooglepay: 'Google Pay',\n\tunknown: 'Card',\n};\n\nconst BRAND_GRADIENT: Record<PaymentBrand, string> = {\n\tvisa: 'from-info via-primary to-info',\n\tmastercard: 'from-warning via-destructive to-destructive',\n\tamex: 'from-info via-primary to-info',\n\tpaypal: 'from-info via-primary to-info',\n\tapplepay: 'from-foreground via-muted-foreground to-foreground',\n\tgooglepay: 'from-success via-primary to-success',\n\tunknown: 'from-foreground via-muted-foreground to-foreground',\n};\n\nexport function PaymentMethodCard({\n\tbrand,\n\tlast4,\n\texpiry,\n\tholderName,\n\tisDefault,\n\tonChange,\n\tclassName,\n\tstrings: stringsProp,\n}: PaymentMethodCardProps) {\n\tconst strings = useStrings(defaultPaymentMethodStrings, stringsProp);\n\tconst brandLabel = BRAND_LABEL[brand];\n\tconst gradient = BRAND_GRADIENT[brand];\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<CreditCard className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\ttitleSuffix={isDefault ? <Badge variant=\"primary\">{strings.default}</Badge> : null}\n\t\t\theaderAction={onChange ? (\n\t\t\t\t<Button buttonStyle=\"ghost\" variant=\"secondary\" onClick={onChange}>\n\t\t\t\t\t{strings.change}\n\t\t\t\t</Button>\n\t\t\t) : undefined}\n\t\t\tclassName={cn('payment-method--component w-full', className)}\n\t\t>\n\t\t\t{/ Mini card mock */}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'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',\n\t\t\t\t\tgradient,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div className=\"relative flex items-start justify-between\">\n\t\t\t\t\t<div className=\"flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm\">\n\t\t\t\t\t\t<div className=\"size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tweight=\"bold\"\n\t\t\t\t\t\tclassName=\"rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{brandLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tsize=\"base\"\n\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\tclassName=\"block font-mono tracking-[0.25em] text-inverse-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t•••• •••• •••• {last4}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"relative flex items-end justify-between gap-3\">\n\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t{!!holderName && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" className=\"block uppercase tracking-wider text-inverse-subtle\">{strings.cardHolder}</Text>\n\t\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"truncate text-inverse-foreground\">{holderName}</Text>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!expiry && (\n\t\t\t\t\t\t<div className=\"text-right shrink-0\">\n\t\t\t\t\t\t\t<Text size=\"xxs\" className=\"block uppercase tracking-wider text-inverse-subtle\">{strings.expires}</Text>\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"tabular-nums text-inverse-foreground\">{expiry}</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</SmartCard>\n\t);\n}\n\nPaymentMethodCard.displayName = 'PaymentMethodCard';\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/commerce/upcoming-booking/upcoming-booking.tsx","../../../../src/components/composed/commerce/loyalty-points/types.ts","../../../../src/components/composed/commerce/loyalty-points/loyalty-points.tsx","../../../../src/components/composed/commerce/discount-stack/types.ts","../../../../src/components/composed/commerce/discount-stack/discount-stack.tsx","../../../../src/components/composed/commerce/shipment-tracking/shipment-tracking.tsx","../../../../src/components/composed/commerce/tax-breakdown/types.ts","../../../../src/components/composed/commerce/tax-breakdown/tax-breakdown.tsx","../../../../src/components/composed/commerce/subscription-summary/types.ts","../../../../src/components/composed/commerce/subscription-summary/subscription-summary.tsx","../../../../src/components/composed/commerce/refund-status/types.ts","../../../../src/components/composed/commerce/refund-status/refund-status.tsx","../../../../src/components/composed/commerce/address-card/types.ts","../../../../src/components/composed/commerce/address-card/address-card.tsx","../../../../src/components/composed/commerce/voucher-entry/types.ts","../../../../src/components/composed/commerce/voucher-entry/voucher-entry.tsx","../../../../src/components/composed/commerce/cart-summary/types.ts","../../../../src/components/composed/commerce/cart-summary/cart-summary.tsx","../../../../src/components/composed/commerce/coupon-input/types.ts","../../../../src/components/composed/commerce/coupon-input/coupon-input.tsx","../../../../src/components/composed/commerce/order-status/types.ts","../../../../src/components/composed/commerce/order-status/order-status.tsx","../../../../src/components/composed/commerce/payment-method/types.ts","../../../../src/components/composed/commerce/payment-method/payment-method.tsx"],"sourcesContent":["/*\n UpcomingBookingRow — compact booking list. Each row shows a `DateBlock`\n * (weekday / day / month / time) on the left, service + customer in the\n * middle, and trailing amount. Locale and date-tone are configurable.\n \n Time is placed BELOW the date block by default (matches the date block\n * vertical rhythm); pass `timePlacement=\"inline-trailing\"` to use a\n * separate trailing time column.\n /\nimport { Text } from '@/components/typography/text';\nimport { DateBlock } from '@/components/base/display/date-block';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\n\nimport type { BookingEntry, UpcomingBookingRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nfunction resolveDate(entry: BookingEntry): Date \| string \| number \| null {\n\tif (entry.date != null) return entry.date;\n\tif (entry.day && entry.month) {\n\t\tconst year = new Date().getFullYear();\n\t\tconst synth = new Date(`${entry.month} ${entry.day}, ${year}`);\n\t\tif (!Number.isNaN(synth.getTime())) return synth;\n\t}\n\treturn null;\n}\n\nexport function UpcomingBookingRow({\n\tbookings,\n\tclassName,\n\tlocale,\n\tdateTone = 'inverse',\n\ttimePlacement = 'below',\n}: UpcomingBookingRowProps) {\n\treturn (\n\t\t<ItemGroup className={cn('upcoming-booking--component w-full gap-2', className)}>\n\t\t\t{bookings.map((b, idx) => {\n\t\t\t\tconst dateInput = resolveDate(b);\n\t\t\t\treturn (\n\t\t\t\t\t<Item key={b.id ?? `${b.service}-${b.time}-${idx}`} className=\"items-center px-0 py-1.5\">\n\t\t\t\t\t\t{!!dateInput && (\n\t\t\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t\t\t<DateBlock\n\t\t\t\t\t\t\t\t\tdate={dateInput}\n\t\t\t\t\t\t\t\t\ttime={timePlacement === 'below' ? b.time : undefined}\n\t\t\t\t\t\t\t\t\ttone={dateTone}\n\t\t\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\t\t\ttimePlacement=\"below\"\n\t\t\t\t\t\t\t\t\tlayout=\"stacked\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<ItemContent className=\"min-w-[min(12rem,100%)]\">\n\t\t\t\t\t\t\t<ItemTitle>{b.service}</ItemTitle>\n\t\t\t\t\t\t\t<ItemDescription clamp={1}>{b.customer}</ItemDescription>\n\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t<ItemActions className=\"ml-auto shrink-0 flex-wrap justify-end\">\n\t\t\t\t\t\t\t{timePlacement === 'inline-trailing' && (\n\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{b.time}\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<Text weight=\"semibold\" className=\"shrink-0 tabular-nums\">\n\t\t\t\t\t\t\t\t{b.amount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</Item>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ItemGroup>\n\t);\n}\n\nUpcomingBookingRow.displayName = 'UpcomingBookingRow';\n","export interface LoyaltyHistoryEntry {\n label: string;\n points: string;\n date: string;\n positive: boolean;\n}\n\nexport interface LoyaltyPointsStrings {\n balanceLabel: string;\n pointsAvailable: string;\n redeem: string;\n}\n\nexport const defaultLoyaltyPointsStrings: LoyaltyPointsStrings = {\n balanceLabel: 'Loyalty Balance',\n pointsAvailable: 'points available',\n redeem: 'Redeem Points',\n};\n\nexport interface LoyaltyPointsCardProps {\n balance: number \| string;\n tier?: string;\n tierVariant?: string;\n history?: LoyaltyHistoryEntry[];\n /* @deprecated Use `strings.redeem`. /\n redeemLabel?: string;\n onRedeem?: () => void;\n className?: string;\n strings?: Partial<LoyaltyPointsStrings>;\n}\n","/\n LoyaltyPointsCard — current balance, tier badge, recent history rows\n * (label / date / signed-points), and a redemption CTA. Strings overridable\n * 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 Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Gift, Trophy } from 'lucide-react';\n\nimport { defaultLoyaltyPointsStrings, type LoyaltyPointsCardProps } from './types';\n\nexport function LoyaltyPointsCard({\n\tbalance,\n\ttier = 'Gold Tier',\n\ttierVariant: _tierVariant,\n\thistory = [],\n\tredeemLabel,\n\tonRedeem,\n\tclassName,\n\tstrings: stringsProp,\n}: LoyaltyPointsCardProps) {\n\tconst strings = useStrings(defaultLoyaltyPointsStrings, {\n\t\t...(redeemLabel !== undefined ? { redeem: redeemLabel } : {}),\n\t\t...stringsProp,\n\t});\n\treturn (\n\t\t<SmartCard className={cn('loyalty-points--component w-full', className)}>\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.balanceLabel}\n\t\t\t\tvalue={\n\t\t\t\t\t<Badge variant=\"warning\">\n\t\t\t\t\t\t<Trophy className=\"mr-1 inline size-3\" />\n\t\t\t\t\t\t{tier}\n\t\t\t\t\t</Badge>\n\t\t\t\t}\n\t\t\t\tlabelClassName=\"text-xs font-medium uppercase tracking-wider text-muted-foreground\"\n\t\t\t/>\n\n\t\t\t<Heading tag=\"h3\" className=\"text-4xl tabular-nums tracking-tight\">\n\t\t\t\t{typeof balance === 'number' ? balance.toLocaleString() : balance}\n\t\t\t</Heading>\n\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t{strings.pointsAvailable}\n\t\t\t</Text>\n\n\t\t\t<Separator className=\"my-4\" />\n\n\t\t\t<ItemGroup>\n\t\t\t\t{history.map((entry) => (\n\t\t\t\t\t<Item key={entry.date + entry.label} size=\"xs\" className=\"px-0 py-1\">\n\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t<ItemTitle bold={false}>{entry.label}</ItemTitle>\n\t\t\t\t\t\t\t<ItemDescription clamp={1}>{entry.date}</ItemDescription>\n\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'tabular-nums',\n\t\t\t\t\t\t\t\t\tentry.positive ? 'text-success' : 'text-destructive',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{entry.points}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</Item>\n\t\t\t\t))}\n\t\t\t</ItemGroup>\n\n\t\t\t<Button\n\t\t\t\tvariant=\"dark\"\n\t\t\t\tclassName=\"mt-5 w-full rounded-full\"\n\t\t\t\tonClick={onRedeem}\n\t\t\t>\n\t\t\t\t<Gift className=\"mr-1.5 size-3.5\" />\n\t\t\t\t{strings.redeem}\n\t\t\t</Button>\n\t\t</SmartCard>\n\t);\n}\n\nLoyaltyPointsCard.displayName = 'LoyaltyPointsCard';\n","import type { ComposedBadgeVariant as BadgeVariant } from '@/components/base/badge/badge';\n\nexport interface Discount {\n type: string;\n label: string;\n amount: string;\n badge: BadgeVariant;\n}\n\nexport interface DiscountStackStrings {\n title: string;\n totalSavings: string;\n}\n\nexport const defaultDiscountStackStrings: DiscountStackStrings = {\n title: 'Applied Discounts',\n totalSavings: 'Total Savings',\n};\n\nexport interface DiscountStackPreviewProps {\n discounts: Discount[];\n totalSavings: string;\n className?: string;\n strings?: Partial<DiscountStackStrings>;\n}\n","/\n DiscountStackPreview — list of applied discounts (type chip + label +\n * amount) with a total-savings summary line. Strings overridable for i18n.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultDiscountStackStrings, type DiscountStackPreviewProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function DiscountStackPreview({\n\tdiscounts,\n\ttotalSavings,\n\tclassName,\n\tstrings: stringsProp,\n}: DiscountStackPreviewProps) {\n\tconst strings = useStrings(defaultDiscountStackStrings, stringsProp);\n\treturn (\n\t\t<SmartCard title={strings.title} className={cn('discount-stack--component w-full', className)}>\n\t\t\t<ItemGroup className=\"mt-4\">\n\t\t\t\t{discounts.map((d) => (\n\t\t\t\t\t<Item key={d.type} size=\"xs\" className=\"px-0 py-1\">\n\t\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t\t<Badge variant={d.badge} className=\"w-16 justify-center text-xxs\">\n\t\t\t\t\t\t\t\t{d.type}\n\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t<ItemTitle bold={false}>{d.label}</ItemTitle>\n\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"tabular-nums text-success\">\n\t\t\t\t\t\t\t\t{d.amount}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</Item>\n\t\t\t\t))}\n\t\t\t</ItemGroup>\n\n\t\t\t<Separator className=\"my-4\" />\n\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.totalSavings}\n\t\t\t\tvalue={\n\t\t\t\t\t<Heading tag=\"h4\" className=\"text-xl tabular-nums tracking-tight text-success border-none pb-0\">\n\t\t\t\t\t\t{totalSavings}\n\t\t\t\t\t</Heading>\n\t\t\t\t}\n\t\t\t\tlabelClassName=\"text-sm font-semibold\"\n\t\t\t/>\n\t\t</SmartCard>\n\t);\n}\n\nDiscountStackPreview.displayName = 'DiscountStackPreview';\n","/\n ShipmentTrackingCard — tracking number + carrier header, current status\n * with pulse dot, horizontal step progress bar, and an optional details row\n * grid (e.g. weight, ETA, recipient). All copy is consumer-supplied via\n * `steps[].label` / `details[].label`.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport { cn } from '@/lib/utils';\n\nimport type { ShipmentTrackingCardProps } from './types';\n\nexport function ShipmentTrackingCard({\n trackingNumber,\n carrier,\n status,\n steps,\n details = [],\n className,\n}: ShipmentTrackingCardProps) {\n return (\n <SmartCard className={cn('shipment-tracking--component w-full', className)}>\n <div className=\"flex items-center justify-between\">\n <Text size=\"xs\" weight=\"medium\" className=\"font-mono text-muted-foreground tracking-wide\">\n {trackingNumber}\n </Text>\n {!!carrier && <Badge variant=\"info\">{carrier}</Badge>}\n </div>\n\n <div className=\"mt-4 flex items-center gap-1.5\">\n <span className=\"h-2 w-2 rounded-full bg-success\" />\n <Text weight=\"semibold\">\n {status}\n </Text>\n </div>\n\n <div className=\"mt-5 flex items-center justify-between\">\n {steps.map((step, i) => (\n <div key={step.label} className=\"flex flex-1 flex-col items-center gap-2\">\n <div className=\"flex w-full items-center\">\n <div className={cn('size-3 shrink-0 rounded-full', step.done ? 'bg-success' : 'bg-muted')} />\n {i < steps.length - 1 && (\n <div className={cn('h-0.5 flex-1', step.done ? 'bg-success' : 'bg-muted')} />\n )}\n </div>\n <Text size=\"xs\" type=\"secondary\" className=\"text-center leading-tight\">\n {step.label}\n </Text>\n </div>\n ))}\n </div>\n\n {details.length > 0 && (\n <>\n <Separator className=\"my-4\" />\n <div className=\"space-y-2\">\n {details.map((detail) => (\n <InlineStat\n key={detail.label}\n label={detail.label}\n value={detail.value}\n labelClassName=\"text-xs\"\n valueClassName=\"text-sm font-medium truncate max-w-[180px]\"\n />\n ))}\n </div>\n </>\n )}\n </SmartCard>\n );\n}\n\nShipmentTrackingCard.displayName = 'ShipmentTrackingCard';\n","export interface TaxLineItem {\n\tid?: string;\n\tlabel: string;\n\trate?: string;\n\tamount: string;\n}\n\nexport interface TaxBreakdownStrings {\n\ttitle: string;\n\tsubtotal: string;\n\ttotalTax: string;\n\ttotal: string;\n}\n\nexport const defaultTaxBreakdownStrings: TaxBreakdownStrings = {\n\ttitle: 'Tax Breakdown',\n\tsubtotal: 'Subtotal',\n\ttotalTax: 'Total Tax',\n\ttotal: 'Total',\n};\n\nexport interface TaxBreakdownCardProps {\n\tsubtotal: string;\n\ttaxes: TaxLineItem[];\n\ttotalTax?: string;\n\ttotal: string;\n\tclassName?: string;\n\tstrings?: Partial<TaxBreakdownStrings>;\n}\n","/\n TaxBreakdownCard — itemised tax breakdown for an order or invoice. Shows a\n * subtotal, one row per tax line (with optional rate suffix), an optional\n * \"Total tax\" rollup, and a final total. Pairs with `CartSummaryCard` when\n * consumers need to expose VAT / regional tax detail. Strings overridable\n * for i18n.\n /\nimport { Receipt } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultTaxBreakdownStrings, type TaxBreakdownCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function TaxBreakdownCard({\n\tsubtotal,\n\ttaxes,\n\ttotalTax,\n\ttotal,\n\tclassName,\n\tstrings: stringsProp,\n}: TaxBreakdownCardProps) {\n\tconst strings = useStrings(defaultTaxBreakdownStrings, stringsProp);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Receipt className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('tax-breakdown--component w-full', className)}\n\t\t>\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.subtotal}\n\t\t\t\tvalue={subtotal}\n\t\t\t\tmono\n\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\tvalueClassName=\"text-sm font-medium\"\n\t\t\t/>\n\n\t\t\t<div className=\"mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5\">\n\t\t\t\t{taxes.map((tax, i) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={tax.id ?? `${tax.label}-${i}`}\n\t\t\t\t\t\tclassName=\"flex items-baseline justify-between gap-3\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex items-baseline gap-1.5 min-w-0\">\n\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">{tax.label}</Text>\n\t\t\t\t\t\t\t{!!tax.rate && (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t{tax.rate}\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 tag=\"span\" size=\"xs\" weight=\"medium\" className=\"tabular-nums shrink-0\">\n\t\t\t\t\t\t\t{tax.amount}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t\t{!!totalTax && taxes.length > 1 && (\n\t\t\t\t\t<InlineStat\n\t\t\t\t\t\tlabel={strings.totalTax}\n\t\t\t\t\t\tvalue={totalTax}\n\t\t\t\t\t\tmono\n\t\t\t\t\t\tclassName=\"border-t border-border/50 pt-1.5 mt-0.5\"\n\t\t\t\t\t\tlabelClassName=\"text-xs font-medium\"\n\t\t\t\t\t\tvalueClassName=\"text-xs font-semibold\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<Separator className=\"my-3\" />\n\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.total}\n\t\t\t\tvalue={total}\n\t\t\t\tmono\n\t\t\t\tlabelClassName=\"text-sm font-semibold\"\n\t\t\t\tvalueClassName=\"text-lg font-bold\"\n\t\t\t/>\n\t\t</SmartCard>\n\t);\n}\n\nTaxBreakdownCard.displayName = 'TaxBreakdownCard';\n","import type { LucideIcon } from 'lucide-react';\n\nexport interface SubscriptionPerk {\n\ticon?: LucideIcon;\n\tlabel: string;\n}\n\nexport interface SubscriptionSummaryStrings {\n\ttitle: string;\n\tplan: string;\n\tnextBilling: string;\n\tperks: string;\n\tmanage: string;\n\tupgrade: string;\n}\n\nexport const defaultSubscriptionSummaryStrings: SubscriptionSummaryStrings = {\n\ttitle: 'Subscription',\n\tplan: 'Plan',\n\tnextBilling: 'Next billing',\n\tperks: 'Included',\n\tmanage: 'Manage',\n\tupgrade: 'Upgrade',\n};\n\nexport interface SubscriptionSummaryCardProps {\n\tplanName: string;\n\tpriceLabel: string;\n\tcycleLabel: string;\n\tnextBillingDate: string;\n\tstatusLabel?: string;\n\tperks?: SubscriptionPerk[];\n\tonManage?: () => void;\n\tonUpgrade?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<SubscriptionSummaryStrings>;\n}\n","/\n SubscriptionSummaryCard — at-a-glance subscription card with the active\n * plan name as the hero heading, an inline price + cycle, the next billing\n * date in a meta row, an optional perks list, and trailing\n * Manage / Upgrade actions. Strings overridable for i18n.\n /\nimport { Calendar, Check, ChevronRight, Repeat } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport { IconBadge } from '@/components/base/display';\nimport {\n\tItem,\n\tItemContent,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tdefaultSubscriptionSummaryStrings,\n\ttype SubscriptionSummaryCardProps,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nexport function SubscriptionSummaryCard({\n\tplanName,\n\tpriceLabel,\n\tcycleLabel,\n\tnextBillingDate,\n\tstatusLabel,\n\tperks = [],\n\tonManage,\n\tonUpgrade,\n\tclassName,\n\tstrings: stringsProp,\n}: SubscriptionSummaryCardProps) {\n\tconst strings = useStrings(defaultSubscriptionSummaryStrings, stringsProp);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Repeat className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\theaderEnd={statusLabel ? <Badge variant=\"success\">{statusLabel}</Badge> : null}\n\t\t\tclassName={cn('subscription-summary--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"rounded-lg border border-border/60 bg-muted/30 p-4\">\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.plan}\n\t\t\t\t</Text>\n\t\t\t\t<Heading tag=\"h3\" className=\"mt-1 text-xl font-semibold tracking-tight border-none pb-0\">\n\t\t\t\t\t{planName}\n\t\t\t\t</Heading>\n\t\t\t\t<div className=\"mt-1 flex items-baseline gap-1\">\n\t\t\t\t\t<Text tag=\"span\" size=\"xl\" weight=\"bold\" className=\"tabular-nums\">\n\t\t\t\t\t\t{priceLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t{cycleLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"mt-3 flex items-center justify-between rounded-md bg-card px-1\">\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<Calendar className=\"size-3.5 text-muted-foreground\" />\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">{strings.nextBilling}</Text>\n\t\t\t\t</div>\n\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{nextBillingDate}</Text>\n\t\t\t</div>\n\n\t\t\t{perks.length > 0 && (\n\t\t\t\t<div className=\"mt-4 space-y-2\">\n\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t\t{strings.perks}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t{perks.map((perk, i) => {\n\t\t\t\t\t\t\tconst Icon = perk.icon ?? Check;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Item key={`${perk.label}-${i}`} size=\"xs\" className=\"px-0\">\n\t\t\t\t\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t\t\t\t\t<IconBadge icon={Icon} tone=\"success\" size=\"xs\" />\n\t\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t\t\t<ItemTitle bold={false}>{perk.label}</ItemTitle>\n\t\t\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{(onManage \|\| onUpgrade) && (\n\t\t\t\t<div className=\"mt-4 flex items-center gap-2\">\n\t\t\t\t\t{!!onManage && (\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=\"outline\"\n\t\t\t\t\t\t\tonClick={onManage}\n\t\t\t\t\t\t\tclassName=\"flex-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.manage}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!onUpgrade && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tonClick={onUpgrade}\n\t\t\t\t\t\t\tclassName=\"flex-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.upgrade}\n\t\t\t\t\t\t\t<ChevronRight className=\"ml-1 size-3.5\" />\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</SmartCard>\n\t);\n}\n\nSubscriptionSummaryCard.displayName = 'SubscriptionSummaryCard';\n","export type RefundStage = 'requested' \| 'approved' \| 'processing' \| 'completed';\n\nexport interface RefundStatusStrings {\n\ttitle: string;\n\trequested: string;\n\tapproved: string;\n\tprocessing: string;\n\tcompleted: string;\n\tamount: string;\n\treason: string;\n\teta: string;\n\tmethod: string;\n}\n\nexport const defaultRefundStatusStrings: RefundStatusStrings = {\n\ttitle: 'Refund Status',\n\trequested: 'Requested',\n\tapproved: 'Approved',\n\tprocessing: 'Processing',\n\tcompleted: 'Completed',\n\tamount: 'Refund amount',\n\treason: 'Reason',\n\teta: 'Expected by',\n\tmethod: 'Refund to',\n};\n\nexport interface RefundStatusCardProps {\n\tstage: RefundStage;\n\tamount: string;\n\treason?: string;\n\tmethod?: string;\n\teta?: string;\n\trequestedAt?: string;\n\tclassName?: string;\n\tstrings?: Partial<RefundStatusStrings>;\n}\n","/\n RefundStatusCard — refund-flow tracker. Shows the four canonical refund\n * stages (Requested → Approved → Processing → Completed) as a horizontal\n * progress bar, with refund amount as the lead figure and an optional reason\n * / method / ETA detail block. Strings overridable for i18n.\n /\nimport { Check, RotateCcw } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport Heading from '@/components/typography/heading';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultRefundStatusStrings,\n\ttype RefundStage,\n\ttype RefundStatusCardProps,\n} from './types';\n\nconst STAGE_ORDER: RefundStage[] = ['requested', 'approved', 'processing', 'completed'];\n\nexport function RefundStatusCard({\n\tstage,\n\tamount,\n\treason,\n\tmethod,\n\teta,\n\trequestedAt,\n\tclassName,\n\tstrings: stringsProp,\n}: RefundStatusCardProps) {\n\tconst strings = useStrings(defaultRefundStatusStrings, stringsProp);\n\tconst currentIdx = STAGE_ORDER.indexOf(stage);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<RotateCcw className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('refund-status--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"rounded-lg bg-muted/40 px-4 py-3\">\n\t\t\t\t<Text size=\"xxs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.amount}\n\t\t\t\t</Text>\n\t\t\t\t<Heading tag=\"h3\" className=\"text-3xl tabular-nums tracking-tight\">\n\t\t\t\t\t{amount}\n\t\t\t\t</Heading>\n\t\t\t\t{!!requestedAt && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\n\t\t\t\t\t\t{strings.requested}: {requestedAt}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/ Stages /}\n\t\t\t<div className=\"mt-4 flex items-center justify-between\">\n\t\t\t\t{STAGE_ORDER.map((s, i) => {\n\t\t\t\t\tconst done = i <= currentIdx;\n\t\t\t\t\tconst current = i === currentIdx;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={s} className=\"flex flex-1 flex-col items-center gap-1.5\">\n\t\t\t\t\t\t\t<div className=\"flex w-full items-center\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'relative flex size-5 shrink-0 items-center justify-center rounded-full',\n\t\t\t\t\t\t\t\t\t\tdone\n\t\t\t\t\t\t\t\t\t\t\t? 'bg-success text-success-foreground'\n\t\t\t\t\t\t\t\t\t\t\t: 'border border-border bg-card text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\tcurrent && 'ring-2 ring-success/30 ring-offset-2 ring-offset-background',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{done ? (\n\t\t\t\t\t\t\t\t\t\t<Check className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xxs\" weight=\"medium\" className=\"tabular-nums\">{i + 1}</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{i < STAGE_ORDER.length - 1 && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'h-0.5 flex-1',\n\t\t\t\t\t\t\t\t\t\t\ti < currentIdx ? 'bg-success' : 'bg-border',\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)}\n\t\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\tweight={current ? 'semibold' : 'medium'}\n\t\t\t\t\t\t\t\ttype={done ? 'main' : 'secondary'}\n\t\t\t\t\t\t\t\tclassName=\"text-center leading-tight\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{strings[s]}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\n\t\t\t{(reason \|\| method \|\| eta) && (\n\t\t\t\t<>\n\t\t\t\t\t<Separator className=\"my-4\" />\n\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t{!!reason && (\n\t\t\t\t\t\t\t<InlineStat label={strings.reason} value={reason} className=\"items-start\" valueClassName=\"text-sm font-medium text-right\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!method && (\n\t\t\t\t\t\t\t<InlineStat label={strings.method} value={method} valueClassName=\"text-sm font-medium\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!eta && (\n\t\t\t\t\t\t\t<InlineStat label={strings.eta} value={eta} mono valueClassName=\"text-sm font-medium\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nRefundStatusCard.displayName = 'RefundStatusCard';\n","export type AddressKind = 'shipping' \| 'billing' \| 'pickup';\n\nexport interface AddressCardStrings {\n\tdefaultBadge: string;\n\tedit: string;\n\tremove: string;\n\tmakeDefault: string;\n\tshipping: string;\n\tbilling: string;\n\tpickup: string;\n}\n\nexport const defaultAddressCardStrings: AddressCardStrings = {\n\tdefaultBadge: 'Default',\n\tedit: 'Edit',\n\tremove: 'Remove',\n\tmakeDefault: 'Make default',\n\tshipping: 'Shipping address',\n\tbilling: 'Billing address',\n\tpickup: 'Pickup address',\n};\n\nexport interface AddressCardProps {\n\tkind?: AddressKind;\n\tname: string;\n\tline1: string;\n\tline2?: string;\n\tcity: string;\n\tregion?: string;\n\tpostalCode?: string;\n\tcountry: string;\n\tphone?: string;\n\tisDefault?: boolean;\n\tonEdit?: () => void;\n\tonRemove?: () => void;\n\tonMakeDefault?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<AddressCardStrings>;\n}\n","/\n AddressCard — saved postal address surface. Title varies by `kind`\n * (shipping / billing / pickup); shows recipient name, address lines, phone,\n * and a \"Default\" badge when applicable.\n \n Edit / remove / make-default actions ride through SmartCard's actions menu\n * (the canonical card-actions affordance) instead of inline footer buttons —\n * keeps the surface consistent with every other card in the library.\n /\nimport { Edit2, MapPin, Star, Trash2 } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { SmartCard, type SmartCardAction } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport {\n\tdefaultAddressCardStrings,\n\ttype AddressCardProps,\n\ttype AddressKind,\n} from './types';\n\nimport { cn } from '@/lib/utils';\nexport function AddressCard({\n\tkind = 'shipping',\n\tname,\n\tline1,\n\tline2,\n\tcity,\n\tregion,\n\tpostalCode,\n\tcountry,\n\tphone,\n\tisDefault = false,\n\tonEdit,\n\tonRemove,\n\tonMakeDefault,\n\tclassName,\n\tstrings: stringsProp,\n}: AddressCardProps) {\n\tconst strings = useStrings(defaultAddressCardStrings, stringsProp);\n\tconst titleByKind: Record<AddressKind, string> = {\n\t\tshipping: strings.shipping,\n\t\tbilling: strings.billing,\n\t\tpickup: strings.pickup,\n\t};\n\n\tconst cityLine = [city, region, postalCode].filter(Boolean).join(', ');\n\n\tconst actions: SmartCardAction[] = [];\n\tif (onEdit) {\n\t\tactions.push({\n\t\t\tid: 'edit',\n\t\t\tlabel: strings.edit,\n\t\t\ticon: <Edit2 className=\"size-3.5\" />,\n\t\t\tonClick: onEdit,\n\t\t});\n\t}\n\tif (onMakeDefault && !isDefault) {\n\t\tactions.push({\n\t\t\tid: 'make-default',\n\t\t\tlabel: strings.makeDefault,\n\t\t\ticon: <Star className=\"size-3.5\" />,\n\t\t\tonClick: onMakeDefault,\n\t\t});\n\t}\n\tif (onRemove) {\n\t\tactions.push({\n\t\t\tid: 'remove',\n\t\t\tlabel: strings.remove,\n\t\t\ticon: <Trash2 className=\"size-3.5\" />,\n\t\t\tonClick: onRemove,\n\t\t});\n\t}\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<MapPin className=\"size-4\" />}\n\t\t\ttitle={titleByKind[kind]}\n\t\t\ttitleSuffix={\n\t\t\t\tisDefault ? <Badge variant=\"primary\">{strings.defaultBadge}</Badge> : null\n\t\t\t}\n\t\t\tactions={actions.length > 0 ? actions : undefined}\n\t\t\tclassName={cn('address-card--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"space-y-0.5\">\n\t\t\t\t<Text weight=\"semibold\">{name}</Text>\n\t\t\t\t<Text>{line1}</Text>\n\t\t\t\t{!!line2 && <Text>{line2}</Text>}\n\t\t\t\t{!!cityLine && <Text>{cityLine}</Text>}\n\t\t\t\t<Text type=\"secondary\">{country}</Text>\n\t\t\t\t{!!phone && (\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-1.5 tabular-nums\">\n\t\t\t\t\t\t{phone}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nAddressCard.displayName = 'AddressCard';\n","export interface VoucherEntryStrings {\n\ttitle: string;\n\tinputLabel: string;\n\tplaceholder: string;\n\thelperText: string;\n\tcheck: string;\n\tremove: string;\n\tbalance: string;\n\tapplied: string;\n\tnotFound: string;\n}\n\nexport const defaultVoucherEntryStrings: VoucherEntryStrings = {\n\ttitle: 'Redeem a gift card',\n\tinputLabel: 'Gift card code',\n\tplaceholder: 'Enter gift card code',\n\thelperText: 'Apply one gift card or voucher to this order.',\n\tcheck: 'Check balance',\n\tremove: 'Remove',\n\tbalance: 'Available balance',\n\tapplied: 'Applied',\n\tnotFound: 'That gift card code is not valid.',\n};\n\nexport interface VoucherEntryCardProps {\n\tappliedCode?: string;\n\tbalance?: string;\n\terror?: string;\n\tloading?: boolean;\n\tonCheck?: (code: string) => void;\n\tonRemove?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<VoucherEntryStrings>;\n}\n","/\n VoucherEntryCard — gift-card / voucher redemption entry.\n \n Empty state — leading gift icon input + check button, helper line surfacing\n * errors. Applied state — success-tinted row with check medallion, code,\n * balance amount, and a destructive remove icon.\n /\nimport { type FormEvent, useId, useState } from 'react';\nimport { Check, Gift, X } from 'lucide-react';\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport { IconBadge } from '@/components/base/display';\nimport { FormField } from '@/components/base/forms';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemFooter,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Input } from '@/components/base/forms/fields';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultVoucherEntryStrings, type VoucherEntryCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nconst normalizeCode = (value: string): string => value.toUpperCase();\n\nexport function VoucherEntryCard({\n\tappliedCode,\n\tbalance,\n\terror,\n\tloading,\n\tonCheck,\n\tonRemove,\n\tclassName,\n\tstrings: stringsProp,\n}: VoucherEntryCardProps) {\n\tconst strings = useStrings(defaultVoucherEntryStrings, stringsProp);\n\tconst inputId = useId();\n\tconst [code, setCode] = useState('');\n\tconst trimmedCode = code.trim();\n\tconst handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n\t\tevent.preventDefault();\n\t\tif (!trimmedCode) return;\n\t\tonCheck?.(trimmedCode);\n\t};\n\n\tif (appliedCode) {\n\t\treturn (\n\t\t\t<SmartCard\n\t\t\t\ticon={<Gift className=\"size-4\" />}\n\t\t\t\ttitle={strings.title}\n\t\t\t\tclassName={cn('voucher-entry--component w-full', className)}\n\t\t\t>\n\t\t\t\t<Item size=\"xs\" variant=\"outline\" className=\"items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5 px-2.5 py-2\">\n\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t<IconBadge icon={Check} tone=\"success\" size=\"sm\" className=\"ring-1 ring-success/20\" />\n\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t<ItemContent className=\"min-w-0\">\n\t\t\t\t\t\t<div className=\"flex flex-wrap items-center gap-1.5\">\n\t\t\t\t\t\t\t<ItemTitle className=\"max-w-full font-mono tracking-wider\">{appliedCode}</ItemTitle>\n\t\t\t\t\t\t\t<Badge variant=\"success\" size=\"xs\">{strings.applied}</Badge>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<ItemDescription clamp={1}>{strings.balance}</ItemDescription>\n\t\t\t\t\t</ItemContent>\n\t\t\t\t\t<ItemFooter className=\"border-t border-success/15 pt-1\">\n\t\t\t\t\t\t<span />\n\t\t\t\t\t\t<ItemActions className=\"shrink-0 gap-1.5\">\n\t\t\t\t\t\t\t{!!balance && (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" type=\"success\" className=\"tabular-nums shrink-0\">\n\t\t\t\t\t\t\t\t\t{balance}\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{!!onRemove && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t\t\t\t\taria-label={strings.remove}\n\t\t\t\t\t\t\t\t\tclassName=\"size-7 shrink-0 text-muted-foreground hover:text-destructive\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</ItemFooter>\n\t\t\t\t</Item>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Gift className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\tclassName={cn('voucher-entry--component w-full', className)}\n\t\t>\n\t\t\t<form onSubmit={handleSubmit}>\n\t\t\t\t<FormField\n\t\t\t\t\tlabel={strings.inputLabel}\n\t\t\t\t\thtmlFor={inputId}\n\t\t\t\t\terror={error}\n\t\t\t\t\thint={error ? undefined : strings.helperText}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"flex flex-wrap gap-2\">\n\t\t\t\t\t\t<div className=\"min-w-[12rem] flex-1\">\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid={inputId}\n\t\t\t\t\t\t\t\tvalue={code}\n\t\t\t\t\t\t\t\tonChange={(e) => setCode(normalizeCode((e.target as HTMLInputElement).value))}\n\t\t\t\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\t\t\t\tstartIcon={Gift}\n\t\t\t\t\t\t\t\tautoCapitalize=\"characters\"\n\t\t\t\t\t\t\t\tspellCheck={false}\n\t\t\t\t\t\t\t\tclassName=\"font-mono\"\n\t\t\t\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\tdisabled={!trimmedCode}\n\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{strings.check}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</FormField>\n\t\t\t</form>\n\t\t</SmartCard>\n\t);\n}\n\nVoucherEntryCard.displayName = 'VoucherEntryCard';\n","export interface CartLineItem {\n\tid: string;\n\tname?: string;\n\tproductTitle?: string;\n\ttitle?: string;\n\tvariantTitle?: string;\n\tqty: number;\n\tprice: string;\n\timageUrl?: string;\n\timageSrc?: string;\n\tsrc?: string;\n\turl?: string;\n\timageAlt?: string;\n}\n\nexport interface CartSummaryStrings {\n\ttitle: string;\n\tsubtotal: string;\n\ttax: string;\n\tshipping: string;\n\tdiscount: string;\n\ttotal: string;\n\tcheckout: string;\n}\n\nexport const defaultCartSummaryStrings: CartSummaryStrings = {\n\ttitle: 'Cart',\n\tsubtotal: 'Subtotal',\n\ttax: 'Tax',\n\tshipping: 'Shipping',\n\tdiscount: 'Discount',\n\ttotal: 'Total',\n\tcheckout: 'Checkout',\n};\n\nexport interface CartSummaryCardProps {\n\titems: CartLineItem[];\n\tsubtotal?: string;\n\ttax?: string;\n\tshipping?: string;\n\tdiscount?: string;\n\ttotal: string;\n\tonCheckout?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<CartSummaryStrings>;\n}\n","/\n CartSummaryCard — line-item list with optional subtotal / tax / shipping /\n * discount breakdown and a primary \"Checkout\" action. Items render through\n * `<ItemGroup>` for density consistency; the breakdown rows sit in a tight\n * summary block above the total. The discount value is shown as a signed\n * delta in success colour.\n /\nimport { ShoppingBag } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultCartSummaryStrings, type CartLineItem, type CartSummaryCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nconst stripLeadingMinus = (value: string): string => value.replace(/^[\\s−-]+/, '');\n\nconst resolveCartLineTitle = (item: CartLineItem): string => {\n\treturn [item.productTitle, item.title, item.name].find((value) => !!value?.trim()) ?? item.id;\n};\n\nconst resolveCartLineImageSrc = (item: CartLineItem): string \| undefined => {\n\treturn [item.imageUrl, item.imageSrc, item.src, item.url].find((value) => !!value?.trim());\n};\n\nconst getCartLinePlaceholderLabel = (title: string): string => {\n\tconst initials = title\n\t\t.trim()\n\t\t.split(/\\s+/)\n\t\t.map((part) => part[0])\n\t\t.join('')\n\t\t.slice(0, 2)\n\t\t.toUpperCase();\n\n\treturn initials \|\| title.trim().slice(0, 2).toUpperCase();\n};\n\nfunction CartLineImagePlaceholder({ title }: { title: string }) {\n\treturn (\n\t\t<div\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"flex size-full items-center justify-center rounded-[inherit] bg-muted text-[length:var(--text-xxs)] font-semibold text-muted-foreground ring-1 ring-border/60\"\n\t\t>\n\t\t\t{getCartLinePlaceholderLabel(title)}\n\t\t</div>\n\t);\n}\n\nexport function CartSummaryCard({\n\titems,\n\tsubtotal,\n\ttax,\n\tshipping,\n\tdiscount,\n\ttotal,\n\tonCheckout,\n\tclassName,\n\tstrings: stringsProp,\n}: CartSummaryCardProps) {\n\tconst strings = useStrings(defaultCartSummaryStrings, stringsProp);\n\tconst hasBreakdown = !!(subtotal \|\| tax \|\| shipping \|\| discount);\n\n\treturn (\n\t\t<SmartCard icon={<ShoppingBag className=\"size-4\" />} title={strings.title} className={cn('cart-summary--component w-full', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst title = resolveCartLineTitle(it);\n\t\t\t\t\tconst imageSrc = resolveCartLineImageSrc(it);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item key={it.id} className=\"cart-summary--item px-0\">\n\t\t\t\t\t\t\t<ItemMedia variant=\"image\" className=\"cart-summary--item-media\">\n\t\t\t\t\t\t\t\t{imageSrc ? (\n\t\t\t\t\t\t\t\t\t<img src={imageSrc} alt={it.imageAlt ?? title} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<CartLineImagePlaceholder title={title} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t<ItemContent className=\"cart-summary--item-content\">\n\t\t\t\t\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.variantTitle && (\n\t\t\t\t\t\t\t\t\t<ItemDescription clamp={1}>{it.variantTitle}</ItemDescription>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions className=\"cart-summary--item-actions\">\n\t\t\t\t\t\t\t\t<div className=\"flex shrink-0 flex-col items-end gap-0.5\">\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"tabular-nums\">x{it.qty}</Text>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"tabular-nums\">{it.price}</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\n\t\t\t{!!hasBreakdown && (\n\t\t\t\t<div className=\"mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5\">\n\t\t\t\t\t{!!subtotal && (\n\t\t\t\t\t\t<InlineStat label={strings.subtotal} value={subtotal} mono valueClassName=\"text-xs font-medium\" labelClassName=\"text-xs\" />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!tax && (\n\t\t\t\t\t\t<InlineStat label={strings.tax} value={tax} mono valueClassName=\"text-xs font-medium\" labelClassName=\"text-xs\" />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!shipping && (\n\t\t\t\t\t\t<InlineStat label={strings.shipping} value={shipping} mono valueClassName=\"text-xs font-medium\" labelClassName=\"text-xs\" />\n\t\t\t\t\t)}\n\t\t\t\t\t{!!discount && (\n\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\tlabel={strings.discount}\n\t\t\t\t\t\t\tvalue={`−${stripLeadingMinus(discount)}`}\n\t\t\t\t\t\t\tmono\n\t\t\t\t\t\t\tlabelClassName=\"text-xs\"\n\t\t\t\t\t\t\tvalueClassName=\"text-xs font-semibold text-success\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Separator className=\"my-3\" />\n\n\t\t\t<InlineStat\n\t\t\t\tlabel={strings.total}\n\t\t\t\tvalue={total}\n\t\t\t\tmono\n\t\t\t\tlabelClassName=\"text-sm font-semibold\"\n\t\t\t\tvalueClassName=\"text-lg font-bold\"\n\t\t\t/>\n\n\t\t\t{!!onCheckout && (\n\t\t\t\t<Button onClick={onCheckout} fullWidth className=\"mt-4\">{strings.checkout}</Button>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nCartSummaryCard.displayName = 'CartSummaryCard';\n","export interface CouponInputStrings {\n\ttitle: string;\n\tplaceholder: string;\n\tapply: string;\n\tremove: string;\n\tapplied: string;\n\tinvalid: string;\n}\n\nexport const defaultCouponInputStrings: CouponInputStrings = {\n\ttitle: 'Have a code?',\n\tplaceholder: 'Enter coupon code',\n\tapply: 'Apply',\n\tremove: 'Remove',\n\tapplied: 'Applied',\n\tinvalid: 'That code is not valid',\n};\n\nexport interface CouponInputCardProps {\n\tappliedCode?: string;\n\tappliedDiscount?: string;\n\terror?: string;\n\tonApply?: (code: string) => void;\n\tonRemove?: () => void;\n\tloading?: boolean;\n\tclassName?: string;\n\tstrings?: Partial<CouponInputStrings>;\n}\n","/\n CouponInputCard — promo / coupon code entry with an applied state and\n * inline error messaging.\n \n Empty state — leading-icon input + apply button, helper line for\n * placeholders or errors. Applied state — success-tinted row with a check\n * medallion, monospaced code, discount delta, and a destructive remove icon.\n /\nimport { useState } from 'react';\nimport { Check, Sparkles, TicketPercent, X } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Button } from '@/components/base/buttons';\nimport { IconBadge } from '@/components/base/display';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemFooter,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography';\nimport { Input } from '@/components/base/forms/fields';\nimport { useStrings } from '@/lib/strings';\n\nimport { defaultCouponInputStrings, type CouponInputCardProps } from './types';\n\nimport { cn } from '@/lib/utils';\nconst stripLeadingMinus = (value: string): string => value.replace(/^[\\s−-]+/, '');\nconst normalizeCode = (value: string): string => value.toUpperCase();\n\nexport function CouponInputCard({\n\tappliedCode,\n\tappliedDiscount,\n\terror,\n\tonApply,\n\tonRemove,\n\tloading,\n\tclassName,\n\tstrings: stringsProp,\n}: CouponInputCardProps) {\n\tconst strings = useStrings(defaultCouponInputStrings, stringsProp);\n\tconst [code, setCode] = useState('');\n\tconst trimmedCode = code.trim();\n\n\tif (appliedCode) {\n\t\treturn (\n\t\t\t<SmartCard icon={<TicketPercent className=\"size-4\" />} title={strings.title} className={cn('coupon-input--component w-full', className)}>\n\t\t\t\t<Item size=\"xs\" variant=\"muted\" className=\"items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8 px-2.5 py-2\">\n\t\t\t\t\t<ItemMedia>\n\t\t\t\t\t\t<IconBadge icon={Check} tone=\"success\" size=\"sm\" className=\"ring-1 ring-success/20\" />\n\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t<ItemContent className=\"min-w-0\">\n\t\t\t\t\t\t<ItemTitle className=\"max-w-full font-mono tracking-wider\">{appliedCode}</ItemTitle>\n\t\t\t\t\t\t<ItemDescription className=\"uppercase tracking-wide\" clamp={1}>\n\t\t\t\t\t\t\t{strings.applied}\n\t\t\t\t\t\t</ItemDescription>\n\t\t\t\t\t</ItemContent>\n\t\t\t\t\t<ItemFooter className=\"border-t border-success/15 pt-1\">\n\t\t\t\t\t\t<span />\n\t\t\t\t\t\t<ItemActions className=\"shrink-0 gap-1.5\">\n\t\t\t\t\t\t\t{!!appliedDiscount && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\ttype=\"success\"\n\t\t\t\t\t\t\t\t\tclassName=\"tabular-nums shrink-0\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t−{stripLeadingMinus(appliedDiscount)}\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{!!onRemove && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\t\t\t\t\taria-label={strings.remove}\n\t\t\t\t\t\t\t\t\tclassName=\"size-7 shrink-0 text-muted-foreground hover:text-destructive\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<X className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t</ItemFooter>\n\t\t\t\t</Item>\n\t\t\t</SmartCard>\n\t\t);\n\t}\n\n\treturn (\n\t\t<SmartCard icon={<TicketPercent className=\"size-4\" />} title={strings.title} className={cn('coupon-input--component w-full', className)}>\n\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t<div className=\"flex flex-wrap gap-2\">\n\t\t\t\t\t<div className=\"min-w-[11rem] flex-1\">\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={code}\n\t\t\t\t\t\t\tonChange={(e) => setCode(normalizeCode((e.target as HTMLInputElement).value))}\n\t\t\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\t\t\tstartIcon={Sparkles}\n\t\t\t\t\t\t\tautoCapitalize=\"characters\"\n\t\t\t\t\t\t\tspellCheck={false}\n\t\t\t\t\t\t\tclassName=\"font-mono\"\n\t\t\t\t\t\t\tinvalid={Boolean(error)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\tonClick={() => onApply?.(trimmedCode)}\n\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\tdisabled={!trimmedCode}\n\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{strings.apply}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t\t{!!error && (\n\t\t\t\t\t<Text size=\"xs\" type=\"error\">{error \|\| strings.invalid}</Text>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nCouponInputCard.displayName = 'CouponInputCard';\n","import type { ComposedBadgeVariant } from '@/components/base/badge/badge';\n\nexport type OrderStatusKind = 'pending' \| 'paid' \| 'fulfilled' \| 'shipped' \| 'delivered' \| 'cancelled';\n\nexport interface OrderStatusEvent {\n\tlabel: string;\n\ttimestamp?: string;\n\tcomplete: boolean;\n}\n\nexport interface OrderStatusStrings {\n\ttitle: string;\n\tstatusLabel: string;\n\teta: string;\n\tlatestEvent: string;\n\tcurrentStep: string;\n}\n\nexport const defaultOrderStatusStrings: OrderStatusStrings = {\n\ttitle: 'Order status',\n\tstatusLabel: 'Current status',\n\teta: 'ETA',\n\tlatestEvent: 'Latest event',\n\tcurrentStep: 'Current step',\n};\n\nexport interface OrderStatusCardProps {\n\torderNumber: string;\n\tstatus: OrderStatusKind;\n\tstatusVariant?: ComposedBadgeVariant;\n\tevents: OrderStatusEvent[];\n\tcurrentEta?: string;\n\tclassName?: string;\n\tstrings?: Partial<OrderStatusStrings>;\n}\n","/\n OrderStatusCard — order number + status badge + readable event timeline.\n * Ideal for dashboards / receipt summaries. Strings overridable for i18n.\n /\nimport { CalendarClock, Check, Circle, Package } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Text } from '@/components/typography';\nimport { Badge } from '@/components/base/badge';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultOrderStatusStrings,\n\ttype OrderStatusCardProps,\n\ttype OrderStatusKind,\n} from './types';\n\nconst VARIANT_BY_STATUS: Record<OrderStatusKind, 'primary' \| 'success' \| 'warning' \| 'error' \| 'info' \| 'secondary'> = {\n\tpending: 'warning',\n\tpaid: 'info',\n\tfulfilled: 'info',\n\tshipped: 'primary',\n\tdelivered: 'success',\n\tcancelled: 'error',\n};\n\nexport function OrderStatusCard({\n\torderNumber,\n\tstatus,\n\tstatusVariant,\n\tevents,\n\tcurrentEta,\n\tclassName,\n\tstrings: stringsProp,\n}: OrderStatusCardProps) {\n\tconst strings = useStrings(defaultOrderStatusStrings, stringsProp);\n\tconst variant = statusVariant ?? VARIANT_BY_STATUS[status];\n\tconst lastCompleteIdx = events.reduce((acc, e, i) => (e.complete ? i : acc), -1);\n\tconst latestEvent = events[lastCompleteIdx] ?? events[0];\n\tconst nextEvent = events.find((event) => !event.complete);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<Package className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\ttitleSuffix={<Badge variant={variant} className=\"capitalize\">{status}</Badge>}\n\t\t\tdescription={`#${orderNumber}`}\n\t\t\tclassName={cn('order-status--component w-full', className)}\n\t\t>\n\t\t\t<div className=\"rounded-lg border border-border bg-muted/20 p-3\">\n\t\t\t\t<div className=\"grid gap-3 sm:grid-cols-3\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t{strings.statusLabel}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text weight=\"semibold\" className=\"mt-0.5 capitalize\">\n\t\t\t\t\t\t\t{status}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!latestEvent && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t\t{latestEvent.complete ? strings.latestEvent : strings.currentStep}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"mt-0.5\">\n\t\t\t\t\t\t\t\t{latestEvent.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!currentEta && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Text size=\"xxs\" type=\"secondary\" className=\"uppercase tracking-wide\">\n\t\t\t\t\t\t\t\t{strings.eta}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"mt-0.5 tabular-nums\">\n\t\t\t\t\t\t\t\t{currentEta}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{events.length > 0 && (\n\t\t\t\t<ol className=\"mt-4\">\n\t\t\t\t\t{events.map((event, index) => {\n\t\t\t\t\t\tconst isLast = index === events.length - 1;\n\t\t\t\t\t\tconst isCurrent = nextEvent ? event === nextEvent : index === lastCompleteIdx;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li key={`${event.label}-${index}`} className=\"relative flex gap-3\">\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col items-center\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full border',\n\t\t\t\t\t\t\t\t\t\t\tevent.complete\n\t\t\t\t\t\t\t\t\t\t\t\t? 'border-success bg-success text-success-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'border-border bg-card text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\tisCurrent && !event.complete && 'border-primary text-primary ring-4 ring-primary/10',\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{event.complete ? (\n\t\t\t\t\t\t\t\t\t\t\t<Check className=\"size-3.5\" strokeWidth={2.5} />\n\t\t\t\t\t\t\t\t\t\t) : isCurrent ? (\n\t\t\t\t\t\t\t\t\t\t\t<CalendarClock className=\"size-3.5\" />\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<Circle className=\"size-3\" />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'min-h-6 w-px flex-1',\n\t\t\t\t\t\t\t\t\t\t\t\tindex < lastCompleteIdx ? 'bg-success' : 'bg-border',\n\t\t\t\t\t\t\t\t\t\t\t)}\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</div>\n\t\t\t\t\t\t\t\t<div className={cn('min-w-0 flex-1 pb-4', isLast && 'pb-0')}>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tweight={event.complete \|\| isCurrent ? 'semibold' : 'medium'}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(!event.complete && !isCurrent && 'text-muted-foreground')}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{event.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!event.timestamp && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"mt-0.5 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t{event.timestamp}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ol>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nOrderStatusCard.displayName = 'OrderStatusCard';\n","export type PaymentBrand = 'visa' \| 'mastercard' \| 'amex' \| 'paypal' \| 'applepay' \| 'googlepay' \| 'unknown';\n\nexport interface PaymentMethodStrings {\n\ttitle: string;\n\tdefault: string;\n\tcardHolder: string;\n\texpires: string;\n\tchange: string;\n}\n\nexport const defaultPaymentMethodStrings: PaymentMethodStrings = {\n\ttitle: 'Payment method',\n\tdefault: 'Default',\n\tcardHolder: 'Card holder',\n\texpires: 'Expires',\n\tchange: 'Change',\n};\n\nexport interface PaymentMethodCardProps {\n\tbrand: PaymentBrand;\n\tlast4: string;\n\texpiry?: string; // MM/YY\n\tholderName?: string;\n\tisDefault?: boolean;\n\tonChange?: () => void;\n\tclassName?: string;\n\tstrings?: Partial<PaymentMethodStrings>;\n}\n","/\n PaymentMethodCard — saved-card surface. The hero block is rendered as a\n * mini credit-card mock with real card proportions, brand chip top-right, masked\n * PAN center, and holder + expiry on the bottom row. Trailing actions sit\n * in a footer below the mock so the hierarchy is \"card → details → CTA\".\n /\nimport { CreditCard } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { Badge } from '@/components/base/badge';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultPaymentMethodStrings, type PaymentBrand, type PaymentMethodCardProps } from './types';\n\nconst BRAND_LABEL: Record<PaymentBrand, string> = {\n\tvisa: 'VISA',\n\tmastercard: 'MasterCard',\n\tamex: 'AMEX',\n\tpaypal: 'PayPal',\n\tapplepay: 'Apple Pay',\n\tgooglepay: 'Google Pay',\n\tunknown: 'Card',\n};\n\nconst BRAND_GRADIENT: Record<PaymentBrand, string> = {\n\tvisa: 'from-info via-primary to-info',\n\tmastercard: 'from-warning via-destructive to-destructive',\n\tamex: 'from-info via-primary to-info',\n\tpaypal: 'from-info via-primary to-info',\n\tapplepay: 'from-foreground via-muted-foreground to-foreground',\n\tgooglepay: 'from-success via-primary to-success',\n\tunknown: 'from-foreground via-muted-foreground to-foreground',\n};\n\nexport function PaymentMethodCard({\n\tbrand,\n\tlast4,\n\texpiry,\n\tholderName,\n\tisDefault,\n\tonChange,\n\tclassName,\n\tstrings: stringsProp,\n}: PaymentMethodCardProps) {\n\tconst strings = useStrings(defaultPaymentMethodStrings, stringsProp);\n\tconst brandLabel = BRAND_LABEL[brand];\n\tconst gradient = BRAND_GRADIENT[brand];\n\n\treturn (\n\t\t<SmartCard\n\t\t\ticon={<CreditCard className=\"size-4\" />}\n\t\t\ttitle={strings.title}\n\t\t\ttitleSuffix={isDefault ? <Badge variant=\"primary\">{strings.default}</Badge> : null}\n\t\t\theaderAction={onChange ? (\n\t\t\t\t<Button buttonStyle=\"ghost\" variant=\"secondary\" onClick={onChange}>\n\t\t\t\t\t{strings.change}\n\t\t\t\t</Button>\n\t\t\t) : undefined}\n\t\t\tclassName={cn('payment-method--component w-full', className)}\n\t\t>\n\t\t\t{/ Mini card mock */}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'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',\n\t\t\t\t\tgradient,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div className=\"relative flex items-start justify-between\">\n\t\t\t\t\t<div className=\"flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm\">\n\t\t\t\t\t\t<div className=\"size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tweight=\"bold\"\n\t\t\t\t\t\tclassName=\"rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{brandLabel}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"relative\">\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tsize=\"base\"\n\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\tclassName=\"block font-mono tracking-[0.25em] text-inverse-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t•••• •••• •••• {last4}\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"relative flex items-end justify-between gap-3\">\n\t\t\t\t\t<div className=\"min-w-0\">\n\t\t\t\t\t\t{!!holderName && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Text size=\"xxs\" className=\"block uppercase tracking-wider text-inverse-subtle\">{strings.cardHolder}</Text>\n\t\t\t\t\t\t\t\t<Text weight=\"semibold\" className=\"truncate text-inverse-foreground\">{holderName}</Text>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!expiry && (\n\t\t\t\t\t\t<div className=\"text-right shrink-0\">\n\t\t\t\t\t\t\t<Text size=\"xxs\" className=\"block uppercase tracking-wider text-inverse-subtle\">{strings.expires}</Text>\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"tabular-nums text-inverse-foreground\">{expiry}</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</SmartCard>\n\t);\n}\n\nPaymentMethodCard.displayName = 'PaymentMethodCard';\n"],"mappings":"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"}

package/dist/components/composed/dark-surfaces/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-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/separator-q42IlFFA.cjs"),o=require("../../../_shared/display-Dhy5ogxC.cjs"),s=require("../../../_shared/item-DoXXYgPm.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={title:`Booking Receipt`,statusConfirmed:`Confirmed`,amountPaidLabel:`Amount Paid`},f={successTitle:`Payment Successful`,successDescription:`Transaction completed`,detailsToggle:`Payment Details`},p={defaultTitle:`Details`},m={title:`Order Items`,totalLabel:`Total`},h={title:`Outstanding Balance`,dueDateLabel:`Due Date`,customerLabel:`Customer`,sendReminder:`Send Reminder`,recordPayment:`Record Payment`};function g({amount:d,details:p=[],helpText:m,onHelp:h,className:g,strings:_}){let v=e.useStrings(f,_),[y,b]=(0,c.useState)(!0);return(0,l.jsxs)(`div`,{className:t.cn(`dark-payment--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,l.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,l.jsx)(i.t,{icon:u.Check,tone:`success`,size:`lg`,className:`size-14 [&>svg]:size-7`}),(0,l.jsx)(r.t,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:v.successTitle}),(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,children:v.successDescription}),(0,l.jsx)(r.t,{tag:`h3`,className:`border-none pb-0 text-2xl tabular-nums tracking-tight`,children:d})]}),p.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.t,{className:`my-4`}),(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>b(!y),className:`flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground`,children:[(0,l.jsx)(r.n,{weight:`medium`,children:v.detailsToggle}),y?(0,l.jsx)(u.ChevronUp,{className:`size-4`}):(0,l.jsx)(u.ChevronDown,{className:`size-4`})]}),!!y&&(0,l.jsx)(`div`,{className:`mt-3 space-y-2.5`,children:p.map(e=>(0,l.jsx)(o.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!m&&(0,l.jsxs)(s.t,{variant:`muted`,className:t.cn(`mt-4`,h&&`cursor-pointer`),onClick:h,children:[(0,l.jsx)(s.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,l.jsx)(u.HelpCircle,{})}),(0,l.jsx)(s.r,{children:(0,l.jsx)(s.u,{bold:!1,className:`text-muted-foreground`,children:m})}),(0,l.jsx)(s.n,{children:(0,l.jsx)(u.ChevronRight,{className:`size-4 text-muted-foreground`})})]})]})}g.displayName=`DarkPaymentConfirmation`;function _({referenceCode:n,status:i,details:a=[],amountPaid:s,className:c,strings:u}){let f=e.useStrings(d,u),p=i??f.statusConfirmed;return(0,l.jsxs)(`div`,{className:t.cn(`booking-receipt--component`,`dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,l.jsx)(r.t,{tag:`h6`,className:`!border-0 !pb-0`,children:f.title}),(0,l.jsxs)(r.n,{size:`xs`,weight:`medium`,className:`flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success`,children:[(0,l.jsx)(`span`,{className:`size-1.5 rounded-full bg-success`}),p]})]}),a.length>0&&(0,l.jsx)(`div`,{className:`space-y-1.5 text-sm`,children:a.map(e=>(0,l.jsx)(o.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!n&&(0,l.jsx)(r.n,{tag:`div`,size:`xs`,type:`secondary`,align:`center`,className:`rounded-md bg-muted px-3 py-2 font-mono tracking-wider`,children:n}),(0,l.jsx)(o.i,{className:`border-t border-border pt-3`,label:f.amountPaidLabel,value:(0,l.jsx)(r.t,{tag:`h4`,className:`border-none pb-0 text-lg`,children:s}),labelClassName:`text-sm`})]})}_.displayName=`BookingReceiptDark`;function v({title:i,items:a,totalLabel:o,totalValue:s,defaultOpen:d=!0,className:f,strings:m}){let h=e.useStrings(p,m),g=i??h.defaultTitle,[_,v]=(0,c.useState)(d);return(0,l.jsxs)(`div`,{className:t.cn(`dark-info-panel--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,f),children:[(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>v(!_),className:`flex w-full items-center justify-between border-0 p-0 h-auto`,children:[(0,l.jsx)(r.t,{tag:`h6`,className:`!border-0 !pb-0`,children:g}),_?(0,l.jsx)(u.ChevronUp,{className:`size-4 text-muted-foreground`}):(0,l.jsx)(u.ChevronDown,{className:`size-4 text-muted-foreground`})]}),!!_&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm`,children:[a.map(e=>(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,l.jsx)(r.n,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,l.jsx)(r.n,{weight:`medium`,className:t.cn(`shrink-0 text-right`,e.highlight&&`text-success`),children:e.value})]},e.label)),!!o&&!!s&&(0,l.jsx)(`div`,{className:`border-t border-dashed border-border pt-3`,children:(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,l.jsx)(r.n,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:o}),(0,l.jsx)(r.n,{weight:`semibold`,className:`shrink-0 text-right`,children:s})]})})]})]})}v.displayName=`DarkInfoPanel`;var y={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function b({items:n,summary:i=[],total:a,className:c,strings:u}){let d=e.useStrings(m,u);return(0,l.jsxs)(`div`,{className:t.cn(`order-items--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsx)(r.t,{tag:`h6`,className:`!border-0 !pb-0`,children:d.title}),(0,l.jsx)(s.o,{className:`mt-3 gap-2`,children:n.map(e=>(0,l.jsxs)(s.t,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,l.jsxs)(s.s,{children:[(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,l.jsx)(r.n,{size:`xs`,weight:`medium`,className:`rounded-full bg-secondary px-3 py-1 text-secondary-foreground`,children:e.badge})]}),(0,l.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,l.jsxs)(s.r,{children:[(0,l.jsx)(s.u,{children:e.name}),(0,l.jsx)(s.i,{clamp:1,children:(0,l.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,y[e.tone??`neutral`])}),`x`,e.qty]})})]}),(0,l.jsx)(s.n,{children:(0,l.jsx)(r.n,{weight:`bold`,children:e.price})})]})]},e.name))}),!!(i.length>0||a)&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-2 border-t border-border pt-3 text-sm`,children:[i.map(e=>(0,l.jsx)(o.i,{label:e.label,value:e.value,labelClassName:`text-sm text-muted-foreground`,valueClassName:`text-sm text-muted-foreground`},e.label)),!!a&&(0,l.jsx)(o.i,{className:`border-t border-dashed border-border pt-2`,label:d.totalLabel,value:a,labelClassName:`text-sm font-semibold`,valueClassName:`text-sm font-semibold`})]})]})}b.displayName=`OrderItemsCard`;function x({amount:i,amountColor:a=`text-warning`,dueDate:s,customer:c,onSendReminder:d,onRecordPayment:f,className:p,strings:m}){let g=e.useStrings(h,m);return(0,l.jsxs)(`div`,{className:t.cn(`outstanding-balance--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,p),children:[(0,l.jsx)(r.n,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:g.title}),(0,l.jsx)(r.t,{tag:`h3`,className:t.cn(`border-none pb-0 text-2xl tabular-nums tracking-tight`,a),children:i}),(0,l.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,l.jsx)(o.i,{label:g.dueDateLabel,value:(0,l.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:`size-2 rounded-full bg-destructive animate-pulse`}),(0,l.jsx)(r.n,{tag:`span`,weight:`medium`,children:s})]}),labelClassName:`text-xs`}),(0,l.jsx)(o.i,{label:g.customerLabel,value:c,labelClassName:`text-xs`,valueClassName:`text-sm font-medium`})]}),(0,l.jsxs)(`div`,{className:`mt-4 flex gap-2`,children:[(0,l.jsxs)(n.t,{variant:`warning`,className:`flex-1 rounded-md`,onClick:d,children:[(0,l.jsx)(u.Send,{className:`mr-1.5 size-3.5`}),g.sendReminder]}),(0,l.jsxs)(n.t,{variant:`success`,className:`flex-1 rounded-md`,onClick:f,children:[(0,l.jsx)(u.CreditCard,{className:`mr-1.5 size-3.5`}),g.recordPayment]})]})]})}x.displayName=`OutstandingBalanceCard`,exports.BookingReceiptDark=_,exports.DarkInfoPanel=v,exports.DarkPaymentConfirmation=g,exports.OrderItemsCard=b,exports.OutstandingBalanceCard=x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/display-AtPyyUZc.cjs"),o=require("../../../_shared/separator-q42IlFFA.cjs"),s=require("../../../_shared/item-DoXXYgPm.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={title:`Booking Receipt`,statusConfirmed:`Confirmed`,amountPaidLabel:`Amount Paid`},f={successTitle:`Payment Successful`,successDescription:`Transaction completed`,detailsToggle:`Payment Details`},p={defaultTitle:`Details`},m={title:`Order Items`,totalLabel:`Total`},h={title:`Outstanding Balance`,dueDateLabel:`Due Date`,customerLabel:`Customer`,sendReminder:`Send Reminder`,recordPayment:`Record Payment`};function g({amount:d,details:p=[],helpText:m,onHelp:h,className:g,strings:_}){let v=e.useStrings(f,_),[y,b]=(0,c.useState)(!0);return(0,l.jsxs)(`div`,{className:t.cn(`dark-payment--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,l.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,l.jsx)(i.t,{icon:u.Check,tone:`success`,size:`lg`,className:`size-14 [&>svg]:size-7`}),(0,l.jsx)(r.t,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:v.successTitle}),(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,children:v.successDescription}),(0,l.jsx)(r.t,{tag:`h3`,className:`border-none pb-0 text-2xl tabular-nums tracking-tight`,children:d})]}),p.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.t,{className:`my-4`}),(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>b(!y),className:`flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground`,children:[(0,l.jsx)(r.n,{weight:`medium`,children:v.detailsToggle}),y?(0,l.jsx)(u.ChevronUp,{className:`size-4`}):(0,l.jsx)(u.ChevronDown,{className:`size-4`})]}),!!y&&(0,l.jsx)(`div`,{className:`mt-3 space-y-2.5`,children:p.map(e=>(0,l.jsx)(a.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!m&&(0,l.jsxs)(s.t,{variant:`muted`,className:t.cn(`mt-4`,h&&`cursor-pointer`),onClick:h,children:[(0,l.jsx)(s.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,l.jsx)(u.HelpCircle,{})}),(0,l.jsx)(s.r,{children:(0,l.jsx)(s.u,{bold:!1,className:`text-muted-foreground`,children:m})}),(0,l.jsx)(s.n,{children:(0,l.jsx)(u.ChevronRight,{className:`size-4 text-muted-foreground`})})]})]})}g.displayName=`DarkPaymentConfirmation`;function _({referenceCode:n,status:i,details:o=[],amountPaid:s,className:c,strings:u}){let f=e.useStrings(d,u),p=i??f.statusConfirmed;return(0,l.jsxs)(`div`,{className:t.cn(`booking-receipt--component`,`dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,l.jsx)(r.t,{tag:`h6`,className:`!border-0 !pb-0`,children:f.title}),(0,l.jsxs)(r.n,{size:`xs`,weight:`medium`,className:`flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success`,children:[(0,l.jsx)(`span`,{className:`size-1.5 rounded-full bg-success`}),p]})]}),o.length>0&&(0,l.jsx)(`div`,{className:`space-y-1.5 text-sm`,children:o.map(e=>(0,l.jsx)(a.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!n&&(0,l.jsx)(r.n,{tag:`div`,size:`xs`,type:`secondary`,align:`center`,className:`rounded-md bg-muted px-3 py-2 font-mono tracking-wider`,children:n}),(0,l.jsx)(a.i,{className:`border-t border-border pt-3`,label:f.amountPaidLabel,value:(0,l.jsx)(r.t,{tag:`h4`,className:`border-none pb-0 text-lg`,children:s}),labelClassName:`text-sm`})]})}_.displayName=`BookingReceiptDark`;function v({title:i,items:a,totalLabel:o,totalValue:s,defaultOpen:d=!0,className:f,strings:m}){let h=e.useStrings(p,m),g=i??h.defaultTitle,[_,v]=(0,c.useState)(d);return(0,l.jsxs)(`div`,{className:t.cn(`dark-info-panel--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,f),children:[(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>v(!_),className:`flex w-full items-center justify-between border-0 p-0 h-auto`,children:[(0,l.jsx)(r.t,{tag:`h6`,className:`!border-0 !pb-0`,children:g}),_?(0,l.jsx)(u.ChevronUp,{className:`size-4 text-muted-foreground`}):(0,l.jsx)(u.ChevronDown,{className:`size-4 text-muted-foreground`})]}),!!_&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm`,children:[a.map(e=>(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,l.jsx)(r.n,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,l.jsx)(r.n,{weight:`medium`,className:t.cn(`shrink-0 text-right`,e.highlight&&`text-success`),children:e.value})]},e.label)),!!o&&!!s&&(0,l.jsx)(`div`,{className:`border-t border-dashed border-border pt-3`,children:(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,l.jsx)(r.n,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:o}),(0,l.jsx)(r.n,{weight:`semibold`,className:`shrink-0 text-right`,children:s})]})})]})]})}v.displayName=`DarkInfoPanel`;var y={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function b({items:n,summary:i=[],total:o,className:c,strings:u}){let d=e.useStrings(m,u);return(0,l.jsxs)(`div`,{className:t.cn(`order-items--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsx)(r.t,{tag:`h6`,className:`!border-0 !pb-0`,children:d.title}),(0,l.jsx)(s.o,{className:`mt-3 gap-2`,children:n.map(e=>(0,l.jsxs)(s.t,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,l.jsxs)(s.s,{children:[(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,l.jsx)(r.n,{size:`xs`,weight:`medium`,className:`rounded-full bg-secondary px-3 py-1 text-secondary-foreground`,children:e.badge})]}),(0,l.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,l.jsxs)(s.r,{children:[(0,l.jsx)(s.u,{children:e.name}),(0,l.jsx)(s.i,{clamp:1,children:(0,l.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,y[e.tone??`neutral`])}),`x`,e.qty]})})]}),(0,l.jsx)(s.n,{children:(0,l.jsx)(r.n,{weight:`bold`,children:e.price})})]})]},e.name))}),!!(i.length>0||o)&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-2 border-t border-border pt-3 text-sm`,children:[i.map(e=>(0,l.jsx)(a.i,{label:e.label,value:e.value,labelClassName:`text-sm text-muted-foreground`,valueClassName:`text-sm text-muted-foreground`},e.label)),!!o&&(0,l.jsx)(a.i,{className:`border-t border-dashed border-border pt-2`,label:d.totalLabel,value:o,labelClassName:`text-sm font-semibold`,valueClassName:`text-sm font-semibold`})]})]})}b.displayName=`OrderItemsCard`;function x({amount:i,amountColor:o=`text-warning`,dueDate:s,customer:c,onSendReminder:d,onRecordPayment:f,className:p,strings:m}){let g=e.useStrings(h,m);return(0,l.jsxs)(`div`,{className:t.cn(`outstanding-balance--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,p),children:[(0,l.jsx)(r.n,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:g.title}),(0,l.jsx)(r.t,{tag:`h3`,className:t.cn(`border-none pb-0 text-2xl tabular-nums tracking-tight`,o),children:i}),(0,l.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,l.jsx)(a.i,{label:g.dueDateLabel,value:(0,l.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:`size-2 rounded-full bg-destructive animate-pulse`}),(0,l.jsx)(r.n,{tag:`span`,weight:`medium`,children:s})]}),labelClassName:`text-xs`}),(0,l.jsx)(a.i,{label:g.customerLabel,value:c,labelClassName:`text-xs`,valueClassName:`text-sm font-medium`})]}),(0,l.jsxs)(`div`,{className:`mt-4 flex gap-2`,children:[(0,l.jsxs)(n.t,{variant:`warning`,className:`flex-1 rounded-md`,onClick:d,children:[(0,l.jsx)(u.Send,{className:`mr-1.5 size-3.5`}),g.sendReminder]}),(0,l.jsxs)(n.t,{variant:`success`,className:`flex-1 rounded-md`,onClick:f,children:[(0,l.jsx)(u.CreditCard,{className:`mr-1.5 size-3.5`}),g.recordPayment]})]})]})}x.displayName=`OutstandingBalanceCard`,exports.BookingReceiptDark=_,exports.DarkInfoPanel=v,exports.DarkPaymentConfirmation=g,exports.OrderItemsCard=b,exports.OutstandingBalanceCard=x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/dark-surfaces/index.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/button-BGKY8UY0.js";
 import { n as r, t as i } from "../../../_shared/heading-HeP06nXG.js";
 import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as o } from "../../../_shared/separator-B8FBp-7E.js";
-import { i as s } from "../../../_shared/display-NBtWdAMl.js";
+import { i as o } from "../../../_shared/display-CL69dmsv.js";
+import { t as s } from "../../../_shared/separator-B8FBp-7E.js";
 import { c, i as l, n as u, o as d, r as f, s as p, t as m, u as h } from "../../../_shared/item-DAjqQhhj.js";
 import { useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
@@ -62,7 +62,7 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 				]
 			}),
 			d.length > 0 && /* @__PURE__ */ y(_, { children: [
-				/* @__PURE__ */ v(o, { className: "my-4" }),
+				/* @__PURE__ */ v(s, { className: "my-4" }),
 				/* @__PURE__ */ y(n, {
 					variant: "light",
 					buttonStyle: "ghost",
@@ -75,7 +75,7 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 				}),
 				!!A && /* @__PURE__ */ v("div", {
 					className: "mt-3 space-y-2.5",
-					children: d.map((e) => /* @__PURE__ */ v(s, {
+					children: d.map((e) => /* @__PURE__ */ v(o, {
 						label: e.label,
 						value: e.value,
 						labelClassName: "text-sm",
@@ -107,7 +107,7 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 M.displayName = "DarkPaymentConfirmation";
 //#endregion
 //#region src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx
-function N({ referenceCode: n, status: a, details: o = [], amountPaid: c, className: l, strings: u }) {
+function N({ referenceCode: n, status: a, details: s = [], amountPaid: c, className: l, strings: u }) {
 	let d = e(D, u), f = a ?? d.statusConfirmed;
 	return /* @__PURE__ */ y("div", {
 		className: t("booking-receipt--component", "dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", l),
@@ -125,9 +125,9 @@ function N({ referenceCode: n, status: a, details: o = [], amountPaid: c, classN
 					children: [/* @__PURE__ */ v("span", { className: "size-1.5 rounded-full bg-success" }), f]
 				})]
 			}),
-			o.length > 0 && /* @__PURE__ */ v("div", {
+			s.length > 0 && /* @__PURE__ */ v("div", {
 				className: "space-y-1.5 text-sm",
-				children: o.map((e) => /* @__PURE__ */ v(s, {
+				children: s.map((e) => /* @__PURE__ */ v(o, {
 					label: e.label,
 					value: e.value,
 					labelClassName: "text-sm",
@@ -142,7 +142,7 @@ function N({ referenceCode: n, status: a, details: o = [], amountPaid: c, classN
 				className: "rounded-md bg-muted px-3 py-2 font-mono tracking-wider",
 				children: n
 			}),
-			/* @__PURE__ */ v(s, {
+			/* @__PURE__ */ v(o, {
 				className: "border-t border-border pt-3",
 				label: d.amountPaidLabel,
 				value: /* @__PURE__ */ v(i, {
@@ -215,7 +215,7 @@ var F = {
 	warning: "bg-warning",
 	destructive: "bg-destructive"
 };
-function I({ items: n, summary: a = [], total: o, className: c, strings: g }) {
+function I({ items: n, summary: a = [], total: s, className: c, strings: g }) {
 	let _ = e(A, g);
 	return /* @__PURE__ */ y("div", {
 		className: t("order-items--component", "dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", c),
@@ -258,17 +258,17 @@ function I({ items: n, summary: a = [], total: o, className: c, strings: g }) {
 					})]
 				}, e.name))
 			}),
-			!!(a.length > 0 || o) && /* @__PURE__ */ y("div", {
+			!!(a.length > 0 || s) && /* @__PURE__ */ y("div", {
 				className: "mt-3 space-y-2 border-t border-border pt-3 text-sm",
-				children: [a.map((e) => /* @__PURE__ */ v(s, {
+				children: [a.map((e) => /* @__PURE__ */ v(o, {
 					label: e.label,
 					value: e.value,
 					labelClassName: "text-sm text-muted-foreground",
 					valueClassName: "text-sm text-muted-foreground"
-				}, e.label)), !!o && /* @__PURE__ */ v(s, {
+				}, e.label)), !!s && /* @__PURE__ */ v(o, {
 					className: "border-t border-dashed border-border pt-2",
 					label: _.totalLabel,
-					value: o,
+					value: s,
 					labelClassName: "text-sm font-semibold",
 					valueClassName: "text-sm font-semibold"
 				})]
@@ -279,7 +279,7 @@ function I({ items: n, summary: a = [], total: o, className: c, strings: g }) {
 I.displayName = "OrderItemsCard";
 //#endregion
 //#region src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx
-function L({ amount: a, amountColor: o = "text-warning", dueDate: c, customer: l, onSendReminder: u, onRecordPayment: d, className: f, strings: p }) {
+function L({ amount: a, amountColor: s = "text-warning", dueDate: c, customer: l, onSendReminder: u, onRecordPayment: d, className: f, strings: p }) {
 	let m = e(j, p);
 	return /* @__PURE__ */ y("div", {
 		className: t("outstanding-balance--component", "dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border", f),
@@ -293,12 +293,12 @@ function L({ amount: a, amountColor: o = "text-warning", dueDate: c, customer: l
 			}),
 			/* @__PURE__ */ v(i, {
 				tag: "h3",
-				className: t("border-none pb-0 text-2xl tabular-nums tracking-tight", o),
+				className: t("border-none pb-0 text-2xl tabular-nums tracking-tight", s),
 				children: a
 			}),
 			/* @__PURE__ */ y("div", {
 				className: "mt-4 space-y-2",
-				children: [/* @__PURE__ */ v(s, {
+				children: [/* @__PURE__ */ v(o, {
 					label: m.dueDateLabel,
 					value: /* @__PURE__ */ y("span", {
 						className: "flex items-center gap-1.5",
@@ -309,7 +309,7 @@ function L({ amount: a, amountColor: o = "text-warning", dueDate: c, customer: l
 						})]
 					}),
 					labelClassName: "text-xs"
-				}), /* @__PURE__ */ v(s, {
+				}), /* @__PURE__ */ v(o, {
 					label: m.customerLabel,
 					value: l,
 					labelClassName: "text-xs",