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

admin-ui-starter-kit 0.4.5 → 0.6.1

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

Files changed (1784) hide show

package/dist/components/composed/commerce/voucher-entry/types.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { StringsProp } from '../../../../lib/strings';
 export interface VoucherEntryStrings {
     title: string;
     inputLabel: string;
@@ -18,6 +19,6 @@ export interface VoucherEntryCardProps {
     onCheck?: (code: string) => void;
     onRemove?: () => void;
     className?: string;
-    strings?: Partial<VoucherEntryStrings>;
+    strings?: StringsProp<VoucherEntryStrings>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/composed/commerce/voucher-entry/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/voucher-entry/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,EAAE,mBAUxC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,~~OAAO~~,CAAC,mBAAmB,CAAC,CAAC;~~CACvC~~"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/voucher-entry/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,EAAE,mBAUxC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;CAC3C"}

package/dist/components/composed/commerce/voucher-entry/voucher-entry.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"voucher-entry.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/voucher-entry/voucher-entry.tsx"],"names":[],"mappings":"~~AA2BA~~,OAAO,EAA8B,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKjF,wBAAgB,gBAAgB,CAAC,EAChC,WAAW,EACX,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,qBAAqB,+BAiGvB;yBA1Ge,gBAAgB"}
1	+ {"version":3,"file":"voucher-entry.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/voucher-entry/voucher-entry.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAA8B,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKjF,wBAAgB,gBAAgB,CAAC,EAChC,WAAW,EACX,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,qBAAqB,+BAiGvB;yBA1Ge,gBAAgB"}

package/dist/components/composed/dark-surfaces/dark-payment/dark-payment.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dark-payment.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx"],"names":[],"mappings":"~~AA0BA~~,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D,wBAAgB,uBAAuB,CAAC,EACpC,MAAM,EACN,OAAY,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EAAE,WAAW,GACvB,EAAE,4BAA4B,+BA8D9B;yBArEe,uBAAuB"}
1	+ {"version":3,"file":"dark-payment.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D,wBAAgB,uBAAuB,CAAC,EACpC,MAAM,EACN,OAAY,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EAAE,WAAW,GACvB,EAAE,4BAA4B,+BA8D9B;yBArEe,uBAAuB"}

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

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

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

	@@ -1 +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 { useState } from 'react';\nimport { Check, ChevronDown, ChevronRight, ChevronUp, HelpCircle } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge, InlineStat } from '@/components/base/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\" size=\"lg\" className=\"size-14 [&>svg]:size-7\" />\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/base/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/base/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/base/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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"}
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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"}

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

@@ -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-BGKY8UY0.js";
-import { n as r, t as i } from "../../../_shared/heading-HeP06nXG.js";
-import { t as a } from "../../../_shared/icon-badge-zTBVtgt9.js";
+import { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { o as r, s as i } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
 import { t as o } from "../../../_shared/separator-B8FBp-7E.js";
-import { i as s } from "../../../_shared/display-NBtWdAMl.js";
-import { c, i as l, n as u, o as d, r as f, s as p, t as m, u as h } from "../../../_shared/item-DAjqQhhj.js";
+import { 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-Xs-fgzaT.js";
+import { i as h } from "../../../_shared/data-display-CRFaMkxT.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";
@@ -30,7 +30,7 @@ var D = {
 };
 //#endregion
 //#region src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx
-function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, strings: D }) {
+function M({ amount: c, details: u = [], helpText: f, onHelp: w, className: E, strings: D }) {
 	let k = e(O, D), [A, j] = g(!0);
 	return /* @__PURE__ */ y("div", {
 		className: t("dark-payment--component", "dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border", E),
@@ -41,41 +41,40 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 					/* @__PURE__ */ v(a, {
 						icon: b,
 						tone: "success",
-						size: "lg",
-						className: "size-14 [&>svg]:size-7"
+						className: "size-avatar-lg [&>svg]:size-icon-lg"
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ v(r, {
 						tag: "h5",
 						className: "mt-3 !border-0 !pb-0",
 						children: k.successTitle
 					}),
-					/* @__PURE__ */ v(r, {
+					/* @__PURE__ */ v(i, {
 						size: "xs",
 						type: "secondary",
 						children: k.successDescription
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ v(r, {
 						tag: "h3",
 						className: "border-none pb-0 text-2xl tabular-nums tracking-tight",
-						children: l
+						children: c
 					})
 				]
 			}),
-			d.length > 0 && /* @__PURE__ */ y(_, { children: [
+			u.length > 0 && /* @__PURE__ */ y(_, { children: [
 				/* @__PURE__ */ v(o, { className: "my-4" }),
 				/* @__PURE__ */ y(n, {
 					variant: "light",
 					buttonStyle: "ghost",
 					onClick: () => j(!A),
 					className: "flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground",
-					children: [/* @__PURE__ */ v(r, {
+					children: [/* @__PURE__ */ v(i, {
 						weight: "medium",
 						children: k.detailsToggle
 					}), v(A ? C : x, { className: "size-4" })]
 				}),
 				!!A && /* @__PURE__ */ v("div", {
 					className: "mt-3 space-y-2.5",
-					children: d.map((e) => /* @__PURE__ */ v(s, {
+					children: u.map((e) => /* @__PURE__ */ v(h, {
 						label: e.label,
 						value: e.value,
 						labelClassName: "text-sm",
@@ -83,22 +82,22 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 					}, e.label))
 				})
 			] }),
-			!!p && /* @__PURE__ */ y(m, {
+			!!f && /* @__PURE__ */ y(p, {
 				variant: "muted",
 				className: t("mt-4", w && "cursor-pointer"),
 				onClick: w,
 				children: [
-					/* @__PURE__ */ v(c, {
+					/* @__PURE__ */ v(s, {
 						variant: "icon",
 						className: "text-muted-foreground",
 						children: /* @__PURE__ */ v(T, {})
 					}),
-					/* @__PURE__ */ v(f, { children: /* @__PURE__ */ v(h, {
+					/* @__PURE__ */ v(d, { children: /* @__PURE__ */ v(m, {
 						bold: !1,
 						className: "text-muted-foreground",
-						children: p
+						children: f
 					}) }),
-					/* @__PURE__ */ v(u, { children: /* @__PURE__ */ v(S, { className: "size-4 text-muted-foreground" }) })
+					/* @__PURE__ */ v(l, { children: /* @__PURE__ */ v(S, { className: "size-4 text-muted-foreground" }) })
 				]
 			})
 		]
@@ -107,34 +106,34 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 M.displayName = "DarkPaymentConfirmation";
 //#endregion
 //#region src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx
-function N({ referenceCode: n, status: a, details: o = [], amountPaid: c, className: l, strings: u }) {
-	let d = e(D, u), f = a ?? d.statusConfirmed;
+function N({ referenceCode: n, status: a, details: o = [], amountPaid: s, className: c, strings: l }) {
+	let u = e(D, l), d = a ?? u.statusConfirmed;
 	return /* @__PURE__ */ y("div", {
-		className: t("booking-receipt--component", "dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", l),
+		className: t("booking-receipt--component", "dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", c),
 		children: [
 			/* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ v(i, {
+				children: [/* @__PURE__ */ v(r, {
 					tag: "h6",
 					className: "!border-0 !pb-0",
-					children: d.title
-				}), /* @__PURE__ */ y(r, {
+					children: u.title
+				}), /* @__PURE__ */ y(i, {
 					size: "xs",
 					weight: "medium",
 					className: "flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success",
-					children: [/* @__PURE__ */ v("span", { className: "size-1.5 rounded-full bg-success" }), f]
+					children: [/* @__PURE__ */ v("span", { className: "size-1.5 rounded-full bg-success" }), d]
 				})]
 			}),
 			o.length > 0 && /* @__PURE__ */ v("div", {
 				className: "space-y-1.5 text-sm",
-				children: o.map((e) => /* @__PURE__ */ v(s, {
+				children: o.map((e) => /* @__PURE__ */ v(h, {
 					label: e.label,
 					value: e.value,
 					labelClassName: "text-sm",
 					valueClassName: "text-sm font-medium"
 				}, e.label))
 			}),
-			!!n && /* @__PURE__ */ v(r, {
+			!!n && /* @__PURE__ */ v(i, {
 				tag: "div",
 				size: "xs",
 				type: "secondary",
@@ -142,13 +141,13 @@ function N({ referenceCode: n, status: a, details: o = [], amountPaid: c, classN
 				className: "rounded-md bg-muted px-3 py-2 font-mono tracking-wider",
 				children: n
 			}),
-			/* @__PURE__ */ v(s, {
+			/* @__PURE__ */ v(h, {
 				className: "border-t border-border pt-3",
-				label: d.amountPaidLabel,
-				value: /* @__PURE__ */ v(i, {
+				label: u.amountPaidLabel,
+				value: /* @__PURE__ */ v(r, {
 					tag: "h4",
 					className: "border-none pb-0 text-lg",
-					children: c
+					children: s
 				}),
 				labelClassName: "text-sm"
 			})
@@ -167,7 +166,7 @@ function P({ title: a, items: o, totalLabel: s, totalValue: c, defaultOpen: l =
 			buttonStyle: "ghost",
 			onClick: () => h(!m),
 			className: "flex w-full items-center justify-between border-0 p-0 h-auto",
-			children: [/* @__PURE__ */ v(i, {
+			children: [/* @__PURE__ */ v(r, {
 				tag: "h6",
 				className: "!border-0 !pb-0",
 				children: p
@@ -176,11 +175,11 @@ function P({ title: a, items: o, totalLabel: s, totalValue: c, defaultOpen: l =
 			className: "mt-3 space-y-3 text-sm",
 			children: [o.map((e) => /* @__PURE__ */ y("div", {
 				className: "flex items-baseline justify-between gap-6",
-				children: [/* @__PURE__ */ v(r, {
+				children: [/* @__PURE__ */ v(i, {
 					type: "secondary",
 					className: "min-w-0",
 					children: e.label
-				}), /* @__PURE__ */ v(r, {
+				}), /* @__PURE__ */ v(i, {
 					weight: "medium",
 					className: t("shrink-0 text-right", e.highlight && "text-success"),
 					children: e.value
@@ -189,12 +188,12 @@ function P({ title: a, items: o, totalLabel: s, totalValue: c, defaultOpen: l =
 				className: "border-t border-dashed border-border pt-3",
 				children: /* @__PURE__ */ y("div", {
 					className: "flex items-baseline justify-between gap-6",
-					children: [/* @__PURE__ */ v(r, {
+					children: [/* @__PURE__ */ v(i, {
 						weight: "semibold",
 						type: "secondary",
 						className: "min-w-0",
 						children: s
-					}), /* @__PURE__ */ v(r, {
+					}), /* @__PURE__ */ v(i, {
 						weight: "semibold",
 						className: "shrink-0 text-right",
 						children: c
@@ -215,33 +214,33 @@ var F = {
 	warning: "bg-warning",
 	destructive: "bg-destructive"
 };
-function I({ items: n, summary: a = [], total: o, className: c, strings: g }) {
+function I({ items: n, summary: a = [], total: o, className: s, strings: g }) {
 	let _ = e(A, g);
 	return /* @__PURE__ */ y("div", {
-		className: t("order-items--component", "dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", c),
+		className: t("order-items--component", "dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", s),
 		children: [
-			/* @__PURE__ */ v(i, {
+			/* @__PURE__ */ v(r, {
 				tag: "h6",
 				className: "!border-0 !pb-0",
 				children: _.title
 			}),
-			/* @__PURE__ */ v(d, {
+			/* @__PURE__ */ v(u, {
 				className: "mt-3 gap-2",
-				children: n.map((e) => /* @__PURE__ */ y(m, {
+				children: n.map((e) => /* @__PURE__ */ y(p, {
 					variant: "muted",
 					className: "flex-col items-stretch gap-2",
-					children: [/* @__PURE__ */ y(p, { children: [/* @__PURE__ */ v(r, {
+					children: [/* @__PURE__ */ y(f, { children: [/* @__PURE__ */ v(i, {
 						size: "xs",
 						type: "secondary",
 						children: e.vendor
-					}), !!e.badge && /* @__PURE__ */ v(r, {
+					}), !!e.badge && /* @__PURE__ */ v(i, {
 						size: "xs",
 						weight: "medium",
 						className: "rounded-full bg-secondary px-3 py-1 text-secondary-foreground",
 						children: e.badge
 					})] }), /* @__PURE__ */ y("div", {
 						className: "flex w-full items-center justify-between gap-3",
-						children: [/* @__PURE__ */ y(f, { children: [/* @__PURE__ */ v(h, { children: e.name }), /* @__PURE__ */ v(l, {
+						children: [/* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(m, { children: e.name }), /* @__PURE__ */ v(c, {
 							clamp: 1,
 							children: /* @__PURE__ */ y("span", {
 								className: "inline-flex items-center gap-1.5",
@@ -251,7 +250,7 @@ function I({ items: n, summary: a = [], total: o, className: c, strings: g }) {
 									e.qty
 								]
 							})
-						})] }), /* @__PURE__ */ v(u, { children: /* @__PURE__ */ v(r, {
+						})] }), /* @__PURE__ */ v(l, { children: /* @__PURE__ */ v(i, {
 							weight: "bold",
 							children: e.price
 						}) })]
@@ -260,12 +259,12 @@ function I({ items: n, summary: a = [], total: o, className: c, strings: g }) {
 			}),
 			!!(a.length > 0 || o) && /* @__PURE__ */ y("div", {
 				className: "mt-3 space-y-2 border-t border-border pt-3 text-sm",
-				children: [a.map((e) => /* @__PURE__ */ v(s, {
+				children: [a.map((e) => /* @__PURE__ */ v(h, {
 					label: e.label,
 					value: e.value,
 					labelClassName: "text-sm text-muted-foreground",
 					valueClassName: "text-sm text-muted-foreground"
-				}, e.label)), !!o && /* @__PURE__ */ v(s, {
+				}, e.label)), !!o && /* @__PURE__ */ v(h, {
 					className: "border-t border-dashed border-border pt-2",
 					label: _.totalLabel,
 					value: o,
@@ -279,39 +278,39 @@ function I({ items: n, summary: a = [], total: o, className: c, strings: g }) {
 I.displayName = "OrderItemsCard";
 //#endregion
 //#region src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx
-function L({ amount: a, amountColor: o = "text-warning", dueDate: c, customer: l, onSendReminder: u, onRecordPayment: d, className: f, strings: p }) {
-	let m = e(j, p);
+function L({ amount: a, amountColor: o = "text-warning", dueDate: s, customer: c, onSendReminder: l, onRecordPayment: u, className: d, strings: f }) {
+	let p = e(j, f);
 	return /* @__PURE__ */ y("div", {
-		className: t("outstanding-balance--component", "dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border", f),
+		className: t("outstanding-balance--component", "dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border", d),
 		children: [
-			/* @__PURE__ */ v(r, {
+			/* @__PURE__ */ v(i, {
 				size: "xs",
 				weight: "medium",
 				type: "secondary",
 				className: "uppercase tracking-wider",
-				children: m.title
+				children: p.title
 			}),
-			/* @__PURE__ */ v(i, {
+			/* @__PURE__ */ v(r, {
 				tag: "h3",
 				className: t("border-none pb-0 text-2xl tabular-nums tracking-tight", o),
 				children: a
 			}),
 			/* @__PURE__ */ y("div", {
 				className: "mt-4 space-y-2",
-				children: [/* @__PURE__ */ v(s, {
-					label: m.dueDateLabel,
+				children: [/* @__PURE__ */ v(h, {
+					label: p.dueDateLabel,
 					value: /* @__PURE__ */ y("span", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ v("span", { className: "size-2 rounded-full bg-destructive animate-pulse" }), /* @__PURE__ */ v(r, {
+						children: [/* @__PURE__ */ v("span", { className: "size-2 rounded-full bg-destructive animate-pulse" }), /* @__PURE__ */ v(i, {
 							tag: "span",
 							weight: "medium",
-							children: c
+							children: s
 						})]
 					}),
 					labelClassName: "text-xs"
-				}), /* @__PURE__ */ v(s, {
-					label: m.customerLabel,
-					value: l,
+				}), /* @__PURE__ */ v(h, {
+					label: p.customerLabel,
+					value: c,
 					labelClassName: "text-xs",
 					valueClassName: "text-sm font-medium"
 				})]
@@ -321,13 +320,13 @@ function L({ amount: a, amountColor: o = "text-warning", dueDate: c, customer: l
 				children: [/* @__PURE__ */ y(n, {
 					variant: "warning",
 					className: "flex-1 rounded-md",
-					onClick: u,
-					children: [/* @__PURE__ */ v(E, { className: "mr-1.5 size-3.5" }), m.sendReminder]
+					onClick: l,
+					children: [/* @__PURE__ */ v(E, { className: "mr-1.5 size-3.5" }), p.sendReminder]
 				}), /* @__PURE__ */ y(n, {
 					variant: "success",
 					className: "flex-1 rounded-md",
-					onClick: d,
-					children: [/* @__PURE__ */ v(w, { className: "mr-1.5 size-3.5" }), m.recordPayment]
+					onClick: u,
+					children: [/* @__PURE__ */ v(w, { className: "mr-1.5 size-3.5" }), p.recordPayment]
 				})]
 			})
 		]