admin-ui-starter-kit 0.6.9 → 0.7.0

package/dist/components/composed/commerce/inventory-section/index.d.ts

@@ -0,0 +1,3 @@
+export { InventorySectionCard } from './inventory-section';
+export { defaultInventorySectionStrings, type InventoryPolicy, type InventorySectionCardProps, type InventorySectionChange, type InventorySectionField, type InventorySectionMetric, type InventorySectionName, type InventorySectionStrings, type InventorySectionValue, type InventoryStatus, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/commerce/inventory-section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/inventory-section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACN,8BAA8B,EAC9B,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACpB,MAAM,SAAS,CAAC"}

package/dist/components/composed/commerce/inventory-section/inventory-section.d.ts

@@ -0,0 +1,6 @@
+import { InventorySectionCardProps } from './types';
+export declare function InventorySectionCard({ value, onChange, errors, disabled, readOnly, visibleSections, visibleFields, locationOptions, countryOptions, tagRecommendations, maxTags, onGenerateSku, onRestock, className, strings: stringsProp, }: InventorySectionCardProps): import("react").JSX.Element;
+export declare namespace InventorySectionCard {
+    var displayName: string;
+}
+//# sourceMappingURL=inventory-section.d.ts.map

package/dist/components/composed/commerce/inventory-section/inventory-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inventory-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/inventory-section/inventory-section.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAGN,KAAK,yBAAyB,EAM9B,MAAM,SAAS,CAAC;AAuFjB,wBAAgB,oBAAoB,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,QAAgB,EAChB,eAAe,EACf,aAAa,EACb,eAAoB,EACpB,cAAmB,EACnB,kBAAkB,EAClB,OAAO,EACP,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,yBAAyB,+BAya3B;yBAzbe,oBAAoB"}

package/dist/components/composed/commerce/inventory-section/types.d.ts

@@ -0,0 +1,85 @@
+import { SelectOption, WeightUnit } from '../../../base/forms';
+import { StringsProp } from '../../../../lib/strings';
+export type InventoryPolicy = 'deny' | 'continue';
+export type InventoryStatus = 'in_stock' | 'low_stock' | 'out_of_stock' | 'untracked';
+export interface InventorySectionValue {
+    sku?: string;
+    barcode?: string;
+    trackQuantity?: boolean;
+    available?: string;
+    committed?: string;
+    incoming?: string;
+    lowStockThreshold?: string;
+    inventoryPolicy?: InventoryPolicy;
+    locationId?: string;
+    binLocation?: string;
+    requiresShipping?: boolean;
+    weight?: string;
+    weightUnit?: WeightUnit;
+    countryOfOrigin?: string;
+    hsCode?: string;
+    tags?: string[];
+}
+export type InventorySectionField = keyof InventorySectionValue;
+export type InventorySectionName = 'summary' | 'identity' | 'tracking' | 'location' | 'shipping' | 'customs' | 'tags';
+export interface InventorySectionChange {
+    field: InventorySectionField;
+    value: InventorySectionValue[InventorySectionField];
+    previousValue: InventorySectionValue[InventorySectionField];
+}
+export interface InventorySectionMetric {
+    id: string;
+    label: string;
+    value: string;
+    description?: string;
+    tone?: 'default' | 'success' | 'warning' | 'error' | 'info';
+}
+export interface InventorySectionStrings {
+    title: string;
+    description: string;
+    status: Record<InventoryStatus, string>;
+    sections: Record<Exclude<InventorySectionName, 'summary'>, string>;
+    fields: Record<InventorySectionField, string>;
+    placeholders: Partial<Record<InventorySectionField, string>>;
+    hints: Partial<Record<InventorySectionField, string>>;
+    actions: {
+        generateSku: string;
+        restock: string;
+    };
+    policyOptions: Record<InventoryPolicy, {
+        label: string;
+        description: string;
+    }>;
+    summary: {
+        available: string;
+        committed: string;
+        incoming: string;
+        threshold: string;
+        untracked: string;
+    };
+    tagInput: {
+        placeholder: string;
+        emptyRecommendations: string;
+        clearAll: string;
+        summary: (current: number, max: number) => string;
+    };
+}
+export declare const defaultInventorySectionStrings: InventorySectionStrings;
+export interface InventorySectionCardProps {
+    value: InventorySectionValue;
+    onChange?: (value: InventorySectionValue, change: InventorySectionChange) => void;
+    errors?: Partial<Record<InventorySectionField, string>>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    visibleSections?: Partial<Record<InventorySectionName, boolean>>;
+    visibleFields?: Partial<Record<InventorySectionField, boolean>>;
+    locationOptions?: SelectOption[];
+    countryOptions?: SelectOption[];
+    tagRecommendations?: string[];
+    maxTags?: number;
+    onGenerateSku?: (value: InventorySectionValue) => string | void;
+    onRestock?: (value: InventorySectionValue) => void;
+    className?: string;
+    strings?: StringsProp<InventorySectionStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/commerce/inventory-section/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/inventory-section/types.ts"],"names":[],"mappings":"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"}

package/dist/components/composed/commerce/seo-listing/index.d.ts

@@ -0,0 +1,4 @@
+export { DEFAULT_SEO_LISTING_LIMITS, calculateSeoListingScore, getSeoPermalinkPath, getSeoPermalinkSlug, } from './seo-listing-score';
+export { SeoListingCard } from './seo-listing-card';
+export { defaultSeoListingCardStrings, type SeoListingCardProps, type SeoListingCardStrings, type SeoListingCheckId, type SeoListingCheckResult, type SeoListingCheckStatus, type SeoListingScoreInput, type SeoListingScoreLimits, type SeoListingScoreResult, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/commerce/seo-listing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/seo-listing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EACN,4BAA4B,EAC5B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC1B,MAAM,SAAS,CAAC"}

package/dist/components/composed/commerce/seo-listing/seo-listing-card.d.ts

@@ -0,0 +1,6 @@
+import { SeoListingCardProps } from './types';
+export declare function SeoListingCard({ siteName, baseUrl, pathSegments, permalink, title, description, price, keyword, score, limits, showChecks, onEdit, className, strings: stringsProp, }: SeoListingCardProps): import("react").JSX.Element;
+export declare namespace SeoListingCard {
+    var displayName: string;
+}
+//# sourceMappingURL=seo-listing-card.d.ts.map

package/dist/components/composed/commerce/seo-listing/seo-listing-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seo-listing-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/seo-listing/seo-listing-card.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAEN,KAAK,mBAAmB,EAIxB,MAAM,SAAS,CAAC;AAiIjB,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,YAAiB,EACjB,SAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,UAAiB,EACjB,MAAM,EACN,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,mBAAmB,+BAqJrB;yBApKe,cAAc"}

package/dist/components/composed/commerce/seo-listing/seo-listing-score.d.ts

@@ -0,0 +1,6 @@
+import { SeoListingScoreInput, SeoListingScoreLimits, SeoListingScoreResult } from './types';
+export declare const DEFAULT_SEO_LISTING_LIMITS: Required<SeoListingScoreLimits>;
+export declare function getSeoPermalinkPath(permalink?: string): string;
+export declare function getSeoPermalinkSlug(permalink?: string): string;
+export declare function calculateSeoListingScore(input: SeoListingScoreInput): SeoListingScoreResult;
+//# sourceMappingURL=seo-listing-score.d.ts.map

package/dist/components/composed/commerce/seo-listing/seo-listing-score.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seo-listing-score.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/seo-listing/seo-listing-score.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIX,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,qBAAqB,CAMtE,CAAC;AAkDF,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAS9D;AAED,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAI9D;AA6CD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,oBAAoB,GAAG,qBAAqB,CA6C3F"}

package/dist/components/composed/commerce/seo-listing/types.d.ts

@@ -0,0 +1,68 @@
+import { ReactNode } from 'react';
+import { StringsProp } from '../../../../lib/strings';
+export type SeoListingCheckId = 'title' | 'description' | 'permalink' | 'slug' | 'url' | 'keyword';
+export type SeoListingCheckStatus = 'good' | 'review' | 'missing';
+export interface SeoListingScoreLimits {
+    titleMin?: number;
+    titleMax?: number;
+    descriptionMin?: number;
+    descriptionMax?: number;
+    permalinkMax?: number;
+}
+export interface SeoListingScoreInput {
+    title?: string;
+    description?: string;
+    permalink?: string;
+    baseUrl?: string;
+    keyword?: string;
+    limits?: SeoListingScoreLimits;
+}
+export interface SeoListingCheckResult {
+    id: SeoListingCheckId;
+    status: SeoListingCheckStatus;
+    score: number;
+    maxScore: number;
+    actual: number;
+    min?: number;
+    max?: number;
+}
+export interface SeoListingScoreResult {
+    score: number;
+    status: SeoListingCheckStatus;
+    checks: SeoListingCheckResult[];
+    limits: Required<SeoListingScoreLimits>;
+}
+export interface SeoListingCardStrings {
+    title: string;
+    editLabel: string;
+    scoreLabel: string;
+    checksLabel: string;
+    siteFallback: string;
+    titleFallback: string;
+    descriptionFallback: string;
+    urlFallback: string;
+    characters: string;
+    maxLabel: string;
+    targetLabel: string;
+    status: Record<SeoListingCheckStatus, string>;
+    checkLabels: Record<SeoListingCheckId, string>;
+    checkHints: Record<SeoListingCheckId, string>;
+}
+export declare const defaultSeoListingCardStrings: SeoListingCardStrings;
+export interface SeoListingCardProps {
+    siteName?: string;
+    baseUrl?: string;
+    pathSegments?: string[];
+    permalink?: string;
+    title?: string;
+    description?: string;
+    price?: ReactNode;
+    keyword?: string;
+    score?: SeoListingScoreResult;
+    limits?: SeoListingScoreLimits;
+    showChecks?: boolean;
+    onEdit?: () => void;
+    className?: string;
+    strings?: StringsProp<SeoListingCardStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/commerce/seo-listing/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/seo-listing/types.ts"],"names":[],"mappings":"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"}

package/dist/components/composed/dark-surfaces/index.cjs

@@ -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-CfQtOuBK.cjs"),r=require("../../../_shared/typography-CWEobAJV.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/separator-BXn_fnly.cjs"),o=require("../../../_shared/item-ChHblHhR.cjs"),s=require("../../../_shared/data-display-DQUUEzCx.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`,className:`size-avatar-lg [&>svg]:size-icon-lg`}),(0,l.jsx)(r.o,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:v.successTitle}),(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:v.successDescription}),(0,l.jsx)(r.o,{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.s,{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)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!m&&(0,l.jsxs)(o.t,{variant:`muted`,className:t.cn(`mt-4`,h&&`cursor-pointer`),onClick:h,children:[(0,l.jsx)(o.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,l.jsx)(u.HelpCircle,{})}),(0,l.jsx)(o.r,{children:(0,l.jsx)(o.u,{bold:!1,className:`text-muted-foreground`,children:m})}),(0,l.jsx)(o.n,{children:(0,l.jsx)(u.ChevronRight,{className:`size-4 text-muted-foreground`})})]})]})}g.displayName=`DarkPaymentConfirmation`;function _({referenceCode:n,status:i,details:a=[],amountPaid:o,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.o,{tag:`h6`,className:`!border-0 !pb-0`,children:f.title}),(0,l.jsxs)(r.s,{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)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!n&&(0,l.jsx)(r.s,{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)(s.i,{className:`border-t border-border pt-3`,label:f.amountPaidLabel,value:(0,l.jsx)(r.o,{tag:`h4`,className:`border-none pb-0 text-lg`,children:o}),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.o,{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.s,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,l.jsx)(r.s,{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.s,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:o}),(0,l.jsx)(r.s,{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.o,{tag:`h6`,className:`!border-0 !pb-0`,children:d.title}),(0,l.jsx)(o.o,{className:`mt-3 gap-2`,children:n.map(e=>(0,l.jsxs)(o.t,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,l.jsxs)(o.s,{children:[(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,l.jsx)(r.s,{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)(o.r,{children:[(0,l.jsx)(o.u,{children:e.name}),(0,l.jsx)(o.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)(o.n,{children:(0,l.jsx)(r.s,{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)(s.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)(s.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:o,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.s,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:g.title}),(0,l.jsx)(r.o,{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)(s.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.s,{tag:`span`,weight:`medium`,children:o})]}),labelClassName:`text-xs`}),(0,l.jsx)(s.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-CB8e7fui.cjs"),r=require("../../../_shared/typography-sXFd02zl.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/separator-BXn_fnly.cjs"),o=require("../../../_shared/item-BG2iK1sy.cjs"),s=require("../../../_shared/data-display-B9Lciun3.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`,className:`size-avatar-lg [&>svg]:size-icon-lg`}),(0,l.jsx)(r.o,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:v.successTitle}),(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:v.successDescription}),(0,l.jsx)(r.o,{tag:`h3`,className:`border-none pb-0 text-base 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.s,{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)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!m&&(0,l.jsxs)(o.t,{variant:`muted`,className:t.cn(`mt-4`,h&&`cursor-pointer`),onClick:h,children:[(0,l.jsx)(o.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,l.jsx)(u.HelpCircle,{})}),(0,l.jsx)(o.r,{children:(0,l.jsx)(o.u,{bold:!1,className:`text-muted-foreground`,children:m})}),(0,l.jsx)(o.n,{children:(0,l.jsx)(u.ChevronRight,{className:`size-4 text-muted-foreground`})})]})]})}g.displayName=`DarkPaymentConfirmation`;function _({referenceCode:n,status:i,details:a=[],amountPaid:o,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.o,{tag:`h6`,className:`!border-0 !pb-0`,children:f.title}),(0,l.jsxs)(r.s,{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)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!n&&(0,l.jsx)(r.s,{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)(s.i,{className:`border-t border-border pt-3`,label:f.amountPaidLabel,value:(0,l.jsx)(r.o,{tag:`h4`,className:`border-none pb-0 text-base`,children:o}),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.o,{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.s,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,l.jsx)(r.s,{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.s,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:o}),(0,l.jsx)(r.s,{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.o,{tag:`h6`,className:`!border-0 !pb-0`,children:d.title}),(0,l.jsx)(o.o,{className:`mt-3 gap-2`,children:n.map(e=>(0,l.jsxs)(o.t,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,l.jsxs)(o.s,{children:[(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,l.jsx)(r.s,{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)(o.r,{children:[(0,l.jsx)(o.u,{children:e.name}),(0,l.jsx)(o.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)(o.n,{children:(0,l.jsx)(r.s,{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)(s.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)(s.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:o,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.s,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:g.title}),(0,l.jsx)(r.o,{tag:`h3`,className:t.cn(`border-none pb-0 text-base tabular-nums tracking-tight`,a),children:i}),(0,l.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,l.jsx)(s.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.s,{tag:`span`,weight:`medium`,children:o})]}),labelClassName:`text-xs`}),(0,l.jsx)(s.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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/dark-surfaces/dark-surfaces.strings.ts","../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx","../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx","../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx","../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx","../../../../src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx"],"sourcesContent":["/**\n * Default user-facing strings for the `composed/dark-surfaces` family.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <BookingReceiptDark strings={{ title: t('receipt.title') }} … />\n */\n\nexport interface BookingReceiptDarkStrings {\n\ttitle: string;\n\tstatusConfirmed: string;\n\tamountPaidLabel: string;\n}\n\nexport const defaultBookingReceiptDarkStrings: BookingReceiptDarkStrings = {\n\ttitle: 'Booking Receipt',\n\tstatusConfirmed: 'Confirmed',\n\tamountPaidLabel: 'Amount Paid',\n};\n\nexport interface DarkPaymentConfirmationStrings {\n\tsuccessTitle: string;\n\tsuccessDescription: string;\n\tdetailsToggle: string;\n}\n\nexport const defaultDarkPaymentConfirmationStrings: DarkPaymentConfirmationStrings = {\n\tsuccessTitle: 'Payment Successful',\n\tsuccessDescription: 'Transaction completed',\n\tdetailsToggle: 'Payment Details',\n};\n\nexport interface DarkInfoPanelStrings {\n\tdefaultTitle: string;\n}\n\nexport const defaultDarkInfoPanelStrings: DarkInfoPanelStrings = {\n\tdefaultTitle: 'Details',\n};\n\nexport interface OrderItemsCardStrings {\n\ttitle: string;\n\ttotalLabel: string;\n}\n\nexport const defaultOrderItemsCardStrings: OrderItemsCardStrings = {\n\ttitle: 'Order Items',\n\ttotalLabel: 'Total',\n};\n\nexport interface OutstandingBalanceCardStrings {\n\ttitle: string;\n\tdueDateLabel: string;\n\tcustomerLabel: string;\n\tsendReminder: string;\n\trecordPayment: string;\n}\n\nexport const defaultOutstandingBalanceCardStrings: OutstandingBalanceCardStrings = {\n\ttitle: 'Outstanding Balance',\n\tdueDateLabel: 'Due Date',\n\tcustomerLabel: 'Customer',\n\tsendReminder: 'Send Reminder',\n\trecordPayment: 'Record Payment',\n};\n","/**\n * DarkPaymentConfirmation — dark-themed success confirmation with hero\n * amount, expandable payment-details list, and an optional help row.\n *\n * Strings flow via `strings` prop (`successTitle`, `successDescription`,\n * `detailsToggle`).\n */\nimport {\n\tuseState } from 'react';\nimport { Check,\n\tChevronDown,\n\tChevronRight,\n\tChevronUp,\n\tHelpCircle } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge,\n} from '@/components/base/display';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemMedia,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkPaymentConfirmationStrings } from '../dark-surfaces.strings';\nimport type { DarkPaymentConfirmationProps } from './types';\n\nexport function DarkPaymentConfirmation({\n    amount,\n    details = [],\n    helpText,\n    onHelp,\n    className,\n    strings: stringsProp,\n}: DarkPaymentConfirmationProps) {\n    const strings = useStrings(defaultDarkPaymentConfirmationStrings, stringsProp);\n    const [expanded, setExpanded] = useState(true);\n\n    return (\n        <div className={cn('dark-payment--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <div className=\"flex flex-col items-center text-center\">\n                    <IconBadge icon={Check} tone=\"success\" className=\"size-avatar-lg [&>svg]:size-icon-lg\" />\n                    <Heading tag=\"h5\" className=\"mt-3 !border-0 !pb-0\">{strings.successTitle}</Heading>\n                    <Text size=\"xs\" type=\"secondary\">{strings.successDescription}</Text>\n                    <Heading tag=\"h3\" className=\"border-none pb-0 text-2xl tabular-nums tracking-tight\">{amount}</Heading>\n                </div>\n\n                {details.length > 0 && (\n                    <>\n                        <Separator className=\"my-4\" />\n\n                        <Button\n                            variant=\"light\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => setExpanded(!expanded)}\n                            className=\"flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground\"\n                        >\n                            <Text weight=\"medium\">{strings.detailsToggle}</Text>\n                            {expanded ? <ChevronUp className=\"size-4\" /> : <ChevronDown className=\"size-4\" />}\n                        </Button>\n\n                        {!!expanded && (\n                            <div className=\"mt-3 space-y-2.5\">\n                                {details.map((detail) => (\n                                    <InlineStat\n                                        key={detail.label}\n                                        label={detail.label}\n                                        value={detail.value}\n                                        labelClassName=\"text-sm\"\n                                        valueClassName=\"text-sm font-medium\"\n                                    />\n                                ))}\n                            </div>\n                        )}\n                    </>\n                )}\n\n                {!!helpText && (\n                    <Item\n                        variant=\"muted\"\n                        className={cn('mt-4', onHelp && 'cursor-pointer')}\n                        onClick={onHelp}\n                    >\n                        <ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n                            <HelpCircle />\n                        </ItemMedia>\n                        <ItemContent>\n                            <ItemTitle bold={false} className=\"text-muted-foreground\">{helpText}</ItemTitle>\n                        </ItemContent>\n                        <ItemActions>\n                            <ChevronRight className=\"size-4 text-muted-foreground\" />\n                        </ItemActions>\n                    </Item>\n                  )}\n        </div>\n    );\n}\n\nDarkPaymentConfirmation.displayName = 'DarkPaymentConfirmation';\n","/**\n * BookingReceiptDark — dark-themed booking receipt with reference code,\n * status pill, optional metadata rows, and an emphasised amount-paid total.\n *\n * Strings flow via the `strings` prop (deep-merged over\n * `defaultBookingReceiptDarkStrings`); status pill text falls back to\n * `strings.statusConfirmed` when the consumer doesn't pass one.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultBookingReceiptDarkStrings } from '../dark-surfaces.strings';\nimport type { BookingReceiptDarkProps } from './types';\n\nexport function BookingReceiptDark({\n\treferenceCode,\n\tstatus,\n\tdetails = [],\n\tamountPaid,\n\tclassName,\n\tstrings: stringsProp,\n}: BookingReceiptDarkProps) {\n\tconst strings = useStrings(defaultBookingReceiptDarkStrings, stringsProp);\n\tconst resolvedStatus = status ?? strings.statusConfirmed;\n\treturn (\n\t\t<div className={cn('booking-receipt--component', 'dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n\t\t\t<div className=\"flex items-center justify-between gap-3\">\n\t\t\t\t<Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success\">\n\t\t\t\t\t<span className=\"size-1.5 rounded-full bg-success\" />\n\t\t\t\t\t{resolvedStatus}\n\t\t\t\t</Text>\n\t\t\t</div>\n\n\t\t\t{details.length > 0 && (\n\t\t\t\t<div className=\"space-y-1.5 text-sm\">\n\t\t\t\t\t{details.map((detail) => (\n\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\tkey={detail.label}\n\t\t\t\t\t\t\tlabel={detail.label}\n\t\t\t\t\t\t\tvalue={detail.value}\n\t\t\t\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\t\t\t\tvalueClassName=\"text-sm font-medium\"\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{!!referenceCode && (\n\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" align=\"center\" className=\"rounded-md bg-muted px-3 py-2 font-mono tracking-wider\">\n\t\t\t\t\t{referenceCode}\n\t\t\t\t</Text>\n\t\t\t)}\n\n\t\t\t<InlineStat\n\t\t\t\tclassName=\"border-t border-border pt-3\"\n\t\t\t\tlabel={strings.amountPaidLabel}\n\t\t\t\tvalue={<Heading tag=\"h4\" className=\"border-none pb-0 text-lg\">{amountPaid}</Heading>}\n\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nBookingReceiptDark.displayName = 'BookingReceiptDark';\n","/**\n * DarkInfoPanel — collapsible dark-themed key-value list with optional total.\n *\n * Header title falls back to `strings.defaultTitle` (`\"Details\"` in English)\n * when no `title` is passed. Pass `strings={{ defaultTitle: '…' }}` to localise.\n */\nimport { useState } from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkInfoPanelStrings } from '../dark-surfaces.strings';\nimport type { DarkInfoPanelProps } from './types';\n\nexport function DarkInfoPanel({\n    title,\n    items,\n    totalLabel,\n    totalValue,\n    defaultOpen = true,\n    className,\n    strings: stringsProp,\n}: DarkInfoPanelProps) {\n    const strings = useStrings(defaultDarkInfoPanelStrings, stringsProp);\n    const resolvedTitle = title ?? strings.defaultTitle;\n    const [open, setOpen] = useState(defaultOpen);\n\n    return (\n        <div className={cn('dark-info-panel--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Button\n                    variant=\"light\"\n                    buttonStyle=\"ghost\"\n                    onClick={() => setOpen(!open)}\n                    className=\"flex w-full items-center justify-between border-0 p-0 h-auto\"\n                >\n                    <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{resolvedTitle}</Heading>\n                    {open ? <ChevronUp className=\"size-4 text-muted-foreground\" /> : <ChevronDown className=\"size-4 text-muted-foreground\" />}\n                </Button>\n\n                {!!open && (\n                    <div className=\"mt-3 space-y-3 text-sm\">\n                        {items.map((item) => (\n                            <div key={item.label} className=\"flex items-baseline justify-between gap-6\">\n                                <Text type=\"secondary\" className=\"min-w-0\">{item.label}</Text>\n                                <Text weight=\"medium\" className={cn('shrink-0 text-right', item.highlight && 'text-success')}>{item.value}</Text>\n                            </div>\n                        ))}\n                        {!!totalLabel && !!totalValue && (\n                            <div className=\"border-t border-dashed border-border pt-3\">\n                                <div className=\"flex items-baseline justify-between gap-6\">\n                                    <Text weight=\"semibold\" type=\"secondary\" className=\"min-w-0\">{totalLabel}</Text>\n                                    <Text weight=\"semibold\" className=\"shrink-0 text-right\">{totalValue}</Text>\n                                </div>\n                            </div>\n                          )}\n                    </div>\n                )}\n        </div>\n    );\n}\n\nDarkInfoPanel.displayName = 'DarkInfoPanel';\n","/**\n * OrderItemsCard — dark-themed order line-item list with vendor metadata,\n * optional badges, summary rows, and a total. Strings overridable via\n * `strings` prop.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemHeader,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultOrderItemsCardStrings } from '../dark-surfaces.strings';\nimport type { OrderItemTone, OrderItemsCardProps } from './types';\n\nconst ITEM_DOT_TONE: Record<OrderItemTone, string> = {\n    neutral: 'bg-muted-foreground',\n    primary: 'bg-primary',\n    info: 'bg-info',\n    success: 'bg-success',\n    warning: 'bg-warning',\n    destructive: 'bg-destructive',\n};\n\nexport function OrderItemsCard({\n    items,\n    summary = [],\n    total,\n    className,\n    strings: stringsProp,\n}: OrderItemsCardProps) {\n    const strings = useStrings(defaultOrderItemsCardStrings, stringsProp);\n    return (\n        <div className={cn('order-items--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\n                <ItemGroup className=\"mt-3 gap-2\">\n                    {items.map((item) => (\n                        <Item key={item.name} variant=\"muted\" className=\"flex-col items-stretch gap-2\">\n                            <ItemHeader>\n                                <Text size=\"xs\" type=\"secondary\">{item.vendor}</Text>\n                                {!!item.badge && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"rounded-full bg-secondary px-3 py-1 text-secondary-foreground\">\n                                        {item.badge}\n                                    </Text>\n                                )}\n                            </ItemHeader>\n                            <div className=\"flex w-full items-center justify-between gap-3\">\n                                <ItemContent>\n                                    <ItemTitle>{item.name}</ItemTitle>\n                                    <ItemDescription clamp={1}>\n                                        <span className=\"inline-flex items-center gap-1.5\">\n                                            <span\n                                                className={cn(\n                                                    'size-2.5 rounded-full',\n                                                    ITEM_DOT_TONE[item.tone ?? 'neutral'],\n                                                )}\n                                            />\n                                            x{item.qty}\n                                        </span>\n                                    </ItemDescription>\n                                </ItemContent>\n                                <ItemActions>\n                                    <Text weight=\"bold\">{item.price}</Text>\n                                </ItemActions>\n                            </div>\n                        </Item>\n                    ))}\n                </ItemGroup>\n\n                {!!(summary.length > 0 || total) && (\n                    <div className=\"mt-3 space-y-2 border-t border-border pt-3 text-sm\">\n                        {summary.map((line) => (\n                            <InlineStat\n                                key={line.label}\n                                label={line.label}\n                                value={line.value}\n                                labelClassName=\"text-sm text-muted-foreground\"\n                                valueClassName=\"text-sm text-muted-foreground\"\n                            />\n                        ))}\n                        {!!total && (\n                            <InlineStat\n                                className=\"border-t border-dashed border-border pt-2\"\n                                label={strings.totalLabel}\n                                value={total}\n                                labelClassName=\"text-sm font-semibold\"\n                                valueClassName=\"text-sm font-semibold\"\n                            />\n                        )}\n                    </div>\n                  )}\n        </div>\n    );\n}\n\nOrderItemsCard.displayName = 'OrderItemsCard';\n","/**\n * OutstandingBalanceCard — dark-themed card surface for an unpaid amount with\n * due-date pulse, customer name, and two CTA buttons.\n *\n * Strings overridable via `strings` prop (`title`, `dueDateLabel`,\n * `customerLabel`, `sendReminder`, `recordPayment`).\n */\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { CreditCard, Send } from 'lucide-react';\n\nimport { defaultOutstandingBalanceCardStrings } from '../dark-surfaces.strings';\nimport type { OutstandingBalanceCardProps } from './types';\n\nexport function OutstandingBalanceCard({\n    amount,\n    amountColor = 'text-warning',\n    dueDate,\n    customer,\n    onSendReminder,\n    onRecordPayment,\n    className,\n    strings: stringsProp,\n}: OutstandingBalanceCardProps) {\n    const strings = useStrings(defaultOutstandingBalanceCardStrings, stringsProp);\n    return (\n        <div className={cn('outstanding-balance--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Text size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"uppercase tracking-wider\">\n                    {strings.title}\n                </Text>\n\n                <Heading tag=\"h3\" className={cn('border-none pb-0 text-2xl tabular-nums tracking-tight', amountColor)}>{amount}</Heading>\n\n                <div className=\"mt-4 space-y-2\">\n                    <InlineStat\n                        label={strings.dueDateLabel}\n                        value={\n                            <span className=\"flex items-center gap-1.5\">\n                                <span className=\"size-2 rounded-full bg-destructive animate-pulse\" />\n                                <Text tag=\"span\" weight=\"medium\">{dueDate}</Text>\n                            </span>\n                        }\n                        labelClassName=\"text-xs\"\n                    />\n                    <InlineStat\n                        label={strings.customerLabel}\n                        value={customer}\n                        labelClassName=\"text-xs\"\n                        valueClassName=\"text-sm font-medium\"\n                    />\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                    <Button variant=\"warning\" className=\"flex-1 rounded-md\" onClick={onSendReminder}>\n                        <Send className=\"mr-1.5 size-3.5\" />\n                        {strings.sendReminder}\n                    </Button>\n                    <Button variant=\"success\" className=\"flex-1 rounded-md\" onClick={onRecordPayment}>\n                        <CreditCard className=\"mr-1.5 size-3.5\" />\n                        {strings.recordPayment}\n                    </Button>\n                </div>\n        </div>\n    );\n}\n\nOutstandingBalanceCard.displayName = 'OutstandingBalanceCard';\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/dark-surfaces/dark-surfaces.strings.ts","../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx","../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx","../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx","../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx","../../../../src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx"],"sourcesContent":["/**\n * Default user-facing strings for the `composed/dark-surfaces` family.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <BookingReceiptDark strings={{ title: t('receipt.title') }} … />\n */\n\nexport interface BookingReceiptDarkStrings {\n\ttitle: string;\n\tstatusConfirmed: string;\n\tamountPaidLabel: string;\n}\n\nexport const defaultBookingReceiptDarkStrings: BookingReceiptDarkStrings = {\n\ttitle: 'Booking Receipt',\n\tstatusConfirmed: 'Confirmed',\n\tamountPaidLabel: 'Amount Paid',\n};\n\nexport interface DarkPaymentConfirmationStrings {\n\tsuccessTitle: string;\n\tsuccessDescription: string;\n\tdetailsToggle: string;\n}\n\nexport const defaultDarkPaymentConfirmationStrings: DarkPaymentConfirmationStrings = {\n\tsuccessTitle: 'Payment Successful',\n\tsuccessDescription: 'Transaction completed',\n\tdetailsToggle: 'Payment Details',\n};\n\nexport interface DarkInfoPanelStrings {\n\tdefaultTitle: string;\n}\n\nexport const defaultDarkInfoPanelStrings: DarkInfoPanelStrings = {\n\tdefaultTitle: 'Details',\n};\n\nexport interface OrderItemsCardStrings {\n\ttitle: string;\n\ttotalLabel: string;\n}\n\nexport const defaultOrderItemsCardStrings: OrderItemsCardStrings = {\n\ttitle: 'Order Items',\n\ttotalLabel: 'Total',\n};\n\nexport interface OutstandingBalanceCardStrings {\n\ttitle: string;\n\tdueDateLabel: string;\n\tcustomerLabel: string;\n\tsendReminder: string;\n\trecordPayment: string;\n}\n\nexport const defaultOutstandingBalanceCardStrings: OutstandingBalanceCardStrings = {\n\ttitle: 'Outstanding Balance',\n\tdueDateLabel: 'Due Date',\n\tcustomerLabel: 'Customer',\n\tsendReminder: 'Send Reminder',\n\trecordPayment: 'Record Payment',\n};\n","/**\n * DarkPaymentConfirmation — dark-themed success confirmation with hero\n * amount, expandable payment-details list, and an optional help row.\n *\n * Strings flow via `strings` prop (`successTitle`, `successDescription`,\n * `detailsToggle`).\n */\nimport {\n\tuseState } from 'react';\nimport { Check,\n\tChevronDown,\n\tChevronRight,\n\tChevronUp,\n\tHelpCircle } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge,\n} from '@/components/base/display';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemMedia,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkPaymentConfirmationStrings } from '../dark-surfaces.strings';\nimport type { DarkPaymentConfirmationProps } from './types';\n\nexport function DarkPaymentConfirmation({\n    amount,\n    details = [],\n    helpText,\n    onHelp,\n    className,\n    strings: stringsProp,\n}: DarkPaymentConfirmationProps) {\n    const strings = useStrings(defaultDarkPaymentConfirmationStrings, stringsProp);\n    const [expanded, setExpanded] = useState(true);\n\n    return (\n        <div className={cn('dark-payment--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <div className=\"flex flex-col items-center text-center\">\n                    <IconBadge icon={Check} tone=\"success\" className=\"size-avatar-lg [&>svg]:size-icon-lg\" />\n                    <Heading tag=\"h5\" className=\"mt-3 !border-0 !pb-0\">{strings.successTitle}</Heading>\n                    <Text size=\"xs\" type=\"secondary\">{strings.successDescription}</Text>\n                    <Heading tag=\"h3\" className=\"border-none pb-0 text-base tabular-nums tracking-tight\">{amount}</Heading>\n                </div>\n\n                {details.length > 0 && (\n                    <>\n                        <Separator className=\"my-4\" />\n\n                        <Button\n                            variant=\"light\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => setExpanded(!expanded)}\n                            className=\"flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground\"\n                        >\n                            <Text weight=\"medium\">{strings.detailsToggle}</Text>\n                            {expanded ? <ChevronUp className=\"size-4\" /> : <ChevronDown className=\"size-4\" />}\n                        </Button>\n\n                        {!!expanded && (\n                            <div className=\"mt-3 space-y-2.5\">\n                                {details.map((detail) => (\n                                    <InlineStat\n                                        key={detail.label}\n                                        label={detail.label}\n                                        value={detail.value}\n                                        labelClassName=\"text-sm\"\n                                        valueClassName=\"text-sm font-medium\"\n                                    />\n                                ))}\n                            </div>\n                        )}\n                    </>\n                )}\n\n                {!!helpText && (\n                    <Item\n                        variant=\"muted\"\n                        className={cn('mt-4', onHelp && 'cursor-pointer')}\n                        onClick={onHelp}\n                    >\n                        <ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n                            <HelpCircle />\n                        </ItemMedia>\n                        <ItemContent>\n                            <ItemTitle bold={false} className=\"text-muted-foreground\">{helpText}</ItemTitle>\n                        </ItemContent>\n                        <ItemActions>\n                            <ChevronRight className=\"size-4 text-muted-foreground\" />\n                        </ItemActions>\n                    </Item>\n                  )}\n        </div>\n    );\n}\n\nDarkPaymentConfirmation.displayName = 'DarkPaymentConfirmation';\n","/**\n * BookingReceiptDark — dark-themed booking receipt with reference code,\n * status pill, optional metadata rows, and an emphasised amount-paid total.\n *\n * Strings flow via the `strings` prop (deep-merged over\n * `defaultBookingReceiptDarkStrings`); status pill text falls back to\n * `strings.statusConfirmed` when the consumer doesn't pass one.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultBookingReceiptDarkStrings } from '../dark-surfaces.strings';\nimport type { BookingReceiptDarkProps } from './types';\n\nexport function BookingReceiptDark({\n\treferenceCode,\n\tstatus,\n\tdetails = [],\n\tamountPaid,\n\tclassName,\n\tstrings: stringsProp,\n}: BookingReceiptDarkProps) {\n\tconst strings = useStrings(defaultBookingReceiptDarkStrings, stringsProp);\n\tconst resolvedStatus = status ?? strings.statusConfirmed;\n\treturn (\n\t\t<div className={cn('booking-receipt--component', 'dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n\t\t\t<div className=\"flex items-center justify-between gap-3\">\n\t\t\t\t<Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success\">\n\t\t\t\t\t<span className=\"size-1.5 rounded-full bg-success\" />\n\t\t\t\t\t{resolvedStatus}\n\t\t\t\t</Text>\n\t\t\t</div>\n\n\t\t\t{details.length > 0 && (\n\t\t\t\t<div className=\"space-y-1.5 text-sm\">\n\t\t\t\t\t{details.map((detail) => (\n\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\tkey={detail.label}\n\t\t\t\t\t\t\tlabel={detail.label}\n\t\t\t\t\t\t\tvalue={detail.value}\n\t\t\t\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\t\t\t\tvalueClassName=\"text-sm font-medium\"\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{!!referenceCode && (\n\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" align=\"center\" className=\"rounded-md bg-muted px-3 py-2 font-mono tracking-wider\">\n\t\t\t\t\t{referenceCode}\n\t\t\t\t</Text>\n\t\t\t)}\n\n\t\t\t<InlineStat\n\t\t\t\tclassName=\"border-t border-border pt-3\"\n\t\t\t\tlabel={strings.amountPaidLabel}\n\t\t\t\tvalue={<Heading tag=\"h4\" className=\"border-none pb-0 text-base\">{amountPaid}</Heading>}\n\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nBookingReceiptDark.displayName = 'BookingReceiptDark';\n","/**\n * DarkInfoPanel — collapsible dark-themed key-value list with optional total.\n *\n * Header title falls back to `strings.defaultTitle` (`\"Details\"` in English)\n * when no `title` is passed. Pass `strings={{ defaultTitle: '…' }}` to localise.\n */\nimport { useState } from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkInfoPanelStrings } from '../dark-surfaces.strings';\nimport type { DarkInfoPanelProps } from './types';\n\nexport function DarkInfoPanel({\n    title,\n    items,\n    totalLabel,\n    totalValue,\n    defaultOpen = true,\n    className,\n    strings: stringsProp,\n}: DarkInfoPanelProps) {\n    const strings = useStrings(defaultDarkInfoPanelStrings, stringsProp);\n    const resolvedTitle = title ?? strings.defaultTitle;\n    const [open, setOpen] = useState(defaultOpen);\n\n    return (\n        <div className={cn('dark-info-panel--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Button\n                    variant=\"light\"\n                    buttonStyle=\"ghost\"\n                    onClick={() => setOpen(!open)}\n                    className=\"flex w-full items-center justify-between border-0 p-0 h-auto\"\n                >\n                    <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{resolvedTitle}</Heading>\n                    {open ? <ChevronUp className=\"size-4 text-muted-foreground\" /> : <ChevronDown className=\"size-4 text-muted-foreground\" />}\n                </Button>\n\n                {!!open && (\n                    <div className=\"mt-3 space-y-3 text-sm\">\n                        {items.map((item) => (\n                            <div key={item.label} className=\"flex items-baseline justify-between gap-6\">\n                                <Text type=\"secondary\" className=\"min-w-0\">{item.label}</Text>\n                                <Text weight=\"medium\" className={cn('shrink-0 text-right', item.highlight && 'text-success')}>{item.value}</Text>\n                            </div>\n                        ))}\n                        {!!totalLabel && !!totalValue && (\n                            <div className=\"border-t border-dashed border-border pt-3\">\n                                <div className=\"flex items-baseline justify-between gap-6\">\n                                    <Text weight=\"semibold\" type=\"secondary\" className=\"min-w-0\">{totalLabel}</Text>\n                                    <Text weight=\"semibold\" className=\"shrink-0 text-right\">{totalValue}</Text>\n                                </div>\n                            </div>\n                          )}\n                    </div>\n                )}\n        </div>\n    );\n}\n\nDarkInfoPanel.displayName = 'DarkInfoPanel';\n","/**\n * OrderItemsCard — dark-themed order line-item list with vendor metadata,\n * optional badges, summary rows, and a total. Strings overridable via\n * `strings` prop.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemHeader,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultOrderItemsCardStrings } from '../dark-surfaces.strings';\nimport type { OrderItemTone, OrderItemsCardProps } from './types';\n\nconst ITEM_DOT_TONE: Record<OrderItemTone, string> = {\n    neutral: 'bg-muted-foreground',\n    primary: 'bg-primary',\n    info: 'bg-info',\n    success: 'bg-success',\n    warning: 'bg-warning',\n    destructive: 'bg-destructive',\n};\n\nexport function OrderItemsCard({\n    items,\n    summary = [],\n    total,\n    className,\n    strings: stringsProp,\n}: OrderItemsCardProps) {\n    const strings = useStrings(defaultOrderItemsCardStrings, stringsProp);\n    return (\n        <div className={cn('order-items--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\n                <ItemGroup className=\"mt-3 gap-2\">\n                    {items.map((item) => (\n                        <Item key={item.name} variant=\"muted\" className=\"flex-col items-stretch gap-2\">\n                            <ItemHeader>\n                                <Text size=\"xs\" type=\"secondary\">{item.vendor}</Text>\n                                {!!item.badge && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"rounded-full bg-secondary px-3 py-1 text-secondary-foreground\">\n                                        {item.badge}\n                                    </Text>\n                                )}\n                            </ItemHeader>\n                            <div className=\"flex w-full items-center justify-between gap-3\">\n                                <ItemContent>\n                                    <ItemTitle>{item.name}</ItemTitle>\n                                    <ItemDescription clamp={1}>\n                                        <span className=\"inline-flex items-center gap-1.5\">\n                                            <span\n                                                className={cn(\n                                                    'size-2.5 rounded-full',\n                                                    ITEM_DOT_TONE[item.tone ?? 'neutral'],\n                                                )}\n                                            />\n                                            x{item.qty}\n                                        </span>\n                                    </ItemDescription>\n                                </ItemContent>\n                                <ItemActions>\n                                    <Text weight=\"bold\">{item.price}</Text>\n                                </ItemActions>\n                            </div>\n                        </Item>\n                    ))}\n                </ItemGroup>\n\n                {!!(summary.length > 0 || total) && (\n                    <div className=\"mt-3 space-y-2 border-t border-border pt-3 text-sm\">\n                        {summary.map((line) => (\n                            <InlineStat\n                                key={line.label}\n                                label={line.label}\n                                value={line.value}\n                                labelClassName=\"text-sm text-muted-foreground\"\n                                valueClassName=\"text-sm text-muted-foreground\"\n                            />\n                        ))}\n                        {!!total && (\n                            <InlineStat\n                                className=\"border-t border-dashed border-border pt-2\"\n                                label={strings.totalLabel}\n                                value={total}\n                                labelClassName=\"text-sm font-semibold\"\n                                valueClassName=\"text-sm font-semibold\"\n                            />\n                        )}\n                    </div>\n                  )}\n        </div>\n    );\n}\n\nOrderItemsCard.displayName = 'OrderItemsCard';\n","/**\n * OutstandingBalanceCard — dark-themed card surface for an unpaid amount with\n * due-date pulse, customer name, and two CTA buttons.\n *\n * Strings overridable via `strings` prop (`title`, `dueDateLabel`,\n * `customerLabel`, `sendReminder`, `recordPayment`).\n */\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { CreditCard, Send } from 'lucide-react';\n\nimport { defaultOutstandingBalanceCardStrings } from '../dark-surfaces.strings';\nimport type { OutstandingBalanceCardProps } from './types';\n\nexport function OutstandingBalanceCard({\n    amount,\n    amountColor = 'text-warning',\n    dueDate,\n    customer,\n    onSendReminder,\n    onRecordPayment,\n    className,\n    strings: stringsProp,\n}: OutstandingBalanceCardProps) {\n    const strings = useStrings(defaultOutstandingBalanceCardStrings, stringsProp);\n    return (\n        <div className={cn('outstanding-balance--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Text size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"uppercase tracking-wider\">\n                    {strings.title}\n                </Text>\n\n                <Heading tag=\"h3\" className={cn('border-none pb-0 text-base tabular-nums tracking-tight', amountColor)}>{amount}</Heading>\n\n                <div className=\"mt-4 space-y-2\">\n                    <InlineStat\n                        label={strings.dueDateLabel}\n                        value={\n                            <span className=\"flex items-center gap-1.5\">\n                                <span className=\"size-2 rounded-full bg-destructive animate-pulse\" />\n                                <Text tag=\"span\" weight=\"medium\">{dueDate}</Text>\n                            </span>\n                        }\n                        labelClassName=\"text-xs\"\n                    />\n                    <InlineStat\n                        label={strings.customerLabel}\n                        value={customer}\n                        labelClassName=\"text-xs\"\n                        valueClassName=\"text-sm font-medium\"\n                    />\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                    <Button variant=\"warning\" className=\"flex-1 rounded-md\" onClick={onSendReminder}>\n                        <Send className=\"mr-1.5 size-3.5\" />\n                        {strings.sendReminder}\n                    </Button>\n                    <Button variant=\"success\" className=\"flex-1 rounded-md\" onClick={onRecordPayment}>\n                        <CreditCard className=\"mr-1.5 size-3.5\" />\n                        {strings.recordPayment}\n                    </Button>\n                </div>\n        </div>\n    );\n}\n\nOutstandingBalanceCard.displayName = 'OutstandingBalanceCard';\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-Be2ayMxF.js";
-import { o as r, s as i } from "../../../_shared/typography-5bLhAYaK.js";
+import { t as n } from "../../../_shared/button-CNEMqDHK.js";
+import { o as r, s as i } from "../../../_shared/typography-C_kCoR1d.js";
 import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
 import { t as o } from "../../../_shared/separator-DiH-j--f.js";
-import { c as s, i as c, n as l, o as u, r as d, s as f, t as p, u as m } from "../../../_shared/item-CVjjpHQd.js";
-import { i as h } from "../../../_shared/data-display-LlvMEFTK.js";
+import { c as s, i as c, n as l, o as u, r as d, s as f, t as p, u as m } from "../../../_shared/item-D75eGy8G.js";
+import { i as h } from "../../../_shared/data-display-CYmwUdmU.js";
 import { useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Check as b, ChevronDown as x, ChevronRight as S, ChevronUp as C, CreditCard as w, HelpCircle as T, Send as E } from "lucide-react";
@@ -55,7 +55,7 @@ function M({ amount: c, details: u = [], helpText: f, onHelp: w, className: E, s
 					}),
 					/* @__PURE__ */ v(r, {
 						tag: "h3",
-						className: "border-none pb-0 text-2xl tabular-nums tracking-tight",
+						className: "border-none pb-0 text-base tabular-nums tracking-tight",
 						children: c
 					})
 				]
@@ -146,7 +146,7 @@ function N({ referenceCode: n, status: a, details: o = [], amountPaid: s, classN
 				label: u.amountPaidLabel,
 				value: /* @__PURE__ */ v(r, {
 					tag: "h4",
-					className: "border-none pb-0 text-lg",
+					className: "border-none pb-0 text-base",
 					children: s
 				}),
 				labelClassName: "text-sm"
@@ -292,7 +292,7 @@ function L({ amount: a, amountColor: o = "text-warning", dueDate: s, customer: c
 			}),
 			/* @__PURE__ */ v(r, {
 				tag: "h3",
-				className: t("border-none pb-0 text-2xl tabular-nums tracking-tight", o),
+				className: t("border-none pb-0 text-base tabular-nums tracking-tight", o),
 				children: a
 			}),
 			/* @__PURE__ */ y("div", {

package/dist/components/composed/dark-surfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/dark-surfaces/dark-surfaces.strings.ts","../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx","../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx","../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx","../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx","../../../../src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx"],"sourcesContent":["/**\n * Default user-facing strings for the `composed/dark-surfaces` family.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <BookingReceiptDark strings={{ title: t('receipt.title') }} … />\n */\n\nexport interface BookingReceiptDarkStrings {\n\ttitle: string;\n\tstatusConfirmed: string;\n\tamountPaidLabel: string;\n}\n\nexport const defaultBookingReceiptDarkStrings: BookingReceiptDarkStrings = {\n\ttitle: 'Booking Receipt',\n\tstatusConfirmed: 'Confirmed',\n\tamountPaidLabel: 'Amount Paid',\n};\n\nexport interface DarkPaymentConfirmationStrings {\n\tsuccessTitle: string;\n\tsuccessDescription: string;\n\tdetailsToggle: string;\n}\n\nexport const defaultDarkPaymentConfirmationStrings: DarkPaymentConfirmationStrings = {\n\tsuccessTitle: 'Payment Successful',\n\tsuccessDescription: 'Transaction completed',\n\tdetailsToggle: 'Payment Details',\n};\n\nexport interface DarkInfoPanelStrings {\n\tdefaultTitle: string;\n}\n\nexport const defaultDarkInfoPanelStrings: DarkInfoPanelStrings = {\n\tdefaultTitle: 'Details',\n};\n\nexport interface OrderItemsCardStrings {\n\ttitle: string;\n\ttotalLabel: string;\n}\n\nexport const defaultOrderItemsCardStrings: OrderItemsCardStrings = {\n\ttitle: 'Order Items',\n\ttotalLabel: 'Total',\n};\n\nexport interface OutstandingBalanceCardStrings {\n\ttitle: string;\n\tdueDateLabel: string;\n\tcustomerLabel: string;\n\tsendReminder: string;\n\trecordPayment: string;\n}\n\nexport const defaultOutstandingBalanceCardStrings: OutstandingBalanceCardStrings = {\n\ttitle: 'Outstanding Balance',\n\tdueDateLabel: 'Due Date',\n\tcustomerLabel: 'Customer',\n\tsendReminder: 'Send Reminder',\n\trecordPayment: 'Record Payment',\n};\n","/**\n * DarkPaymentConfirmation — dark-themed success confirmation with hero\n * amount, expandable payment-details list, and an optional help row.\n *\n * Strings flow via `strings` prop (`successTitle`, `successDescription`,\n * `detailsToggle`).\n */\nimport {\n\tuseState } from 'react';\nimport { Check,\n\tChevronDown,\n\tChevronRight,\n\tChevronUp,\n\tHelpCircle } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge,\n} from '@/components/base/display';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemMedia,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkPaymentConfirmationStrings } from '../dark-surfaces.strings';\nimport type { DarkPaymentConfirmationProps } from './types';\n\nexport function DarkPaymentConfirmation({\n    amount,\n    details = [],\n    helpText,\n    onHelp,\n    className,\n    strings: stringsProp,\n}: DarkPaymentConfirmationProps) {\n    const strings = useStrings(defaultDarkPaymentConfirmationStrings, stringsProp);\n    const [expanded, setExpanded] = useState(true);\n\n    return (\n        <div className={cn('dark-payment--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <div className=\"flex flex-col items-center text-center\">\n                    <IconBadge icon={Check} tone=\"success\" className=\"size-avatar-lg [&>svg]:size-icon-lg\" />\n                    <Heading tag=\"h5\" className=\"mt-3 !border-0 !pb-0\">{strings.successTitle}</Heading>\n                    <Text size=\"xs\" type=\"secondary\">{strings.successDescription}</Text>\n                    <Heading tag=\"h3\" className=\"border-none pb-0 text-2xl tabular-nums tracking-tight\">{amount}</Heading>\n                </div>\n\n                {details.length > 0 && (\n                    <>\n                        <Separator className=\"my-4\" />\n\n                        <Button\n                            variant=\"light\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => setExpanded(!expanded)}\n                            className=\"flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground\"\n                        >\n                            <Text weight=\"medium\">{strings.detailsToggle}</Text>\n                            {expanded ? <ChevronUp className=\"size-4\" /> : <ChevronDown className=\"size-4\" />}\n                        </Button>\n\n                        {!!expanded && (\n                            <div className=\"mt-3 space-y-2.5\">\n                                {details.map((detail) => (\n                                    <InlineStat\n                                        key={detail.label}\n                                        label={detail.label}\n                                        value={detail.value}\n                                        labelClassName=\"text-sm\"\n                                        valueClassName=\"text-sm font-medium\"\n                                    />\n                                ))}\n                            </div>\n                        )}\n                    </>\n                )}\n\n                {!!helpText && (\n                    <Item\n                        variant=\"muted\"\n                        className={cn('mt-4', onHelp && 'cursor-pointer')}\n                        onClick={onHelp}\n                    >\n                        <ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n                            <HelpCircle />\n                        </ItemMedia>\n                        <ItemContent>\n                            <ItemTitle bold={false} className=\"text-muted-foreground\">{helpText}</ItemTitle>\n                        </ItemContent>\n                        <ItemActions>\n                            <ChevronRight className=\"size-4 text-muted-foreground\" />\n                        </ItemActions>\n                    </Item>\n                  )}\n        </div>\n    );\n}\n\nDarkPaymentConfirmation.displayName = 'DarkPaymentConfirmation';\n","/**\n * BookingReceiptDark — dark-themed booking receipt with reference code,\n * status pill, optional metadata rows, and an emphasised amount-paid total.\n *\n * Strings flow via the `strings` prop (deep-merged over\n * `defaultBookingReceiptDarkStrings`); status pill text falls back to\n * `strings.statusConfirmed` when the consumer doesn't pass one.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultBookingReceiptDarkStrings } from '../dark-surfaces.strings';\nimport type { BookingReceiptDarkProps } from './types';\n\nexport function BookingReceiptDark({\n\treferenceCode,\n\tstatus,\n\tdetails = [],\n\tamountPaid,\n\tclassName,\n\tstrings: stringsProp,\n}: BookingReceiptDarkProps) {\n\tconst strings = useStrings(defaultBookingReceiptDarkStrings, stringsProp);\n\tconst resolvedStatus = status ?? strings.statusConfirmed;\n\treturn (\n\t\t<div className={cn('booking-receipt--component', 'dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n\t\t\t<div className=\"flex items-center justify-between gap-3\">\n\t\t\t\t<Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success\">\n\t\t\t\t\t<span className=\"size-1.5 rounded-full bg-success\" />\n\t\t\t\t\t{resolvedStatus}\n\t\t\t\t</Text>\n\t\t\t</div>\n\n\t\t\t{details.length > 0 && (\n\t\t\t\t<div className=\"space-y-1.5 text-sm\">\n\t\t\t\t\t{details.map((detail) => (\n\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\tkey={detail.label}\n\t\t\t\t\t\t\tlabel={detail.label}\n\t\t\t\t\t\t\tvalue={detail.value}\n\t\t\t\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\t\t\t\tvalueClassName=\"text-sm font-medium\"\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{!!referenceCode && (\n\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" align=\"center\" className=\"rounded-md bg-muted px-3 py-2 font-mono tracking-wider\">\n\t\t\t\t\t{referenceCode}\n\t\t\t\t</Text>\n\t\t\t)}\n\n\t\t\t<InlineStat\n\t\t\t\tclassName=\"border-t border-border pt-3\"\n\t\t\t\tlabel={strings.amountPaidLabel}\n\t\t\t\tvalue={<Heading tag=\"h4\" className=\"border-none pb-0 text-lg\">{amountPaid}</Heading>}\n\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nBookingReceiptDark.displayName = 'BookingReceiptDark';\n","/**\n * DarkInfoPanel — collapsible dark-themed key-value list with optional total.\n *\n * Header title falls back to `strings.defaultTitle` (`\"Details\"` in English)\n * when no `title` is passed. Pass `strings={{ defaultTitle: '…' }}` to localise.\n */\nimport { useState } from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkInfoPanelStrings } from '../dark-surfaces.strings';\nimport type { DarkInfoPanelProps } from './types';\n\nexport function DarkInfoPanel({\n    title,\n    items,\n    totalLabel,\n    totalValue,\n    defaultOpen = true,\n    className,\n    strings: stringsProp,\n}: DarkInfoPanelProps) {\n    const strings = useStrings(defaultDarkInfoPanelStrings, stringsProp);\n    const resolvedTitle = title ?? strings.defaultTitle;\n    const [open, setOpen] = useState(defaultOpen);\n\n    return (\n        <div className={cn('dark-info-panel--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Button\n                    variant=\"light\"\n                    buttonStyle=\"ghost\"\n                    onClick={() => setOpen(!open)}\n                    className=\"flex w-full items-center justify-between border-0 p-0 h-auto\"\n                >\n                    <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{resolvedTitle}</Heading>\n                    {open ? <ChevronUp className=\"size-4 text-muted-foreground\" /> : <ChevronDown className=\"size-4 text-muted-foreground\" />}\n                </Button>\n\n                {!!open && (\n                    <div className=\"mt-3 space-y-3 text-sm\">\n                        {items.map((item) => (\n                            <div key={item.label} className=\"flex items-baseline justify-between gap-6\">\n                                <Text type=\"secondary\" className=\"min-w-0\">{item.label}</Text>\n                                <Text weight=\"medium\" className={cn('shrink-0 text-right', item.highlight && 'text-success')}>{item.value}</Text>\n                            </div>\n                        ))}\n                        {!!totalLabel && !!totalValue && (\n                            <div className=\"border-t border-dashed border-border pt-3\">\n                                <div className=\"flex items-baseline justify-between gap-6\">\n                                    <Text weight=\"semibold\" type=\"secondary\" className=\"min-w-0\">{totalLabel}</Text>\n                                    <Text weight=\"semibold\" className=\"shrink-0 text-right\">{totalValue}</Text>\n                                </div>\n                            </div>\n                          )}\n                    </div>\n                )}\n        </div>\n    );\n}\n\nDarkInfoPanel.displayName = 'DarkInfoPanel';\n","/**\n * OrderItemsCard — dark-themed order line-item list with vendor metadata,\n * optional badges, summary rows, and a total. Strings overridable via\n * `strings` prop.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemHeader,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultOrderItemsCardStrings } from '../dark-surfaces.strings';\nimport type { OrderItemTone, OrderItemsCardProps } from './types';\n\nconst ITEM_DOT_TONE: Record<OrderItemTone, string> = {\n    neutral: 'bg-muted-foreground',\n    primary: 'bg-primary',\n    info: 'bg-info',\n    success: 'bg-success',\n    warning: 'bg-warning',\n    destructive: 'bg-destructive',\n};\n\nexport function OrderItemsCard({\n    items,\n    summary = [],\n    total,\n    className,\n    strings: stringsProp,\n}: OrderItemsCardProps) {\n    const strings = useStrings(defaultOrderItemsCardStrings, stringsProp);\n    return (\n        <div className={cn('order-items--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\n                <ItemGroup className=\"mt-3 gap-2\">\n                    {items.map((item) => (\n                        <Item key={item.name} variant=\"muted\" className=\"flex-col items-stretch gap-2\">\n                            <ItemHeader>\n                                <Text size=\"xs\" type=\"secondary\">{item.vendor}</Text>\n                                {!!item.badge && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"rounded-full bg-secondary px-3 py-1 text-secondary-foreground\">\n                                        {item.badge}\n                                    </Text>\n                                )}\n                            </ItemHeader>\n                            <div className=\"flex w-full items-center justify-between gap-3\">\n                                <ItemContent>\n                                    <ItemTitle>{item.name}</ItemTitle>\n                                    <ItemDescription clamp={1}>\n                                        <span className=\"inline-flex items-center gap-1.5\">\n                                            <span\n                                                className={cn(\n                                                    'size-2.5 rounded-full',\n                                                    ITEM_DOT_TONE[item.tone ?? 'neutral'],\n                                                )}\n                                            />\n                                            x{item.qty}\n                                        </span>\n                                    </ItemDescription>\n                                </ItemContent>\n                                <ItemActions>\n                                    <Text weight=\"bold\">{item.price}</Text>\n                                </ItemActions>\n                            </div>\n                        </Item>\n                    ))}\n                </ItemGroup>\n\n                {!!(summary.length > 0 || total) && (\n                    <div className=\"mt-3 space-y-2 border-t border-border pt-3 text-sm\">\n                        {summary.map((line) => (\n                            <InlineStat\n                                key={line.label}\n                                label={line.label}\n                                value={line.value}\n                                labelClassName=\"text-sm text-muted-foreground\"\n                                valueClassName=\"text-sm text-muted-foreground\"\n                            />\n                        ))}\n                        {!!total && (\n                            <InlineStat\n                                className=\"border-t border-dashed border-border pt-2\"\n                                label={strings.totalLabel}\n                                value={total}\n                                labelClassName=\"text-sm font-semibold\"\n                                valueClassName=\"text-sm font-semibold\"\n                            />\n                        )}\n                    </div>\n                  )}\n        </div>\n    );\n}\n\nOrderItemsCard.displayName = 'OrderItemsCard';\n","/**\n * OutstandingBalanceCard — dark-themed card surface for an unpaid amount with\n * due-date pulse, customer name, and two CTA buttons.\n *\n * Strings overridable via `strings` prop (`title`, `dueDateLabel`,\n * `customerLabel`, `sendReminder`, `recordPayment`).\n */\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { CreditCard, Send } from 'lucide-react';\n\nimport { defaultOutstandingBalanceCardStrings } from '../dark-surfaces.strings';\nimport type { OutstandingBalanceCardProps } from './types';\n\nexport function OutstandingBalanceCard({\n    amount,\n    amountColor = 'text-warning',\n    dueDate,\n    customer,\n    onSendReminder,\n    onRecordPayment,\n    className,\n    strings: stringsProp,\n}: OutstandingBalanceCardProps) {\n    const strings = useStrings(defaultOutstandingBalanceCardStrings, stringsProp);\n    return (\n        <div className={cn('outstanding-balance--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Text size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"uppercase tracking-wider\">\n                    {strings.title}\n                </Text>\n\n                <Heading tag=\"h3\" className={cn('border-none pb-0 text-2xl tabular-nums tracking-tight', amountColor)}>{amount}</Heading>\n\n                <div className=\"mt-4 space-y-2\">\n                    <InlineStat\n                        label={strings.dueDateLabel}\n                        value={\n                            <span className=\"flex items-center gap-1.5\">\n                                <span className=\"size-2 rounded-full bg-destructive animate-pulse\" />\n                                <Text tag=\"span\" weight=\"medium\">{dueDate}</Text>\n                            </span>\n                        }\n                        labelClassName=\"text-xs\"\n                    />\n                    <InlineStat\n                        label={strings.customerLabel}\n                        value={customer}\n                        labelClassName=\"text-xs\"\n                        valueClassName=\"text-sm font-medium\"\n                    />\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                    <Button variant=\"warning\" className=\"flex-1 rounded-md\" onClick={onSendReminder}>\n                        <Send className=\"mr-1.5 size-3.5\" />\n                        {strings.sendReminder}\n                    </Button>\n                    <Button variant=\"success\" className=\"flex-1 rounded-md\" onClick={onRecordPayment}>\n                        <CreditCard className=\"mr-1.5 size-3.5\" />\n                        {strings.recordPayment}\n                    </Button>\n                </div>\n        </div>\n    );\n}\n\nOutstandingBalanceCard.displayName = 'OutstandingBalanceCard';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/dark-surfaces/dark-surfaces.strings.ts","../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx","../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx","../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx","../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx","../../../../src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx"],"sourcesContent":["/**\n * Default user-facing strings for the `composed/dark-surfaces` family.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <BookingReceiptDark strings={{ title: t('receipt.title') }} … />\n */\n\nexport interface BookingReceiptDarkStrings {\n\ttitle: string;\n\tstatusConfirmed: string;\n\tamountPaidLabel: string;\n}\n\nexport const defaultBookingReceiptDarkStrings: BookingReceiptDarkStrings = {\n\ttitle: 'Booking Receipt',\n\tstatusConfirmed: 'Confirmed',\n\tamountPaidLabel: 'Amount Paid',\n};\n\nexport interface DarkPaymentConfirmationStrings {\n\tsuccessTitle: string;\n\tsuccessDescription: string;\n\tdetailsToggle: string;\n}\n\nexport const defaultDarkPaymentConfirmationStrings: DarkPaymentConfirmationStrings = {\n\tsuccessTitle: 'Payment Successful',\n\tsuccessDescription: 'Transaction completed',\n\tdetailsToggle: 'Payment Details',\n};\n\nexport interface DarkInfoPanelStrings {\n\tdefaultTitle: string;\n}\n\nexport const defaultDarkInfoPanelStrings: DarkInfoPanelStrings = {\n\tdefaultTitle: 'Details',\n};\n\nexport interface OrderItemsCardStrings {\n\ttitle: string;\n\ttotalLabel: string;\n}\n\nexport const defaultOrderItemsCardStrings: OrderItemsCardStrings = {\n\ttitle: 'Order Items',\n\ttotalLabel: 'Total',\n};\n\nexport interface OutstandingBalanceCardStrings {\n\ttitle: string;\n\tdueDateLabel: string;\n\tcustomerLabel: string;\n\tsendReminder: string;\n\trecordPayment: string;\n}\n\nexport const defaultOutstandingBalanceCardStrings: OutstandingBalanceCardStrings = {\n\ttitle: 'Outstanding Balance',\n\tdueDateLabel: 'Due Date',\n\tcustomerLabel: 'Customer',\n\tsendReminder: 'Send Reminder',\n\trecordPayment: 'Record Payment',\n};\n","/**\n * DarkPaymentConfirmation — dark-themed success confirmation with hero\n * amount, expandable payment-details list, and an optional help row.\n *\n * Strings flow via `strings` prop (`successTitle`, `successDescription`,\n * `detailsToggle`).\n */\nimport {\n\tuseState } from 'react';\nimport { Check,\n\tChevronDown,\n\tChevronRight,\n\tChevronUp,\n\tHelpCircle } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge,\n} from '@/components/base/display';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemMedia,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkPaymentConfirmationStrings } from '../dark-surfaces.strings';\nimport type { DarkPaymentConfirmationProps } from './types';\n\nexport function DarkPaymentConfirmation({\n    amount,\n    details = [],\n    helpText,\n    onHelp,\n    className,\n    strings: stringsProp,\n}: DarkPaymentConfirmationProps) {\n    const strings = useStrings(defaultDarkPaymentConfirmationStrings, stringsProp);\n    const [expanded, setExpanded] = useState(true);\n\n    return (\n        <div className={cn('dark-payment--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <div className=\"flex flex-col items-center text-center\">\n                    <IconBadge icon={Check} tone=\"success\" className=\"size-avatar-lg [&>svg]:size-icon-lg\" />\n                    <Heading tag=\"h5\" className=\"mt-3 !border-0 !pb-0\">{strings.successTitle}</Heading>\n                    <Text size=\"xs\" type=\"secondary\">{strings.successDescription}</Text>\n                    <Heading tag=\"h3\" className=\"border-none pb-0 text-base tabular-nums tracking-tight\">{amount}</Heading>\n                </div>\n\n                {details.length > 0 && (\n                    <>\n                        <Separator className=\"my-4\" />\n\n                        <Button\n                            variant=\"light\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => setExpanded(!expanded)}\n                            className=\"flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground\"\n                        >\n                            <Text weight=\"medium\">{strings.detailsToggle}</Text>\n                            {expanded ? <ChevronUp className=\"size-4\" /> : <ChevronDown className=\"size-4\" />}\n                        </Button>\n\n                        {!!expanded && (\n                            <div className=\"mt-3 space-y-2.5\">\n                                {details.map((detail) => (\n                                    <InlineStat\n                                        key={detail.label}\n                                        label={detail.label}\n                                        value={detail.value}\n                                        labelClassName=\"text-sm\"\n                                        valueClassName=\"text-sm font-medium\"\n                                    />\n                                ))}\n                            </div>\n                        )}\n                    </>\n                )}\n\n                {!!helpText && (\n                    <Item\n                        variant=\"muted\"\n                        className={cn('mt-4', onHelp && 'cursor-pointer')}\n                        onClick={onHelp}\n                    >\n                        <ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n                            <HelpCircle />\n                        </ItemMedia>\n                        <ItemContent>\n                            <ItemTitle bold={false} className=\"text-muted-foreground\">{helpText}</ItemTitle>\n                        </ItemContent>\n                        <ItemActions>\n                            <ChevronRight className=\"size-4 text-muted-foreground\" />\n                        </ItemActions>\n                    </Item>\n                  )}\n        </div>\n    );\n}\n\nDarkPaymentConfirmation.displayName = 'DarkPaymentConfirmation';\n","/**\n * BookingReceiptDark — dark-themed booking receipt with reference code,\n * status pill, optional metadata rows, and an emphasised amount-paid total.\n *\n * Strings flow via the `strings` prop (deep-merged over\n * `defaultBookingReceiptDarkStrings`); status pill text falls back to\n * `strings.statusConfirmed` when the consumer doesn't pass one.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultBookingReceiptDarkStrings } from '../dark-surfaces.strings';\nimport type { BookingReceiptDarkProps } from './types';\n\nexport function BookingReceiptDark({\n\treferenceCode,\n\tstatus,\n\tdetails = [],\n\tamountPaid,\n\tclassName,\n\tstrings: stringsProp,\n}: BookingReceiptDarkProps) {\n\tconst strings = useStrings(defaultBookingReceiptDarkStrings, stringsProp);\n\tconst resolvedStatus = status ?? strings.statusConfirmed;\n\treturn (\n\t\t<div className={cn('booking-receipt--component', 'dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n\t\t\t<div className=\"flex items-center justify-between gap-3\">\n\t\t\t\t<Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success\">\n\t\t\t\t\t<span className=\"size-1.5 rounded-full bg-success\" />\n\t\t\t\t\t{resolvedStatus}\n\t\t\t\t</Text>\n\t\t\t</div>\n\n\t\t\t{details.length > 0 && (\n\t\t\t\t<div className=\"space-y-1.5 text-sm\">\n\t\t\t\t\t{details.map((detail) => (\n\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\tkey={detail.label}\n\t\t\t\t\t\t\tlabel={detail.label}\n\t\t\t\t\t\t\tvalue={detail.value}\n\t\t\t\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\t\t\t\tvalueClassName=\"text-sm font-medium\"\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{!!referenceCode && (\n\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" align=\"center\" className=\"rounded-md bg-muted px-3 py-2 font-mono tracking-wider\">\n\t\t\t\t\t{referenceCode}\n\t\t\t\t</Text>\n\t\t\t)}\n\n\t\t\t<InlineStat\n\t\t\t\tclassName=\"border-t border-border pt-3\"\n\t\t\t\tlabel={strings.amountPaidLabel}\n\t\t\t\tvalue={<Heading tag=\"h4\" className=\"border-none pb-0 text-base\">{amountPaid}</Heading>}\n\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nBookingReceiptDark.displayName = 'BookingReceiptDark';\n","/**\n * DarkInfoPanel — collapsible dark-themed key-value list with optional total.\n *\n * Header title falls back to `strings.defaultTitle` (`\"Details\"` in English)\n * when no `title` is passed. Pass `strings={{ defaultTitle: '…' }}` to localise.\n */\nimport { useState } from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkInfoPanelStrings } from '../dark-surfaces.strings';\nimport type { DarkInfoPanelProps } from './types';\n\nexport function DarkInfoPanel({\n    title,\n    items,\n    totalLabel,\n    totalValue,\n    defaultOpen = true,\n    className,\n    strings: stringsProp,\n}: DarkInfoPanelProps) {\n    const strings = useStrings(defaultDarkInfoPanelStrings, stringsProp);\n    const resolvedTitle = title ?? strings.defaultTitle;\n    const [open, setOpen] = useState(defaultOpen);\n\n    return (\n        <div className={cn('dark-info-panel--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Button\n                    variant=\"light\"\n                    buttonStyle=\"ghost\"\n                    onClick={() => setOpen(!open)}\n                    className=\"flex w-full items-center justify-between border-0 p-0 h-auto\"\n                >\n                    <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{resolvedTitle}</Heading>\n                    {open ? <ChevronUp className=\"size-4 text-muted-foreground\" /> : <ChevronDown className=\"size-4 text-muted-foreground\" />}\n                </Button>\n\n                {!!open && (\n                    <div className=\"mt-3 space-y-3 text-sm\">\n                        {items.map((item) => (\n                            <div key={item.label} className=\"flex items-baseline justify-between gap-6\">\n                                <Text type=\"secondary\" className=\"min-w-0\">{item.label}</Text>\n                                <Text weight=\"medium\" className={cn('shrink-0 text-right', item.highlight && 'text-success')}>{item.value}</Text>\n                            </div>\n                        ))}\n                        {!!totalLabel && !!totalValue && (\n                            <div className=\"border-t border-dashed border-border pt-3\">\n                                <div className=\"flex items-baseline justify-between gap-6\">\n                                    <Text weight=\"semibold\" type=\"secondary\" className=\"min-w-0\">{totalLabel}</Text>\n                                    <Text weight=\"semibold\" className=\"shrink-0 text-right\">{totalValue}</Text>\n                                </div>\n                            </div>\n                          )}\n                    </div>\n                )}\n        </div>\n    );\n}\n\nDarkInfoPanel.displayName = 'DarkInfoPanel';\n","/**\n * OrderItemsCard — dark-themed order line-item list with vendor metadata,\n * optional badges, summary rows, and a total. Strings overridable via\n * `strings` prop.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemHeader,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultOrderItemsCardStrings } from '../dark-surfaces.strings';\nimport type { OrderItemTone, OrderItemsCardProps } from './types';\n\nconst ITEM_DOT_TONE: Record<OrderItemTone, string> = {\n    neutral: 'bg-muted-foreground',\n    primary: 'bg-primary',\n    info: 'bg-info',\n    success: 'bg-success',\n    warning: 'bg-warning',\n    destructive: 'bg-destructive',\n};\n\nexport function OrderItemsCard({\n    items,\n    summary = [],\n    total,\n    className,\n    strings: stringsProp,\n}: OrderItemsCardProps) {\n    const strings = useStrings(defaultOrderItemsCardStrings, stringsProp);\n    return (\n        <div className={cn('order-items--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\n                <ItemGroup className=\"mt-3 gap-2\">\n                    {items.map((item) => (\n                        <Item key={item.name} variant=\"muted\" className=\"flex-col items-stretch gap-2\">\n                            <ItemHeader>\n                                <Text size=\"xs\" type=\"secondary\">{item.vendor}</Text>\n                                {!!item.badge && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"rounded-full bg-secondary px-3 py-1 text-secondary-foreground\">\n                                        {item.badge}\n                                    </Text>\n                                )}\n                            </ItemHeader>\n                            <div className=\"flex w-full items-center justify-between gap-3\">\n                                <ItemContent>\n                                    <ItemTitle>{item.name}</ItemTitle>\n                                    <ItemDescription clamp={1}>\n                                        <span className=\"inline-flex items-center gap-1.5\">\n                                            <span\n                                                className={cn(\n                                                    'size-2.5 rounded-full',\n                                                    ITEM_DOT_TONE[item.tone ?? 'neutral'],\n                                                )}\n                                            />\n                                            x{item.qty}\n                                        </span>\n                                    </ItemDescription>\n                                </ItemContent>\n                                <ItemActions>\n                                    <Text weight=\"bold\">{item.price}</Text>\n                                </ItemActions>\n                            </div>\n                        </Item>\n                    ))}\n                </ItemGroup>\n\n                {!!(summary.length > 0 || total) && (\n                    <div className=\"mt-3 space-y-2 border-t border-border pt-3 text-sm\">\n                        {summary.map((line) => (\n                            <InlineStat\n                                key={line.label}\n                                label={line.label}\n                                value={line.value}\n                                labelClassName=\"text-sm text-muted-foreground\"\n                                valueClassName=\"text-sm text-muted-foreground\"\n                            />\n                        ))}\n                        {!!total && (\n                            <InlineStat\n                                className=\"border-t border-dashed border-border pt-2\"\n                                label={strings.totalLabel}\n                                value={total}\n                                labelClassName=\"text-sm font-semibold\"\n                                valueClassName=\"text-sm font-semibold\"\n                            />\n                        )}\n                    </div>\n                  )}\n        </div>\n    );\n}\n\nOrderItemsCard.displayName = 'OrderItemsCard';\n","/**\n * OutstandingBalanceCard — dark-themed card surface for an unpaid amount with\n * due-date pulse, customer name, and two CTA buttons.\n *\n * Strings overridable via `strings` prop (`title`, `dueDateLabel`,\n * `customerLabel`, `sendReminder`, `recordPayment`).\n */\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/composed/data-display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { CreditCard, Send } from 'lucide-react';\n\nimport { defaultOutstandingBalanceCardStrings } from '../dark-surfaces.strings';\nimport type { OutstandingBalanceCardProps } from './types';\n\nexport function OutstandingBalanceCard({\n    amount,\n    amountColor = 'text-warning',\n    dueDate,\n    customer,\n    onSendReminder,\n    onRecordPayment,\n    className,\n    strings: stringsProp,\n}: OutstandingBalanceCardProps) {\n    const strings = useStrings(defaultOutstandingBalanceCardStrings, stringsProp);\n    return (\n        <div className={cn('outstanding-balance--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Text size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"uppercase tracking-wider\">\n                    {strings.title}\n                </Text>\n\n                <Heading tag=\"h3\" className={cn('border-none pb-0 text-base tabular-nums tracking-tight', amountColor)}>{amount}</Heading>\n\n                <div className=\"mt-4 space-y-2\">\n                    <InlineStat\n                        label={strings.dueDateLabel}\n                        value={\n                            <span className=\"flex items-center gap-1.5\">\n                                <span className=\"size-2 rounded-full bg-destructive animate-pulse\" />\n                                <Text tag=\"span\" weight=\"medium\">{dueDate}</Text>\n                            </span>\n                        }\n                        labelClassName=\"text-xs\"\n                    />\n                    <InlineStat\n                        label={strings.customerLabel}\n                        value={customer}\n                        labelClassName=\"text-xs\"\n                        valueClassName=\"text-sm font-medium\"\n                    />\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                    <Button variant=\"warning\" className=\"flex-1 rounded-md\" onClick={onSendReminder}>\n                        <Send className=\"mr-1.5 size-3.5\" />\n                        {strings.sendReminder}\n                    </Button>\n                    <Button variant=\"success\" className=\"flex-1 rounded-md\" onClick={onRecordPayment}>\n                        <CreditCard className=\"mr-1.5 size-3.5\" />\n                        {strings.recordPayment}\n                    </Button>\n                </div>\n        </div>\n    );\n}\n\nOutstandingBalanceCard.displayName = 'OutstandingBalanceCard';\n"],"mappings":"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"}