npm - admin-ui-starter-kit - Versions diffs - 0.1.0 → 0.1.2 - Mend

admin-ui-starter-kit 0.1.0 → 0.1.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 (1121) hide show

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/typography-DClleVWi.cjs`),i=require(`../../../_shared/icon-badge-DGKpbo9_.cjs`),a=require(`../../../_shared/button-DjacsNTg.cjs`),o=require(`../../../_shared/separator-DSkXMOXq.cjs`),s=require(`../../../_shared/display-BCy1Ti7T.cjs`),c=require(`../../../_shared/item-BtR-bz96.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.o,{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.o,{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.o,{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.o,{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.o,{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.o,{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.o,{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`}),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;
 //# 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-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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"}

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

@@ -1,12 +1,12 @@
 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 { o as r } from "../../../_shared/typography-BtPQBvSm.js";
-import { t as i } from "../../../_shared/icon-badge-DoClA_9q.js";
-import { t as a } from "../../../_shared/button-Ck2qS42n.js";
-import { t as o } from "../../../_shared/separator-BazqiQ9s.js";
-import { i as s } from "../../../_shared/display-DUpkE2aS.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-BmTYKzEb.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 { 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";

package/dist/components/composed/data-display/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(`../../../_shared/ui-provider-uiQgATj1.cjs`),n=require(`../../../lib/utils.cjs`),r=require(`../../../_shared/text-DBnY6fcL.cjs`),i=require(`../../../_shared/typography-DClleVWi.cjs`),a=require(`../../../_shared/icon-badge-DGKpbo9_.cjs`),o=require(`../../../_shared/badge-BjtDcU1M.cjs`),s=require(`../../../_shared/smart-card-Ddsjvf7r.cjs`),c=require(`../../../_shared/separator-DSkXMOXq.cjs`),l=require(`../../../_shared/display-BCy1Ti7T.cjs`),u=require(`../../../_shared/item-BtR-bz96.cjs`);let d=require(`react/jsx-runtime`),f=require(`lucide-react`);function p({items:e,subtotal:t,tax:a,discount:s,total:u,className:f}){return(0,d.jsxs)(`div`,{className:n.cn(`invoice-items--component`,`rounded-xl bg-card shadow-sm overflow-hidden`,f),children:[(0,d.jsxs)(`div`,{className:`grid grid-cols-[1fr_80px_100px_100px] gap-4 bg-muted/50 px-6 py-3`,children:[(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,children:`Item`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,align:`center`,children:`Qty`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Price`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Total`})]}),e.map((t,n)=>(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`grid grid-cols-[1fr_80px_100px_100px] items-center gap-4 px-6 py-4`,children:[(0,d.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(r.t,{weight:`medium`,children:t.title}),!!t.badge&&(0,d.jsx)(o.t,{variant:t.badgeVariant??`secondary`,children:t.badge})]}),!!t.description&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`line-clamp-1`,children:t.description})]}),(0,d.jsx)(r.t,{align:`center`,type:`secondary`,className:`tabular-nums`,children:t.quantity??1}),(0,d.jsx)(r.t,{align:`right`,className:`tabular-nums`,children:t.unitPrice??t.total}),(0,d.jsx)(r.t,{align:`right`,weight:`semibold`,className:`tabular-nums`,children:t.total})]}),n<e.length-1&&(0,d.jsx)(c.t,{className:`mx-6 !w-auto`})]},t.id)),!!(t||a||s||u)&&(0,d.jsxs)(`div`,{className:`border-t border-border bg-muted/30 px-6 py-4 space-y-2`,children:[!!t&&(0,d.jsx)(l.i,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!s&&(0,d.jsx)(l.i,{label:`Discount`,value:`-${s}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!a&&(0,d.jsx)(l.i,{label:`Tax`,value:a,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!u&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(l.i,{className:`pt-1`,label:`Total`,value:(0,d.jsx)(i.o,{tag:`h5`,className:`text-base tabular-nums border-none pb-0`,children:u}),labelClassName:`text-sm font-semibold`})]})]})]})}function m({items:e,total:t,className:s}){return(0,d.jsxs)(`div`,{className:n.cn(`space-y-2`,s),children:[(0,d.jsx)(u.o,{children:e.map(e=>(0,d.jsxs)(u.t,{className:`bg-card shadow-sm`,children:[(0,d.jsx)(u.c,{children:(0,d.jsx)(a.t,{tone:`muted`,size:`sm`,shape:`square`,children:e.icon??(0,d.jsx)(f.Package,{})})}),(0,d.jsxs)(u.r,{children:[(0,d.jsxs)(u.u,{children:[e.title,!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,d.jsx)(u.i,{clamp:1,children:e.description})]}),(0,d.jsxs)(u.n,{children:[!!e.quantity&&e.quantity>1&&(0,d.jsxs)(r.t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[`x`,e.quantity]}),(0,d.jsx)(r.t,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.total})]})]},e.id))}),!!t&&(0,d.jsx)(l.i,{className:`rounded-lg bg-primary/5 px-4 py-3`,label:`Total`,value:(0,d.jsx)(i.o,{tag:`h5`,className:`text-base tabular-nums border-none pb-0`,children:t}),labelClassName:`text-sm font-semibold`})]})}function h({items:e,subtotal:t,tax:a,discount:s,total:u,className:p}){return(0,d.jsxs)(`div`,{className:n.cn(`rounded-xl bg-card shadow-sm overflow-hidden`,p),children:[(0,d.jsx)(`div`,{className:`divide-y divide-border`,children:e.map(e=>(0,d.jsx)(`div`,{className:`px-6 py-4`,children:(0,d.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-start gap-3 flex-1 min-w-0`,children:[(0,d.jsx)(`div`,{className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/5 text-primary mt-0.5`,children:e.icon??(0,d.jsx)(f.Package,{className:`h-5 w-5`})}),(0,d.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(r.t,{weight:`semibold`,children:e.title}),!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`line-clamp-2`,children:e.description}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3 pt-0.5`,children:[!!e.quantity&&(0,d.jsxs)(r.t,{size:`xs`,type:`discrete`,children:[`Qty: `,e.quantity]}),!!e.unitPrice&&(0,d.jsxs)(r.t,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:[`@ `,e.unitPrice]})]})]})]}),(0,d.jsx)(`div`,{className:`flex flex-col items-end gap-1 shrink-0`,children:(0,d.jsx)(r.t,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.total})})]})},e.id))}),!!u&&(0,d.jsx)(`div`,{className:`border-t border-border bg-muted/30 px-6 py-4`,children:(0,d.jsxs)(`div`,{className:`space-y-2`,children:[!!t&&(0,d.jsx)(l.i,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!s&&(0,d.jsx)(l.i,{label:`Discount`,value:`-${s}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!a&&(0,d.jsx)(l.i,{label:`Tax (20%)`,value:a,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),(0,d.jsx)(c.t,{}),(0,d.jsx)(l.i,{className:`pt-1`,label:`Total Due`,value:(0,d.jsx)(i.o,{tag:`h4`,className:`text-xl tabular-nums border-none pb-0`,children:u}),labelClassName:`text-base font-semibold`})]})})]})}p.displayName=`InvoiceItemsTable`,m.displayName=`InvoiceItemsCompact`,h.displayName=`InvoiceItemsDetailed`;var g={paid:`Paid`,pending:`Pending`,overdue:`Overdue`,items:e=>e===1?`1 line item`:`${e} line items`,due:`Due`},_={paid:`success`,pending:`warning`,overdue:`error`},v={paid:{label:g.paid,variant:`success`},pending:{label:g.pending,variant:`warning`},overdue:{label:g.overdue,variant:`error`}};function y({invoice:t,className:i,strings:a}){let c=e.mergeStrings(g,a),l={paid:c.paid,pending:c.pending,overdue:c.overdue};return(0,d.jsx)(s.t,{padding:`sm`,className:n.cn(`invoice-mini--component`,i),children:(0,d.jsxs)(`div`,{className:`space-y-2.5`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,d.jsx)(r.t,{weight:`semibold`,className:`font-mono tracking-wide truncate`,children:t.invoiceNumber}),(0,d.jsx)(o.t,{variant:_[t.status],dot:!0,children:l[t.status]})]}),(0,d.jsx)(r.t,{type:`secondary`,className:`truncate`,children:t.customerName}),(0,d.jsxs)(`div`,{className:`flex items-end justify-between gap-3 pt-1`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:c.items(t.lineItemsCount)}),(0,d.jsxs)(r.t,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:[c.due,` `,t.dueDate]})]}),(0,d.jsx)(r.t,{size:`lg`,weight:`bold`,className:n.cn(`shrink-0 tabular-nums leading-none`),children:t.totalAmount})]})]})})}y.displayName=`InvoiceMiniCard`;var b={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`};function x({eyebrow:e,name:t,location:i}){return(0,d.jsxs)(`div`,{className:n.cn(`invoice-header--component`,`space-y-1`),children:[(0,d.jsx)(r.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,d.jsx)(r.t,{weight:`semibold`,className:`leading-snug`,children:t}),!!i&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`leading-snug`,children:i})]})}function S({invoiceNumber:t,status:a,statusVariant:u=`success`,from:f,to:p,issuedDate:m,dueDate:h,amount:g,className:_,strings:v}){let y=e.useStrings(b,v);return(0,d.jsxs)(s.t,{title:y.title,className:_,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,d.jsx)(r.t,{weight:`bold`,className:`font-mono tracking-wide`,children:t}),(0,d.jsx)(o.t,{variant:u,children:a})]}),(0,d.jsxs)(`div`,{className:`mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6`,children:[(0,d.jsx)(x,{eyebrow:y.billFrom,name:f.name,location:f.location}),(0,d.jsx)(x,{eyebrow:y.billTo,name:p.name,location:p.location})]}),(0,d.jsx)(c.t,{className:`my-5`}),(0,d.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-4`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[!!m&&(0,d.jsx)(l.i,{layout:`inline`,label:y.issued,value:m,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`}),!!h&&(0,d.jsx)(l.i,{layout:`inline`,label:y.due,value:h,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`})]}),(0,d.jsxs)(`div`,{className:`text-right`,children:[(0,d.jsx)(r.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:y.amountDue}),(0,d.jsx)(i.o,{tag:`h3`,className:n.cn(`mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0`),children:g})]})]})]})}S.displayName=`InvoiceHeaderCard`;var C={subtotal:`Subtotal`,tax:`Tax`,total:`Total`},w=`ring-1 ring-border/50 shadow-sm`,T={left:`text-left justify-start`,right:`text-right justify-end`,center:`text-center justify-center`};function E(e){return[{id:`description`,header:`Description`,width:`1fr`,cell:e=>(0,d.jsx)(r.t,{children:e.description})},{id:`qty`,header:`Qty`,width:`60px`,align:`left`,cell:e=>(0,d.jsx)(r.t,{className:`tabular-nums`,children:e.qty})},{id:`price`,header:`Price`,width:`90px`,align:`right`,cell:t=>(0,d.jsxs)(r.t,{className:`tabular-nums font-mono`,children:[e,t.price.toFixed(2)]})},{id:`total`,header:`Total`,width:`90px`,align:`right`,cell:t=>(0,d.jsxs)(r.t,{weight:`medium`,className:`tabular-nums font-mono`,children:[e,t.total.toFixed(2)]})}]}function D(e,t,n,r){let i=e.reduce((e,t)=>e+t.total,0),a=Math.round(i*t*100)/100,o=Math.round(t*100),s=i+a,c=e=>`${n}${e.toFixed(2)}`;return[{label:r.subtotal,value:c(i)},{label:`${r.tax} (${o}%)`,value:c(a)},{label:r.total,value:c(s),emphasis:`total`}]}function O({items:i,columns:a,footerRows:o,taxRate:s=.2,currency:l,className:u,strings:f}){let p=e.useStrings(C,f),{defaultCurrency:m}=t.u(),h=l??m??`€`,g=a??E(h),_=o??(a?[]:D(i,s,h,p)),v=g.map(e=>e.width??`1fr`).join(` `);return(0,d.jsxs)(`div`,{className:n.cn(`invoice-table--component`,`overflow-hidden rounded-3xl bg-card`,w,u),children:[(0,d.jsx)(`div`,{className:`grid gap-2 bg-muted/50 px-5 py-3`,style:{gridTemplateColumns:v},children:g.map(e=>(0,d.jsx)(`div`,{className:n.cn(`flex`,T[e.align??`left`],e.headerClassName),children:(0,d.jsx)(r.t,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:e.header})},e.id))}),i.map((e,t)=>(0,d.jsx)(`div`,{className:n.cn(`grid gap-2 px-5 py-3`,t%2==1&&`bg-muted/20`),style:{gridTemplateColumns:v},children:g.map(r=>(0,d.jsx)(`div`,{className:n.cn(`flex items-center`,T[r.align??`left`],r.cellClassName),children:r.cell(e,t)},r.id))},t)),_.length>0&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(`div`,{className:`space-y-2 px-5 py-4`,children:_.map((e,t)=>(0,d.jsxs)(`div`,{className:n.cn(`flex justify-between`,e.emphasis===`total`&&`pt-2`),children:[(0,d.jsx)(r.t,{type:e.emphasis===`total`?void 0:`secondary`,weight:e.emphasis===`total`?`bold`:`regular`,children:e.label}),(0,d.jsx)(r.t,{weight:e.emphasis===`total`?`bold`:`regular`,className:`tabular-nums font-mono`,children:e.value})]},t))})]})]})}O.displayName=`InvoiceTable`;function k({value:e,max:t=5,label:i}){return(0,d.jsxs)(`div`,{className:n.cn(`helpers--component`,`flex items-center gap-1`),children:[Array.from({length:t},(t,r)=>(0,d.jsx)(`div`,{className:n.cn(`h-1.5 w-3 rounded-full`,r<e?`bg-foreground/60`:`bg-muted`)},r)),!!i&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`ml-1`,children:i})]})}function A({label:e,value:t,badge:n,badgeVariant:i}){return(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,d.jsx)(r.t,{size:`xs`,className:`shrink-0 text-muted-foreground`,children:e}),!!n&&(0,d.jsx)(o.t,{variant:i??`secondary`,children:n}),!!t&&!n&&(0,d.jsx)(r.t,{weight:`semibold`,className:`text-right tabular-nums`,children:t})]})}function j({title:e,description:t,statusBadges:n,rows:i,secondaryRows:a,scale:l,footerBadges:u,footerText:f,actions:p,className:m}){return(0,d.jsx)(s.t,{title:e,description:t,actions:p,className:m,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:n.map(e=>(0,d.jsx)(o.t,{variant:e.variant,children:e.label},e.label))}),(0,d.jsx)(`div`,{className:`space-y-2`,children:i.map(e=>(0,d.jsx)(A,{...e},e.label))}),!!l&&(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:l.label}),(0,d.jsx)(k,{value:l.value,max:l.max,label:`${String(l.value)}/${String(l.max??5)}`})]}),!!a&&a.length>0&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(`div`,{className:`space-y-2`,children:a.map(e=>(0,d.jsx)(A,{...e},e.label))})]}),(!!u||!!f)&&(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!u&&u.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label)),!!f&&(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:f})]})]})})}j.displayName=`DenseInfoDashboard`;function M({title:e,description:t,stats:a,items:f,totalLabel:p,totalValue:m,footerBadges:h,footerText:g,actions:_,className:v}){return(0,d.jsx)(s.t,{title:e,description:t,actions:_,className:v,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-3`,children:a.map(e=>(0,d.jsxs)(`div`,{className:`rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5 text-center`,children:[(0,d.jsx)(i.o,{tag:`h4`,className:`text-lg font-bold tabular-nums border-none pb-0`,children:e.value}),(0,d.jsx)(r.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mt-0.5`,children:e.label}),!!e.trendBadge&&(0,d.jsx)(`div`,{className:`mt-1`,children:(0,d.jsx)(o.t,{variant:e.trendVariant??`secondary`,children:e.trendBadge})})]},e.label))}),(0,d.jsx)(c.t,{}),(0,d.jsx)(u.o,{children:f.map(e=>(0,d.jsxs)(u.t,{size:`xs`,className:`px-0`,children:[(0,d.jsx)(u.c,{children:(0,d.jsx)(`span`,{className:n.cn(`h-2 w-2 shrink-0 rounded-full`,e.dotColor)})}),(0,d.jsx)(u.r,{children:(0,d.jsxs)(u.u,{bold:!1,className:`gap-2`,children:[e.label,!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]})}),(0,d.jsx)(u.n,{children:(0,d.jsx)(r.t,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value})})]},e.label))}),!!m&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(l.i,{label:p??`Total`,value:m,mono:!0,labelClassName:`text-sm font-bold`,valueClassName:`text-sm font-bold`})]}),(!!h||!!g)&&(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!h&&h.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label)),!!g&&(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:g})]})]})})}M.displayName=`DenseInfoClassification`;function N({title:e,description:t,headerBadges:n,lineItems:i,totalLabel:a=`Total`,totalAmount:c,footerBadges:f,footerText:p,actions:m,className:h}){return(0,d.jsx)(s.t,{title:e,description:t,actions:m,className:h,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:n.map(e=>(0,d.jsx)(o.t,{variant:e.variant,children:e.label},e.label))}),(0,d.jsx)(u.o,{children:i.map((e,t)=>(0,d.jsxs)(`div`,{children:[t>0&&(0,d.jsx)(u.l,{className:`my-0`}),(0,d.jsxs)(u.t,{size:`xs`,className:`px-0`,children:[(0,d.jsx)(u.r,{children:(0,d.jsxs)(u.u,{className:`gap-2`,children:[e.label,!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]})}),(0,d.jsx)(u.n,{children:(0,d.jsx)(r.t,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.amount})})]})]},e.label))}),!!c&&(0,d.jsx)(l.i,{className:`rounded-lg bg-muted/50 px-3 py-2.5`,label:a,value:c,mono:!0,labelClassName:`text-sm font-bold`,valueClassName:`text-base font-bold`}),(!!f||!!p)&&(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!f&&f.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label)),!!p&&(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:p})]})]})})}N.displayName=`DenseInfoFinancial`;function P({title:e,description:t,statusLabel:n,statusVariant:a,metaPairs:l,date:u,priority:p,completedTasks:m,totalTasks:h,actions:g,className:_}){let v=h>0?Math.round(m/h*100):0,y=2*Math.PI*7,b=y-v/100*y;return(0,d.jsx)(s.t,{padding:`sm`,actions:g,className:_,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(f.FolderOpen,{className:`h-4 w-4 text-muted-foreground`}),(0,d.jsx)(o.t,{variant:a,dot:!0,children:n})]}),(0,d.jsx)(i.o,{tag:`h5`,className:`font-bold border-none pb-0`,children:e}),!!t&&(0,d.jsx)(r.t,{type:`secondary`,className:`line-clamp-2`,children:t}),!!l&&l.length>0&&(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:l.map((e,t)=>(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[t>0&&(0,d.jsx)(r.t,{tag:`span`,type:`discrete`,className:`mx-0.5`,children:`•`}),!!e.icon&&(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:e.icon}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:e.label})]},e.label))}),(!!u||!!p)&&(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[!!u&&(0,d.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,d.jsx)(f.Calendar,{className:`h-3 w-3 text-muted-foreground`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:u})]}),!!p&&(0,d.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,d.jsx)(f.BarChart3,{className:`h-3 w-3 text-muted-foreground`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:p})]})]}),(0,d.jsx)(c.t,{}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 20 20`,className:`shrink-0`,children:[(0,d.jsx)(`circle`,{cx:`10`,cy:`10`,r:`7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,className:`text-muted/50`}),(0,d.jsx)(`circle`,{cx:`10`,cy:`10`,r:`7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeDasharray:y,strokeDashoffset:b,strokeLinecap:`round`,className:`text-primary`,transform:`rotate(-90 10 10)`})]}),(0,d.jsxs)(r.t,{size:`xs`,weight:`medium`,children:[m,`/`,h,` Tasks`]})]}),(0,d.jsx)(`div`,{className:`h-6 w-6 rounded-full bg-muted`})]})]})})}P.displayName=`DenseInfoProjectCard`;function F({title:e,description:t,statusBadges:r,score:a,scoreLevel:u,scoreFilled:f,scoreTotal:p=10,rows:m,footerBadges:h,actions:g,className:_}){let v=u===`good`?`bg-success`:u===`medium`?`bg-warning`:`bg-destructive`;return(0,d.jsx)(s.t,{title:e,description:t,actions:g,className:_,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:r.map(e=>(0,d.jsx)(o.t,{variant:e.variant,children:e.label},e.label))}),(0,d.jsx)(`div`,{className:`flex items-center justify-center py-2`,children:(0,d.jsx)(i.o,{tag:`h2`,className:`text-4xl font-bold tabular-nums border-none pb-0`,children:String(a)})}),(0,d.jsx)(`div`,{className:`flex items-center justify-center gap-1`,children:Array.from({length:p},(e,t)=>(0,d.jsx)(`div`,{className:n.cn(`h-5 w-2 rounded-sm`,t<f?v:`bg-muted`)},t))}),(0,d.jsx)(c.t,{}),(0,d.jsx)(`div`,{className:`space-y-2`,children:m.map(e=>(0,d.jsx)(l.i,{label:e.label,value:e.value,mono:!0,labelClassName:`text-xs text-muted-foreground`,valueClassName:`text-sm font-semibold text-right`},e.label))}),!!h&&h.length>0&&(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:h.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label))})]})})}F.displayName=`DenseInfoScoreCard`;var I={sm:`gap-1 rounded-full px-2 py-0.5`,md:`gap-1.5 rounded-full px-2.5 py-1`,base:`gap-1.5 rounded-full px-2.5 py-1`,lg:`gap-1.5 rounded-full px-3 py-1`},L={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xs`},R={sm:`xxs`,md:`xs`,base:`xs`,lg:`xs`},z={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xxs`};function B({metrics:e,className:t}){return(0,d.jsx)(`div`,{className:n.cn(`inline-metric--component`,`flex flex-wrap gap-1.5`,t),children:e.map(e=>{let t=e.size??`base`;return(0,d.jsxs)(`span`,{className:n.cn(`inline-flex items-center bg-card ring-1 ring-border/60`,I[t]??I.base),children:[(0,d.jsx)(r.t,{tag:`span`,size:L[t]??`xxs`,type:`secondary`,children:e.label}),(0,d.jsx)(r.t,{tag:`span`,size:R[t]??`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),(0,d.jsxs)(r.t,{tag:`span`,size:z[t]??`xxs`,weight:`medium`,className:n.cn(`tabular-nums inline-flex items-center gap-0.5 rounded-full px-1`,e.up?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:[e.up?`↑`:`↓`,e.change]})]},e.label)})})}B.displayName=`InlineMetricBadge`;var V=`ring-1 ring-border/50 shadow-sm`;function H({kpis:e,className:t}){return(0,d.jsx)(`div`,{className:n.cn(`mini-kpi--component`,`inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2`,V,t),children:e.map(e=>(0,d.jsxs)(`div`,{className:`flex flex-col items-center px-4`,children:[(0,d.jsx)(r.t,{weight:`bold`,className:`tabular-nums`,children:e.value}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`text-xxs`,children:e.label})]},e.label))})}H.displayName=`MiniKpiRow`,exports.DenseInfoClassification=M,exports.DenseInfoDashboard=j,exports.DenseInfoFinancial=N,exports.DenseInfoProjectCard=P,exports.DenseInfoScoreCard=F,exports.InlineMetricBadge=B,exports.InvoiceHeaderCard=S,exports.InvoiceItemsCompact=m,exports.InvoiceItemsDetailed=h,exports.InvoiceItemsTable=p,exports.InvoiceMiniCard=y,exports.InvoiceTable=O,exports.MiniKpiRow=H,exports.invoiceStatusMap=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_shared/chunk-D3uCBrYO.cjs`);const e=require(`../../../lib/strings.cjs`),t=require(`../../../_shared/ui-provider-uiQgATj1.cjs`),n=require(`../../../lib/utils.cjs`),r=require(`../../../_shared/text-DBnY6fcL.cjs`),i=require(`../../../_shared/heading-mZc_jan1.cjs`),a=require(`../../../_shared/icon-badge-BBqDyAUz.cjs`),o=require(`../../../_shared/badge-C49SSz-6.cjs`),s=require(`../../../_shared/smart-card-Bm_VxYUG.cjs`),c=require(`../../../_shared/separator-CN9zAJfs.cjs`),l=require(`../../../_shared/display-B9xVWboG.cjs`),u=require(`../../../_shared/item-Cx_7QZ2o.cjs`);let d=require(`react/jsx-runtime`),f=require(`lucide-react`);function p({items:e,subtotal:t,tax:a,discount:s,total:u,className:f}){return(0,d.jsxs)(`div`,{className:n.cn(`invoice-items--component`,`rounded-xl bg-card shadow-sm overflow-hidden`,f),children:[(0,d.jsxs)(`div`,{className:`grid grid-cols-[1fr_80px_100px_100px] gap-4 bg-muted/50 px-6 py-3`,children:[(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,children:`Item`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,align:`center`,children:`Qty`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Price`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Total`})]}),e.map((t,n)=>(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`grid grid-cols-[1fr_80px_100px_100px] items-center gap-4 px-6 py-4`,children:[(0,d.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(r.t,{weight:`medium`,children:t.title}),!!t.badge&&(0,d.jsx)(o.t,{variant:t.badgeVariant??`secondary`,children:t.badge})]}),!!t.description&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`line-clamp-1`,children:t.description})]}),(0,d.jsx)(r.t,{align:`center`,type:`secondary`,className:`tabular-nums`,children:t.quantity??1}),(0,d.jsx)(r.t,{align:`right`,className:`tabular-nums`,children:t.unitPrice??t.total}),(0,d.jsx)(r.t,{align:`right`,weight:`semibold`,className:`tabular-nums`,children:t.total})]}),n<e.length-1&&(0,d.jsx)(c.t,{className:`mx-6 !w-auto`})]},t.id)),!!(t||a||s||u)&&(0,d.jsxs)(`div`,{className:`border-t border-border bg-muted/30 px-6 py-4 space-y-2`,children:[!!t&&(0,d.jsx)(l.i,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!s&&(0,d.jsx)(l.i,{label:`Discount`,value:`-${s}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!a&&(0,d.jsx)(l.i,{label:`Tax`,value:a,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!u&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(l.i,{className:`pt-1`,label:`Total`,value:(0,d.jsx)(i.t,{tag:`h5`,className:`text-base tabular-nums border-none pb-0`,children:u}),labelClassName:`text-sm font-semibold`})]})]})]})}function m({items:e,total:t,className:s}){return(0,d.jsxs)(`div`,{className:n.cn(`space-y-2`,s),children:[(0,d.jsx)(u.o,{children:e.map(e=>(0,d.jsxs)(u.t,{className:`bg-card shadow-sm`,children:[(0,d.jsx)(u.c,{children:(0,d.jsx)(a.t,{tone:`muted`,size:`sm`,shape:`square`,children:e.icon??(0,d.jsx)(f.Package,{})})}),(0,d.jsxs)(u.r,{children:[(0,d.jsxs)(u.u,{children:[e.title,!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,d.jsx)(u.i,{clamp:1,children:e.description})]}),(0,d.jsxs)(u.n,{children:[!!e.quantity&&e.quantity>1&&(0,d.jsxs)(r.t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[`x`,e.quantity]}),(0,d.jsx)(r.t,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.total})]})]},e.id))}),!!t&&(0,d.jsx)(l.i,{className:`rounded-lg bg-primary/5 px-4 py-3`,label:`Total`,value:(0,d.jsx)(i.t,{tag:`h5`,className:`text-base tabular-nums border-none pb-0`,children:t}),labelClassName:`text-sm font-semibold`})]})}function h({items:e,subtotal:t,tax:a,discount:s,total:u,className:p}){return(0,d.jsxs)(`div`,{className:n.cn(`rounded-xl bg-card shadow-sm overflow-hidden`,p),children:[(0,d.jsx)(`div`,{className:`divide-y divide-border`,children:e.map(e=>(0,d.jsx)(`div`,{className:`px-6 py-4`,children:(0,d.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-start gap-3 flex-1 min-w-0`,children:[(0,d.jsx)(`div`,{className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/5 text-primary mt-0.5`,children:e.icon??(0,d.jsx)(f.Package,{className:`h-5 w-5`})}),(0,d.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(r.t,{weight:`semibold`,children:e.title}),!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`line-clamp-2`,children:e.description}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3 pt-0.5`,children:[!!e.quantity&&(0,d.jsxs)(r.t,{size:`xs`,type:`discrete`,children:[`Qty: `,e.quantity]}),!!e.unitPrice&&(0,d.jsxs)(r.t,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:[`@ `,e.unitPrice]})]})]})]}),(0,d.jsx)(`div`,{className:`flex flex-col items-end gap-1 shrink-0`,children:(0,d.jsx)(r.t,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.total})})]})},e.id))}),!!u&&(0,d.jsx)(`div`,{className:`border-t border-border bg-muted/30 px-6 py-4`,children:(0,d.jsxs)(`div`,{className:`space-y-2`,children:[!!t&&(0,d.jsx)(l.i,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!s&&(0,d.jsx)(l.i,{label:`Discount`,value:`-${s}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!a&&(0,d.jsx)(l.i,{label:`Tax (20%)`,value:a,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),(0,d.jsx)(c.t,{}),(0,d.jsx)(l.i,{className:`pt-1`,label:`Total Due`,value:(0,d.jsx)(i.t,{tag:`h4`,className:`text-xl tabular-nums border-none pb-0`,children:u}),labelClassName:`text-base font-semibold`})]})})]})}p.displayName=`InvoiceItemsTable`,m.displayName=`InvoiceItemsCompact`,h.displayName=`InvoiceItemsDetailed`;var g={paid:`Paid`,pending:`Pending`,overdue:`Overdue`,items:e=>e===1?`1 line item`:`${e} line items`,due:`Due`},_={paid:`success`,pending:`warning`,overdue:`error`},v={paid:{label:g.paid,variant:`success`},pending:{label:g.pending,variant:`warning`},overdue:{label:g.overdue,variant:`error`}};function y({invoice:t,className:i,strings:a}){let c=e.mergeStrings(g,a),l={paid:c.paid,pending:c.pending,overdue:c.overdue};return(0,d.jsx)(s.t,{padding:`sm`,className:n.cn(`invoice-mini--component`,i),children:(0,d.jsxs)(`div`,{className:`space-y-2.5`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,d.jsx)(r.t,{weight:`semibold`,className:`font-mono tracking-wide truncate`,children:t.invoiceNumber}),(0,d.jsx)(o.t,{variant:_[t.status],dot:!0,children:l[t.status]})]}),(0,d.jsx)(r.t,{type:`secondary`,className:`truncate`,children:t.customerName}),(0,d.jsxs)(`div`,{className:`flex items-end justify-between gap-3 pt-1`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:c.items(t.lineItemsCount)}),(0,d.jsxs)(r.t,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:[c.due,` `,t.dueDate]})]}),(0,d.jsx)(r.t,{size:`lg`,weight:`bold`,className:n.cn(`shrink-0 tabular-nums leading-none`),children:t.totalAmount})]})]})})}y.displayName=`InvoiceMiniCard`;var b={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`};function x({eyebrow:e,name:t,location:i}){return(0,d.jsxs)(`div`,{className:n.cn(`invoice-header--component`,`space-y-1`),children:[(0,d.jsx)(r.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,d.jsx)(r.t,{weight:`semibold`,className:`leading-snug`,children:t}),!!i&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`leading-snug`,children:i})]})}function S({invoiceNumber:t,status:a,statusVariant:u=`success`,from:f,to:p,issuedDate:m,dueDate:h,amount:g,className:_,strings:v}){let y=e.useStrings(b,v);return(0,d.jsxs)(s.t,{title:y.title,className:_,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,d.jsx)(r.t,{weight:`bold`,className:`font-mono tracking-wide`,children:t}),(0,d.jsx)(o.t,{variant:u,children:a})]}),(0,d.jsxs)(`div`,{className:`mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6`,children:[(0,d.jsx)(x,{eyebrow:y.billFrom,name:f.name,location:f.location}),(0,d.jsx)(x,{eyebrow:y.billTo,name:p.name,location:p.location})]}),(0,d.jsx)(c.t,{className:`my-5`}),(0,d.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-4`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[!!m&&(0,d.jsx)(l.i,{layout:`inline`,label:y.issued,value:m,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`}),!!h&&(0,d.jsx)(l.i,{layout:`inline`,label:y.due,value:h,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`})]}),(0,d.jsxs)(`div`,{className:`text-right`,children:[(0,d.jsx)(r.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:y.amountDue}),(0,d.jsx)(i.t,{tag:`h3`,className:n.cn(`mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0`),children:g})]})]})]})}S.displayName=`InvoiceHeaderCard`;var C={subtotal:`Subtotal`,tax:`Tax`,total:`Total`},w=`ring-1 ring-border/50 shadow-sm`,T={left:`text-left justify-start`,right:`text-right justify-end`,center:`text-center justify-center`};function E(e){return[{id:`description`,header:`Description`,width:`1fr`,cell:e=>(0,d.jsx)(r.t,{children:e.description})},{id:`qty`,header:`Qty`,width:`60px`,align:`left`,cell:e=>(0,d.jsx)(r.t,{className:`tabular-nums`,children:e.qty})},{id:`price`,header:`Price`,width:`90px`,align:`right`,cell:t=>(0,d.jsxs)(r.t,{className:`tabular-nums font-mono`,children:[e,t.price.toFixed(2)]})},{id:`total`,header:`Total`,width:`90px`,align:`right`,cell:t=>(0,d.jsxs)(r.t,{weight:`medium`,className:`tabular-nums font-mono`,children:[e,t.total.toFixed(2)]})}]}function D(e,t,n,r){let i=e.reduce((e,t)=>e+t.total,0),a=Math.round(i*t*100)/100,o=Math.round(t*100),s=i+a,c=e=>`${n}${e.toFixed(2)}`;return[{label:r.subtotal,value:c(i)},{label:`${r.tax} (${o}%)`,value:c(a)},{label:r.total,value:c(s),emphasis:`total`}]}function O({items:i,columns:a,footerRows:o,taxRate:s=.2,currency:l,className:u,strings:f}){let p=e.useStrings(C,f),{defaultCurrency:m}=t.u(),h=l??m??`€`,g=a??E(h),_=o??(a?[]:D(i,s,h,p)),v=g.map(e=>e.width??`1fr`).join(` `);return(0,d.jsxs)(`div`,{className:n.cn(`invoice-table--component`,`overflow-hidden rounded-3xl bg-card`,w,u),children:[(0,d.jsx)(`div`,{className:`grid gap-2 bg-muted/50 px-5 py-3`,style:{gridTemplateColumns:v},children:g.map(e=>(0,d.jsx)(`div`,{className:n.cn(`flex`,T[e.align??`left`],e.headerClassName),children:(0,d.jsx)(r.t,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:e.header})},e.id))}),i.map((e,t)=>(0,d.jsx)(`div`,{className:n.cn(`grid gap-2 px-5 py-3`,t%2==1&&`bg-muted/20`),style:{gridTemplateColumns:v},children:g.map(r=>(0,d.jsx)(`div`,{className:n.cn(`flex items-center`,T[r.align??`left`],r.cellClassName),children:r.cell(e,t)},r.id))},t)),_.length>0&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(`div`,{className:`space-y-2 px-5 py-4`,children:_.map((e,t)=>(0,d.jsxs)(`div`,{className:n.cn(`flex justify-between`,e.emphasis===`total`&&`pt-2`),children:[(0,d.jsx)(r.t,{type:e.emphasis===`total`?void 0:`secondary`,weight:e.emphasis===`total`?`bold`:`regular`,children:e.label}),(0,d.jsx)(r.t,{weight:e.emphasis===`total`?`bold`:`regular`,className:`tabular-nums font-mono`,children:e.value})]},t))})]})]})}O.displayName=`InvoiceTable`;function k({value:e,max:t=5,label:i}){return(0,d.jsxs)(`div`,{className:n.cn(`helpers--component`,`flex items-center gap-1`),children:[Array.from({length:t},(t,r)=>(0,d.jsx)(`div`,{className:n.cn(`h-1.5 w-3 rounded-full`,r<e?`bg-foreground/60`:`bg-muted`)},r)),!!i&&(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`ml-1`,children:i})]})}function A({label:e,value:t,badge:n,badgeVariant:i}){return(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,d.jsx)(r.t,{size:`xs`,className:`shrink-0 text-muted-foreground`,children:e}),!!n&&(0,d.jsx)(o.t,{variant:i??`secondary`,children:n}),!!t&&!n&&(0,d.jsx)(r.t,{weight:`semibold`,className:`text-right tabular-nums`,children:t})]})}function j({title:e,description:t,statusBadges:n,rows:i,secondaryRows:a,scale:l,footerBadges:u,footerText:f,actions:p,className:m}){return(0,d.jsx)(s.t,{title:e,description:t,actions:p,className:m,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:n.map(e=>(0,d.jsx)(o.t,{variant:e.variant,children:e.label},e.label))}),(0,d.jsx)(`div`,{className:`space-y-2`,children:i.map(e=>(0,d.jsx)(A,{...e},e.label))}),!!l&&(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:l.label}),(0,d.jsx)(k,{value:l.value,max:l.max,label:`${String(l.value)}/${String(l.max??5)}`})]}),!!a&&a.length>0&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(`div`,{className:`space-y-2`,children:a.map(e=>(0,d.jsx)(A,{...e},e.label))})]}),(!!u||!!f)&&(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!u&&u.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label)),!!f&&(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:f})]})]})})}j.displayName=`DenseInfoDashboard`;function M({title:e,description:t,stats:a,items:f,totalLabel:p,totalValue:m,footerBadges:h,footerText:g,actions:_,className:v}){return(0,d.jsx)(s.t,{title:e,description:t,actions:_,className:v,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-3`,children:a.map(e=>(0,d.jsxs)(`div`,{className:`rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5 text-center`,children:[(0,d.jsx)(i.t,{tag:`h4`,className:`text-lg font-bold tabular-nums border-none pb-0`,children:e.value}),(0,d.jsx)(r.t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mt-0.5`,children:e.label}),!!e.trendBadge&&(0,d.jsx)(`div`,{className:`mt-1`,children:(0,d.jsx)(o.t,{variant:e.trendVariant??`secondary`,children:e.trendBadge})})]},e.label))}),(0,d.jsx)(c.t,{}),(0,d.jsx)(u.o,{children:f.map(e=>(0,d.jsxs)(u.t,{size:`xs`,className:`px-0`,children:[(0,d.jsx)(u.c,{children:(0,d.jsx)(`span`,{className:n.cn(`h-2 w-2 shrink-0 rounded-full`,e.dotColor)})}),(0,d.jsx)(u.r,{children:(0,d.jsxs)(u.u,{bold:!1,className:`gap-2`,children:[e.label,!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]})}),(0,d.jsx)(u.n,{children:(0,d.jsx)(r.t,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value})})]},e.label))}),!!m&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.t,{}),(0,d.jsx)(l.i,{label:p??`Total`,value:m,mono:!0,labelClassName:`text-sm font-bold`,valueClassName:`text-sm font-bold`})]}),(!!h||!!g)&&(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!h&&h.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label)),!!g&&(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:g})]})]})})}M.displayName=`DenseInfoClassification`;function N({title:e,description:t,headerBadges:n,lineItems:i,totalLabel:a=`Total`,totalAmount:c,footerBadges:f,footerText:p,actions:m,className:h}){return(0,d.jsx)(s.t,{title:e,description:t,actions:m,className:h,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:n.map(e=>(0,d.jsx)(o.t,{variant:e.variant,children:e.label},e.label))}),(0,d.jsx)(u.o,{children:i.map((e,t)=>(0,d.jsxs)(`div`,{children:[t>0&&(0,d.jsx)(u.l,{className:`my-0`}),(0,d.jsxs)(u.t,{size:`xs`,className:`px-0`,children:[(0,d.jsx)(u.r,{children:(0,d.jsxs)(u.u,{className:`gap-2`,children:[e.label,!!e.badge&&(0,d.jsx)(o.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]})}),(0,d.jsx)(u.n,{children:(0,d.jsx)(r.t,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:e.amount})})]})]},e.label))}),!!c&&(0,d.jsx)(l.i,{className:`rounded-lg bg-muted/50 px-3 py-2.5`,label:a,value:c,mono:!0,labelClassName:`text-sm font-bold`,valueClassName:`text-base font-bold`}),(!!f||!!p)&&(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:[!!f&&f.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label)),!!p&&(0,d.jsx)(r.t,{size:`xs`,className:`text-muted-foreground`,children:p})]})]})})}N.displayName=`DenseInfoFinancial`;function P({title:e,description:t,statusLabel:n,statusVariant:a,metaPairs:l,date:u,priority:p,completedTasks:m,totalTasks:h,actions:g,className:_}){let v=h>0?Math.round(m/h*100):0,y=2*Math.PI*7,b=y-v/100*y;return(0,d.jsx)(s.t,{padding:`sm`,actions:g,className:_,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(f.FolderOpen,{className:`h-4 w-4 text-muted-foreground`}),(0,d.jsx)(o.t,{variant:a,dot:!0,children:n})]}),(0,d.jsx)(i.t,{tag:`h5`,className:`font-bold border-none pb-0`,children:e}),!!t&&(0,d.jsx)(r.t,{type:`secondary`,className:`line-clamp-2`,children:t}),!!l&&l.length>0&&(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:l.map((e,t)=>(0,d.jsxs)(`span`,{className:`flex items-center gap-1`,children:[t>0&&(0,d.jsx)(r.t,{tag:`span`,type:`discrete`,className:`mx-0.5`,children:`•`}),!!e.icon&&(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:e.icon}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:e.label})]},e.label))}),(!!u||!!p)&&(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[!!u&&(0,d.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,d.jsx)(f.Calendar,{className:`h-3 w-3 text-muted-foreground`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:u})]}),!!p&&(0,d.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,d.jsx)(f.BarChart3,{className:`h-3 w-3 text-muted-foreground`}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,children:p})]})]}),(0,d.jsx)(c.t,{}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 20 20`,className:`shrink-0`,children:[(0,d.jsx)(`circle`,{cx:`10`,cy:`10`,r:`7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,className:`text-muted/50`}),(0,d.jsx)(`circle`,{cx:`10`,cy:`10`,r:`7`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeDasharray:y,strokeDashoffset:b,strokeLinecap:`round`,className:`text-primary`,transform:`rotate(-90 10 10)`})]}),(0,d.jsxs)(r.t,{size:`xs`,weight:`medium`,children:[m,`/`,h,` Tasks`]})]}),(0,d.jsx)(`div`,{className:`h-6 w-6 rounded-full bg-muted`})]})]})})}P.displayName=`DenseInfoProjectCard`;function F({title:e,description:t,statusBadges:r,score:a,scoreLevel:u,scoreFilled:f,scoreTotal:p=10,rows:m,footerBadges:h,actions:g,className:_}){let v=u===`good`?`bg-success`:u===`medium`?`bg-warning`:`bg-destructive`;return(0,d.jsx)(s.t,{title:e,description:t,actions:g,className:_,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:r.map(e=>(0,d.jsx)(o.t,{variant:e.variant,children:e.label},e.label))}),(0,d.jsx)(`div`,{className:`flex items-center justify-center py-2`,children:(0,d.jsx)(i.t,{tag:`h2`,className:`text-4xl font-bold tabular-nums border-none pb-0`,children:String(a)})}),(0,d.jsx)(`div`,{className:`flex items-center justify-center gap-1`,children:Array.from({length:p},(e,t)=>(0,d.jsx)(`div`,{className:n.cn(`h-5 w-2 rounded-sm`,t<f?v:`bg-muted`)},t))}),(0,d.jsx)(c.t,{}),(0,d.jsx)(`div`,{className:`space-y-2`,children:m.map(e=>(0,d.jsx)(l.i,{label:e.label,value:e.value,mono:!0,labelClassName:`text-xs text-muted-foreground`,valueClassName:`text-sm font-semibold text-right`},e.label))}),!!h&&h.length>0&&(0,d.jsx)(`div`,{className:`flex flex-wrap items-center gap-2 border-t pt-2`,children:h.map(e=>(0,d.jsx)(o.t,{variant:e.variant,className:`text-xxs`,children:e.label},e.label))})]})})}F.displayName=`DenseInfoScoreCard`;var I={sm:`gap-1 rounded-full px-2 py-0.5`,md:`gap-1.5 rounded-full px-2.5 py-1`,base:`gap-1.5 rounded-full px-2.5 py-1`,lg:`gap-1.5 rounded-full px-3 py-1`},L={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xs`},R={sm:`xxs`,md:`xs`,base:`xs`,lg:`xs`},z={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xxs`};function B({metrics:e,className:t}){return(0,d.jsx)(`div`,{className:n.cn(`inline-metric--component`,`flex flex-wrap gap-1.5`,t),children:e.map(e=>{let t=e.size??`base`;return(0,d.jsxs)(`span`,{className:n.cn(`inline-flex items-center bg-card ring-1 ring-border/60`,I[t]??I.base),children:[(0,d.jsx)(r.t,{tag:`span`,size:L[t]??`xxs`,type:`secondary`,children:e.label}),(0,d.jsx)(r.t,{tag:`span`,size:R[t]??`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),(0,d.jsxs)(r.t,{tag:`span`,size:z[t]??`xxs`,weight:`medium`,className:n.cn(`tabular-nums inline-flex items-center gap-0.5 rounded-full px-1`,e.up?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:[e.up?`↑`:`↓`,e.change]})]},e.label)})})}B.displayName=`InlineMetricBadge`;var V=`ring-1 ring-border/50 shadow-sm`;function H({kpis:e,className:t}){return(0,d.jsx)(`div`,{className:n.cn(`mini-kpi--component`,`inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2`,V,t),children:e.map(e=>(0,d.jsxs)(`div`,{className:`flex flex-col items-center px-4`,children:[(0,d.jsx)(r.t,{weight:`bold`,className:`tabular-nums`,children:e.value}),(0,d.jsx)(r.t,{size:`xs`,type:`secondary`,className:`text-xxs`,children:e.label})]},e.label))})}H.displayName=`MiniKpiRow`,exports.DenseInfoClassification=M,exports.DenseInfoDashboard=j,exports.DenseInfoFinancial=N,exports.DenseInfoProjectCard=P,exports.DenseInfoScoreCard=F,exports.InlineMetricBadge=B,exports.InvoiceHeaderCard=S,exports.InvoiceItemsCompact=m,exports.InvoiceItemsDetailed=h,exports.InvoiceItemsTable=p,exports.InvoiceMiniCard=y,exports.InvoiceTable=O,exports.MiniKpiRow=H,exports.invoiceStatusMap=v;
 //# sourceMappingURL=index.cjs.map