npm - admin-ui-starter-kit - Versions diffs - 0.1.3 → 0.4.2 - Mend

admin-ui-starter-kit 0.1.3 → 0.4.2

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

package/dist/components/composed/dark-surfaces/booking-receipt/booking-receipt.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { BookingReceiptDarkProps } from './types';
-export declare function BookingReceiptDark({ referenceCode, status, details, amountPaid, className, strings: stringsProp, }: BookingReceiptDarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingReceiptDark({ referenceCode, status, details, amountPaid, className, strings: stringsProp, }: BookingReceiptDarkProps): import("react").JSX.Element;
 export declare namespace BookingReceiptDark {
     var displayName: string;
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"booking-receipt.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,~~EAC/B~~,aAAa,EACb,MAAM,EACN,OAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EAAE,WAAW,~~GACvB~~,EAAE,uBAAuB~~,2CAyCzB~~;yBAhDe,kBAAkB"}
1	+ {"version":3,"file":"booking-receipt.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EAClC,aAAa,EACb,MAAM,EACN,OAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EAAE,WAAW,GACpB,EAAE,uBAAuB,+BAyCzB;yBAhDe,kBAAkB"}

package/dist/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { DarkInfoPanelProps } from './types';
-export declare function DarkInfoPanel({ title, items, totalLabel, totalValue, defaultOpen, className, strings: stringsProp, }: DarkInfoPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function DarkInfoPanel({ title, items, totalLabel, totalValue, defaultOpen, className, strings: stringsProp, }: DarkInfoPanelProps): import("react").JSX.Element;
 export declare namespace DarkInfoPanel {
     var displayName: string;
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"dark-info-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,UAAU,EACV,UAAU,EACV,WAAkB,EAClB,SAAS,EACT,OAAO,EAAE,WAAW,GACvB,EAAE,kBAAkB~~,2CAqCpB~~;yBA7Ce,aAAa"}
1	+ {"version":3,"file":"dark-info-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,UAAU,EACV,UAAU,EACV,WAAkB,EAClB,SAAS,EACT,OAAO,EAAE,WAAW,GACvB,EAAE,kBAAkB,+BAqCpB;yBA7Ce,aAAa"}

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

@@ -1,5 +1,5 @@
 import { DarkPaymentConfirmationProps } from './types';
-export declare function DarkPaymentConfirmation({ amount, details, helpText, onHelp, className, strings: stringsProp, }: DarkPaymentConfirmationProps): import("react/jsx-runtime").JSX.Element;
+export declare function DarkPaymentConfirmation({ amount, details, helpText, onHelp, className, strings: stringsProp, }: DarkPaymentConfirmationProps): import("react").JSX.Element;
 export declare namespace DarkPaymentConfirmation {
     var displayName: string;
 }

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~~,2CA8D9B~~;yBArEe,uBAAuB"}
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"}

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

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

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

@@ -1,12 +1,11 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/text-DIxMTECE.js";
-import { t as r } from "../../../_shared/heading-BprqyzDs.js";
-import { t as i } from "../../../_shared/icon-badge-Bi63T-bj.js";
-import { t as a } from "../../../_shared/button-ChCkwoOD.js";
-import { t as o } from "../../../_shared/separator-DR0uUMKa.js";
-import { i as s } from "../../../_shared/display-BM_GxDAo.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-Cu5JbZyZ.js";
+import { n, t as r } from "../../../_shared/heading-HeP06nXG.js";
+import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
+import { t as a } from "../../../_shared/button-SuocMQFT.js";
+import { t as o } from "../../../_shared/separator-B8FBp-7E.js";
+import { i as s } from "../../../_shared/display-C4n0uuxl.js";
+import { c, i as l, n as u, o as d, r as f, s as p, t as m, u as h } from "../../../_shared/item-DAjqQhhj.js";
 import { useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 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";
@@ -34,7 +33,7 @@ var D = {
 function M({ amount: l, details: d = [], helpText: p, 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-3xl bg-card text-card-foreground p-6 shadow-lg ring-1 ring-border", E),
+		className: t("dark-payment--component", "dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border", E),
 		children: [
 			/* @__PURE__ */ y("div", {
 				className: "flex flex-col items-center text-center",
@@ -57,13 +56,13 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 					}),
 					/* @__PURE__ */ v(r, {
 						tag: "h3",
-						className: "text-3xl tabular-nums tracking-tight border-none pb-0",
+						className: "border-none pb-0 text-2xl tabular-nums tracking-tight",
 						children: l
 					})
 				]
 			}),
 			d.length > 0 && /* @__PURE__ */ y(_, { children: [
-				/* @__PURE__ */ v(o, { className: "my-5" }),
+				/* @__PURE__ */ v(o, { className: "my-4" }),
 				/* @__PURE__ */ y(a, {
 					variant: "light",
 					buttonStyle: "ghost",
@@ -86,7 +85,7 @@ function M({ amount: l, details: d = [], helpText: p, onHelp: w, className: E, s
 			] }),
 			!!p && /* @__PURE__ */ y(m, {
 				variant: "muted",
-				className: t("mt-5", w && "cursor-pointer"),
+				className: t("mt-4", w && "cursor-pointer"),
 				onClick: w,
 				children: [
 					/* @__PURE__ */ v(c, {
@@ -111,10 +110,10 @@ M.displayName = "DarkPaymentConfirmation";
 function N({ referenceCode: i, status: a, details: o = [], amountPaid: c, className: l, strings: u }) {
 	let d = e(D, u), f = a ?? d.statusConfirmed;
 	return /* @__PURE__ */ y("div", {
-		className: t("booking-receipt--component", "dark rounded-3xl bg-card text-card-foreground p-6 shadow-lg 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", l),
 		children: [
 			/* @__PURE__ */ y("div", {
-				className: "flex items-center justify-between",
+				className: "flex items-center justify-between gap-3",
 				children: [/* @__PURE__ */ v(r, {
 					tag: "h6",
 					className: "!border-0 !pb-0",
@@ -127,7 +126,7 @@ function N({ referenceCode: i, status: a, details: o = [], amountPaid: c, classN
 				})]
 			}),
 			o.length > 0 && /* @__PURE__ */ v("div", {
-				className: "mt-5 space-y-3 text-sm",
+				className: "space-y-1.5 text-sm",
 				children: o.map((e) => /* @__PURE__ */ v(s, {
 					label: e.label,
 					value: e.value,
@@ -140,15 +139,15 @@ function N({ referenceCode: i, status: a, details: o = [], amountPaid: c, classN
 				size: "xs",
 				type: "secondary",
 				align: "center",
-				className: "mt-4 rounded-xl bg-muted p-3 font-mono tracking-wider",
+				className: "rounded-md bg-muted px-3 py-2 font-mono tracking-wider",
 				children: i
 			}),
 			/* @__PURE__ */ v(s, {
-				className: "mt-4 border-t border-border pt-4",
+				className: "border-t border-border pt-3",
 				label: d.amountPaidLabel,
 				value: /* @__PURE__ */ v(r, {
 					tag: "h4",
-					className: "text-xl border-none pb-0",
+					className: "border-none pb-0 text-lg",
 					children: c
 				}),
 				labelClassName: "text-sm"
@@ -162,7 +161,7 @@ N.displayName = "BookingReceiptDark";
 function P({ title: i, items: o, totalLabel: s, totalValue: c, defaultOpen: l = !0, className: u, strings: d }) {
 	let f = e(k, d), p = i ?? f.defaultTitle, [m, h] = g(l);
 	return /* @__PURE__ */ y("div", {
-		className: t("dark-info-panel--component", "dark rounded-3xl bg-card text-card-foreground p-5 shadow-lg ring-1 ring-border", u),
+		className: t("dark-info-panel--component", "dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", u),
 		children: [/* @__PURE__ */ y(a, {
 			variant: "light",
 			buttonStyle: "ghost",
@@ -174,27 +173,30 @@ function P({ title: i, items: o, totalLabel: s, totalValue: c, defaultOpen: l =
 				children: p
 			}), v(m ? C : x, { className: "size-4 text-muted-foreground" })]
 		}), !!m && /* @__PURE__ */ y("div", {
-			className: "mt-4 space-y-3 text-sm",
+			className: "mt-3 space-y-3 text-sm",
 			children: [o.map((e) => /* @__PURE__ */ y("div", {
-				className: "flex justify-between",
+				className: "flex items-baseline justify-between gap-6",
 				children: [/* @__PURE__ */ v(n, {
 					type: "secondary",
+					className: "min-w-0",
 					children: e.label
 				}), /* @__PURE__ */ v(n, {
 					weight: "medium",
-					className: t(e.highlight && "text-success"),
+					className: t("shrink-0 text-right", e.highlight && "text-success"),
 					children: e.value
 				})]
 			}, e.label)), !!s && !!c && /* @__PURE__ */ v("div", {
 				className: "border-t border-dashed border-border pt-3",
 				children: /* @__PURE__ */ y("div", {
-					className: "flex justify-between",
+					className: "flex items-baseline justify-between gap-6",
 					children: [/* @__PURE__ */ v(n, {
 						weight: "semibold",
 						type: "secondary",
+						className: "min-w-0",
 						children: s
 					}), /* @__PURE__ */ v(n, {
 						weight: "semibold",
+						className: "shrink-0 text-right",
 						children: c
 					})]
 				})
@@ -205,10 +207,18 @@ function P({ title: i, items: o, totalLabel: s, totalValue: c, defaultOpen: l =
 P.displayName = "DarkInfoPanel";
 //#endregion
 //#region src/components/composed/dark-surfaces/order-items/order-items.tsx
-function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
+var F = {
+	neutral: "bg-muted-foreground",
+	primary: "bg-primary",
+	info: "bg-info",
+	success: "bg-success",
+	warning: "bg-warning",
+	destructive: "bg-destructive"
+};
+function I({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 	let _ = e(A, g);
 	return /* @__PURE__ */ y("div", {
-		className: t("order-items--component", "dark rounded-3xl bg-card text-card-foreground p-5 shadow-lg 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", c),
 		children: [
 			/* @__PURE__ */ v(r, {
 				tag: "h6",
@@ -216,7 +226,7 @@ function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 				children: _.title
 			}),
 			/* @__PURE__ */ v(d, {
-				className: "mt-4 gap-3",
+				className: "mt-3 gap-2",
 				children: i.map((e) => /* @__PURE__ */ y(m, {
 					variant: "muted",
 					className: "flex-col items-stretch gap-2",
@@ -236,7 +246,7 @@ function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 							children: /* @__PURE__ */ y("span", {
 								className: "inline-flex items-center gap-1.5",
 								children: [
-									!!e.color && /* @__PURE__ */ v("span", { className: t("size-2.5 rounded-full", e.color) }),
+									/* @__PURE__ */ v("span", { className: t("size-2.5 rounded-full", F[e.tone ?? "neutral"]) }),
 									"x",
 									e.qty
 								]
@@ -249,7 +259,7 @@ function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 				}, e.name))
 			}),
 			!!(a.length > 0 || o) && /* @__PURE__ */ y("div", {
-				className: "mt-4 space-y-2 border-t border-border pt-4 text-sm",
+				className: "mt-3 space-y-2 border-t border-border pt-3 text-sm",
 				children: [a.map((e) => /* @__PURE__ */ v(s, {
 					label: e.label,
 					value: e.value,
@@ -266,13 +276,13 @@ function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 		]
 	});
 }
-F.displayName = "OrderItemsCard";
+I.displayName = "OrderItemsCard";
 //#endregion
 //#region src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx
-function I({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l, onSendReminder: u, onRecordPayment: d, className: f, strings: p }) {
+function L({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l, onSendReminder: u, onRecordPayment: d, className: f, strings: p }) {
 	let m = e(j, p);
 	return /* @__PURE__ */ y("div", {
-		className: t("outstanding-balance--component", "dark rounded-3xl bg-card text-card-foreground p-6 shadow-lg 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", f),
 		children: [
 			/* @__PURE__ */ v(n, {
 				size: "xs",
@@ -283,7 +293,7 @@ function I({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l
 			}),
 			/* @__PURE__ */ v(r, {
 				tag: "h3",
-				className: t("text-3xl tabular-nums tracking-tight border-none pb-0", o),
+				className: t("border-none pb-0 text-2xl tabular-nums tracking-tight", o),
 				children: i
 			}),
 			/* @__PURE__ */ y("div", {
@@ -307,15 +317,15 @@ function I({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l
 				})]
 			}),
 			/* @__PURE__ */ y("div", {
-				className: "mt-5 flex gap-2",
+				className: "mt-4 flex gap-2",
 				children: [/* @__PURE__ */ y(a, {
 					variant: "warning",
-					className: "flex-1 rounded-full",
+					className: "flex-1 rounded-md",
 					onClick: u,
 					children: [/* @__PURE__ */ v(E, { className: "mr-1.5 size-3.5" }), m.sendReminder]
 				}), /* @__PURE__ */ y(a, {
 					variant: "success",
-					className: "flex-1 rounded-full",
+					className: "flex-1 rounded-md",
 					onClick: d,
 					children: [/* @__PURE__ */ v(w, { className: "mr-1.5 size-3.5" }), m.recordPayment]
 				})]
@@ -323,8 +333,8 @@ function I({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l
 		]
 	});
 }
-I.displayName = "OutstandingBalanceCard";
+L.displayName = "OutstandingBalanceCard";
 //#endregion
-export { N as BookingReceiptDark, P as DarkInfoPanel, M as DarkPaymentConfirmation, F as OrderItemsCard, I as OutstandingBalanceCard };
+export { N as BookingReceiptDark, P as DarkInfoPanel, M as DarkPaymentConfirmation, I as OrderItemsCard, L as OutstandingBalanceCard };
 //# sourceMappingURL=index.js.map