admin-ui-starter-kit 0.1.4 → 0.4.2

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

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

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

@@ -1,12 +1,11 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/text-qsEg5GdP.js";
-import { t as r } from "../../../_shared/heading-CrNpYcUr.js";
+import { n, t as r } from "../../../_shared/heading-HeP06nXG.js";
 import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as a } from "../../../_shared/button-cnkCF8q8.js";
+import { t as a } from "../../../_shared/button-SuocMQFT.js";
 import { t as o } from "../../../_shared/separator-B8FBp-7E.js";
-import { i as s } from "../../../_shared/display-Cuj4td-V.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-BxlP5TO3.js";
+import { i as s } from "../../../_shared/display-C4n0uuxl.js";
+import { c, i as l, n as u, o as d, r as f, s as p, t as m, u as h } from "../../../_shared/item-DAjqQhhj.js";
 import { useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Check as b, ChevronDown as x, ChevronRight as S, ChevronUp as C, CreditCard as w, HelpCircle as T, Send as E } from "lucide-react";
@@ -111,10 +110,10 @@ M.displayName = "DarkPaymentConfirmation";
 function N({ referenceCode: i, status: a, details: o = [], amountPaid: c, className: l, strings: u }) {
 	let d = e(D, u), f = a ?? d.statusConfirmed;
 	return /* @__PURE__ */ y("div", {
-		className: t("booking-receipt--component", "dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border", l),
+		className: t("booking-receipt--component", "dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", l),
 		children: [
 			/* @__PURE__ */ y("div", {
-				className: "flex items-center justify-between",
+				className: "flex items-center justify-between gap-3",
 				children: [/* @__PURE__ */ v(r, {
 					tag: "h6",
 					className: "!border-0 !pb-0",
@@ -127,7 +126,7 @@ function N({ referenceCode: i, status: a, details: o = [], amountPaid: c, classN
 				})]
 			}),
 			o.length > 0 && /* @__PURE__ */ v("div", {
-				className: "mt-5 space-y-3 text-sm",
+				className: "space-y-1.5 text-sm",
 				children: o.map((e) => /* @__PURE__ */ v(s, {
 					label: e.label,
 					value: e.value,
@@ -140,11 +139,11 @@ function N({ referenceCode: i, status: a, details: o = [], amountPaid: c, classN
 				size: "xs",
 				type: "secondary",
 				align: "center",
-				className: "mt-4 rounded-md bg-muted p-3 font-mono tracking-wider",
+				className: "rounded-md bg-muted px-3 py-2 font-mono tracking-wider",
 				children: i
 			}),
 			/* @__PURE__ */ v(s, {
-				className: "mt-4 border-t border-border pt-4",
+				className: "border-t border-border pt-3",
 				label: d.amountPaidLabel,
 				value: /* @__PURE__ */ v(r, {
 					tag: "h4",
@@ -208,7 +207,15 @@ function P({ title: i, items: o, totalLabel: s, totalValue: c, defaultOpen: l =
 P.displayName = "DarkInfoPanel";
 //#endregion
 //#region src/components/composed/dark-surfaces/order-items/order-items.tsx
-function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
+var F = {
+	neutral: "bg-muted-foreground",
+	primary: "bg-primary",
+	info: "bg-info",
+	success: "bg-success",
+	warning: "bg-warning",
+	destructive: "bg-destructive"
+};
+function I({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 	let _ = e(A, g);
 	return /* @__PURE__ */ y("div", {
 		className: t("order-items--component", "dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border", c),
@@ -239,7 +246,7 @@ function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 							children: /* @__PURE__ */ y("span", {
 								className: "inline-flex items-center gap-1.5",
 								children: [
-									!!e.color && /* @__PURE__ */ v("span", { className: t("size-2.5 rounded-full", e.color) }),
+									/* @__PURE__ */ v("span", { className: t("size-2.5 rounded-full", F[e.tone ?? "neutral"]) }),
 									"x",
 									e.qty
 								]
@@ -269,10 +276,10 @@ function F({ items: i, summary: a = [], total: o, className: c, strings: g }) {
 		]
 	});
 }
-F.displayName = "OrderItemsCard";
+I.displayName = "OrderItemsCard";
 //#endregion
 //#region src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx
-function I({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l, onSendReminder: u, onRecordPayment: d, className: f, strings: p }) {
+function L({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l, onSendReminder: u, onRecordPayment: d, className: f, strings: p }) {
 	let m = e(j, p);
 	return /* @__PURE__ */ y("div", {
 		className: t("outstanding-balance--component", "dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border", f),
@@ -326,8 +333,8 @@ function I({ amount: i, amountColor: o = "text-warning", dueDate: c, customer: l
 		]
 	});
 }
-I.displayName = "OutstandingBalanceCard";
+L.displayName = "OutstandingBalanceCard";
 //#endregion
-export { N as BookingReceiptDark, P as DarkInfoPanel, M as DarkPaymentConfirmation, F as OrderItemsCard, I as OutstandingBalanceCard };
+export { N as BookingReceiptDark, P as DarkInfoPanel, M as DarkPaymentConfirmation, I as OrderItemsCard, L as OutstandingBalanceCard };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/dark-surfaces/dark-surfaces.strings.ts","../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx","../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx","../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx","../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx","../../../../src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx"],"sourcesContent":["/**\n * Default user-facing strings for the `composed/dark-surfaces` family.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <BookingReceiptDark strings={{ title: t('receipt.title') }} … />\n */\n\nexport interface BookingReceiptDarkStrings {\n\ttitle: string;\n\tstatusConfirmed: string;\n\tamountPaidLabel: string;\n}\n\nexport const defaultBookingReceiptDarkStrings: BookingReceiptDarkStrings = {\n\ttitle: 'Booking Receipt',\n\tstatusConfirmed: 'Confirmed',\n\tamountPaidLabel: 'Amount Paid',\n};\n\nexport interface DarkPaymentConfirmationStrings {\n\tsuccessTitle: string;\n\tsuccessDescription: string;\n\tdetailsToggle: string;\n}\n\nexport const defaultDarkPaymentConfirmationStrings: DarkPaymentConfirmationStrings = {\n\tsuccessTitle: 'Payment Successful',\n\tsuccessDescription: 'Transaction completed',\n\tdetailsToggle: 'Payment Details',\n};\n\nexport interface DarkInfoPanelStrings {\n\tdefaultTitle: string;\n}\n\nexport const defaultDarkInfoPanelStrings: DarkInfoPanelStrings = {\n\tdefaultTitle: 'Details',\n};\n\nexport interface OrderItemsCardStrings {\n\ttitle: string;\n\ttotalLabel: string;\n}\n\nexport const defaultOrderItemsCardStrings: OrderItemsCardStrings = {\n\ttitle: 'Order Items',\n\ttotalLabel: 'Total',\n};\n\nexport interface OutstandingBalanceCardStrings {\n\ttitle: string;\n\tdueDateLabel: string;\n\tcustomerLabel: string;\n\tsendReminder: string;\n\trecordPayment: string;\n}\n\nexport const defaultOutstandingBalanceCardStrings: OutstandingBalanceCardStrings = {\n\ttitle: 'Outstanding Balance',\n\tdueDateLabel: 'Due Date',\n\tcustomerLabel: 'Customer',\n\tsendReminder: 'Send Reminder',\n\trecordPayment: 'Record Payment',\n};\n","/**\n * DarkPaymentConfirmation — dark-themed success confirmation with hero\n * amount, expandable payment-details list, and an optional help row.\n *\n * Strings flow via `strings` prop (`successTitle`, `successDescription`,\n * `detailsToggle`).\n */\nimport { useState } from 'react';\nimport { Check, ChevronDown, ChevronRight, ChevronUp, HelpCircle } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge, InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemMedia,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkPaymentConfirmationStrings } from '../dark-surfaces.strings';\nimport type { DarkPaymentConfirmationProps } from './types';\n\nexport function DarkPaymentConfirmation({\n    amount,\n    details = [],\n    helpText,\n    onHelp,\n    className,\n    strings: stringsProp,\n}: DarkPaymentConfirmationProps) {\n    const strings = useStrings(defaultDarkPaymentConfirmationStrings, stringsProp);\n    const [expanded, setExpanded] = useState(true);\n\n    return (\n        <div className={cn('dark-payment--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <div className=\"flex flex-col items-center text-center\">\n                    <IconBadge icon={Check} tone=\"success\" size=\"lg\" className=\"size-14 [&>svg]:size-7\" />\n                    <Heading tag=\"h5\" className=\"mt-3 !border-0 !pb-0\">{strings.successTitle}</Heading>\n                    <Text size=\"xs\" type=\"secondary\">{strings.successDescription}</Text>\n                    <Heading tag=\"h3\" className=\"border-none pb-0 text-2xl tabular-nums tracking-tight\">{amount}</Heading>\n                </div>\n\n                {details.length > 0 && (\n                    <>\n                        <Separator className=\"my-4\" />\n\n                        <Button\n                            variant=\"light\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => setExpanded(!expanded)}\n                            className=\"flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground\"\n                        >\n                            <Text weight=\"medium\">{strings.detailsToggle}</Text>\n                            {expanded ? <ChevronUp className=\"size-4\" /> : <ChevronDown className=\"size-4\" />}\n                        </Button>\n\n                        {!!expanded && (\n                            <div className=\"mt-3 space-y-2.5\">\n                                {details.map((detail) => (\n                                    <InlineStat\n                                        key={detail.label}\n                                        label={detail.label}\n                                        value={detail.value}\n                                        labelClassName=\"text-sm\"\n                                        valueClassName=\"text-sm font-medium\"\n                                    />\n                                ))}\n                            </div>\n                        )}\n                    </>\n                )}\n\n                {!!helpText && (\n                    <Item\n                        variant=\"muted\"\n                        className={cn('mt-4', onHelp && 'cursor-pointer')}\n                        onClick={onHelp}\n                    >\n                        <ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n                            <HelpCircle />\n                        </ItemMedia>\n                        <ItemContent>\n                            <ItemTitle bold={false} className=\"text-muted-foreground\">{helpText}</ItemTitle>\n                        </ItemContent>\n                        <ItemActions>\n                            <ChevronRight className=\"size-4 text-muted-foreground\" />\n                        </ItemActions>\n                    </Item>\n                  )}\n        </div>\n    );\n}\n\nDarkPaymentConfirmation.displayName = 'DarkPaymentConfirmation';\n","/**\n * BookingReceiptDark — dark-themed booking receipt with reference code,\n * status pill, optional metadata rows, and an emphasised amount-paid total.\n *\n * Strings flow via the `strings` prop (deep-merged over\n * `defaultBookingReceiptDarkStrings`); status pill text falls back to\n * `strings.statusConfirmed` when the consumer doesn't pass one.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultBookingReceiptDarkStrings } from '../dark-surfaces.strings';\nimport type { BookingReceiptDarkProps } from './types';\n\nexport function BookingReceiptDark({\n    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-lg bg-card p-5 text-card-foreground shadow-sm 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-md 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=\"border-none pb-0 text-lg\">{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-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Button\n                    variant=\"light\"\n                    buttonStyle=\"ghost\"\n                    onClick={() => setOpen(!open)}\n                    className=\"flex w-full items-center justify-between border-0 p-0 h-auto\"\n                >\n                    <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{resolvedTitle}</Heading>\n                    {open ? <ChevronUp className=\"size-4 text-muted-foreground\" /> : <ChevronDown className=\"size-4 text-muted-foreground\" />}\n                </Button>\n\n                {!!open && (\n                    <div className=\"mt-3 space-y-3 text-sm\">\n                        {items.map((item) => (\n                            <div key={item.label} className=\"flex items-baseline justify-between gap-6\">\n                                <Text type=\"secondary\" className=\"min-w-0\">{item.label}</Text>\n                                <Text weight=\"medium\" className={cn('shrink-0 text-right', item.highlight && 'text-success')}>{item.value}</Text>\n                            </div>\n                        ))}\n                        {!!totalLabel && !!totalValue && (\n                            <div className=\"border-t border-dashed border-border pt-3\">\n                                <div className=\"flex items-baseline justify-between gap-6\">\n                                    <Text weight=\"semibold\" type=\"secondary\" className=\"min-w-0\">{totalLabel}</Text>\n                                    <Text weight=\"semibold\" className=\"shrink-0 text-right\">{totalValue}</Text>\n                                </div>\n                            </div>\n                          )}\n                    </div>\n                )}\n        </div>\n    );\n}\n\nDarkInfoPanel.displayName = 'DarkInfoPanel';\n","/**\n * OrderItemsCard — dark-themed order line-item list with vendor metadata,\n * optional badges, summary rows, and a total. Strings overridable via\n * `strings` prop.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemHeader,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultOrderItemsCardStrings } from '../dark-surfaces.strings';\nimport type { 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-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\n                <ItemGroup className=\"mt-3 gap-2\">\n                    {items.map((item) => (\n                        <Item key={item.name} variant=\"muted\" className=\"flex-col items-stretch gap-2\">\n                            <ItemHeader>\n                                <Text size=\"xs\" type=\"secondary\">{item.vendor}</Text>\n                                {!!item.badge && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"rounded-full bg-secondary px-3 py-1 text-secondary-foreground\">\n                                        {item.badge}\n                                    </Text>\n                                )}\n                            </ItemHeader>\n                            <div className=\"flex w-full items-center justify-between gap-3\">\n                                <ItemContent>\n                                    <ItemTitle>{item.name}</ItemTitle>\n                                    <ItemDescription clamp={1}>\n                                        <span className=\"inline-flex items-center gap-1.5\">\n                                            {!!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-3 space-y-2 border-t border-border pt-3 text-sm\">\n                        {summary.map((line) => (\n                            <InlineStat\n                                key={line.label}\n                                label={line.label}\n                                value={line.value}\n                                labelClassName=\"text-sm text-muted-foreground\"\n                                valueClassName=\"text-sm text-muted-foreground\"\n                            />\n                        ))}\n                        {!!total && (\n                            <InlineStat\n                                className=\"border-t border-dashed border-border pt-2\"\n                                label={strings.totalLabel}\n                                value={total}\n                                labelClassName=\"text-sm font-semibold\"\n                                valueClassName=\"text-sm font-semibold\"\n                            />\n                        )}\n                    </div>\n                  )}\n        </div>\n    );\n}\n\nOrderItemsCard.displayName = 'OrderItemsCard';\n","/**\n * OutstandingBalanceCard — dark-themed card surface for an unpaid amount with\n * due-date pulse, customer name, and two CTA buttons.\n *\n * Strings overridable via `strings` prop (`title`, `dueDateLabel`,\n * `customerLabel`, `sendReminder`, `recordPayment`).\n */\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { CreditCard, Send } from 'lucide-react';\n\nimport { defaultOutstandingBalanceCardStrings } from '../dark-surfaces.strings';\nimport type { OutstandingBalanceCardProps } from './types';\n\nexport function OutstandingBalanceCard({\n    amount,\n    amountColor = 'text-warning',\n    dueDate,\n    customer,\n    onSendReminder,\n    onRecordPayment,\n    className,\n    strings: stringsProp,\n}: OutstandingBalanceCardProps) {\n    const strings = useStrings(defaultOutstandingBalanceCardStrings, stringsProp);\n    return (\n        <div className={cn('outstanding-balance--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Text size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"uppercase tracking-wider\">\n                    {strings.title}\n                </Text>\n\n                <Heading tag=\"h3\" className={cn('border-none pb-0 text-2xl tabular-nums tracking-tight', amountColor)}>{amount}</Heading>\n\n                <div className=\"mt-4 space-y-2\">\n                    <InlineStat\n                        label={strings.dueDateLabel}\n                        value={\n                            <span className=\"flex items-center gap-1.5\">\n                                <span className=\"size-2 rounded-full bg-destructive animate-pulse\" />\n                                <Text tag=\"span\" weight=\"medium\">{dueDate}</Text>\n                            </span>\n                        }\n                        labelClassName=\"text-xs\"\n                    />\n                    <InlineStat\n                        label={strings.customerLabel}\n                        value={customer}\n                        labelClassName=\"text-xs\"\n                        valueClassName=\"text-sm font-medium\"\n                    />\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                    <Button variant=\"warning\" className=\"flex-1 rounded-md\" onClick={onSendReminder}>\n                        <Send className=\"mr-1.5 size-3.5\" />\n                        {strings.sendReminder}\n                    </Button>\n                    <Button variant=\"success\" className=\"flex-1 rounded-md\" onClick={onRecordPayment}>\n                        <CreditCard className=\"mr-1.5 size-3.5\" />\n                        {strings.recordPayment}\n                    </Button>\n                </div>\n        </div>\n    );\n}\n\nOutstandingBalanceCard.displayName = 'OutstandingBalanceCard';\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAa,IAA8D;CAC1E,OAAO;CACP,iBAAiB;CACjB,iBAAiB;AAClB,GAQa,IAAwE;CACpF,cAAc;CACd,oBAAoB;CACpB,eAAe;AAChB,GAMa,IAAoD,EAChE,cAAc,UACf,GAOa,IAAsD;CAClE,OAAO;CACP,YAAY;AACb,GAUa,IAAsE;CAClF,OAAO;CACP,cAAc;CACd,eAAe;CACf,cAAc;CACd,eAAe;AAChB;;;ACpCA,SAAgB,EAAwB,EACpC,WACA,aAAU,CAAC,GACX,aACA,WACA,cACA,SAAS,KACoB;CAC7B,IAAM,IAAU,EAAW,GAAuC,CAAW,GACvE,CAAC,GAAU,KAAe,EAAS,EAAI;CAE7C,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,2BAA2B,iFAAiF,CAAS;YAAxI;GACQ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACI,kBAAC,GAAD;MAAW,MAAM;MAAO,MAAK;MAAU,MAAK;MAAK,WAAU;KAA0B,CAAA;KACrF,kBAAC,GAAD;MAAS,KAAI;MAAK,WAAU;gBAAwB,EAAQ;KAAsB,CAAA;KAClF,kBAAC,GAAD;MAAM,MAAK;MAAK,MAAK;gBAAa,EAAQ;KAAyB,CAAA;KACnE,kBAAC,GAAD;MAAS,KAAI;MAAK,WAAU;gBAAyD;KAAgB,CAAA;IACpG;;GAEJ,EAAQ,SAAS,KACd,kBAAA,GAAA,EAAA,UAAA;IACI,kBAAC,GAAD,EAAW,WAAU,OAAQ,CAAA;IAE7B,kBAAC,GAAD;KACI,SAAQ;KACR,aAAY;KACZ,eAAe,EAAY,CAAC,CAAQ;KACpC,WAAU;eAJd,CAMI,kBAAC,GAAD;MAAM,QAAO;gBAAU,EAAQ;KAAoB,CAAA,GACvC,EAAX,IAAY,IAAmC,GAApC,EAAW,WAAU,SAAU,CAAqC,CAC5E;;IAEP,CAAC,CAAC,KACC,kBAAC,OAAD;KAAK,WAAU;eACV,EAAQ,KAAK,MACV,kBAAC,GAAD;MAEI,OAAO,EAAO;MACd,OAAO,EAAO;MACd,gBAAe;MACf,gBAAe;KAClB,GALQ,EAAO,KAKf,CACJ;IACA,CAAA;GAEX,EAAA,CAAA;GAGL,CAAC,CAAC,KACC,kBAAC,GAAD;IACI,SAAQ;IACR,WAAW,EAAG,QAAQ,KAAU,gBAAgB;IAChD,SAAS;cAHb;KAKI,kBAAC,GAAD;MAAW,SAAQ;MAAO,WAAU;gBAChC,kBAAC,GAAD,CAAa,CAAA;KACN,CAAA;KACX,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;MAAW,MAAM;MAAO,WAAU;gBAAyB;KAAoB,CAAA,EACtE,CAAA;KACb,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD,EAAc,WAAU,+BAAgC,CAAA,EAC/C,CAAA;IACX;;EAEb;;AAEb;AAEA,EAAwB,cAAc;;;AClFtC,SAAgB,EAAmB,EAC/B,kBACA,WACA,aAAU,CAAC,GACX,eACA,cACA,SAAS,KACe;CACxB,IAAM,IAAU,EAAW,GAAkC,CAAW,GAClE,IAAiB,KAAU,EAAQ;CACzC,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,8BAA8B,iFAAiF,CAAS;YAA3I;GACQ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KAAS,KAAI;KAAK,WAAU;eAAmB,EAAQ;IAAe,CAAA,GACtE,kBAAC,GAAD;KAAM,MAAK;KAAK,QAAO;KAAS,WAAU;eAA1C,CACI,kBAAC,QAAD,EAAM,WAAU,mCAAoC,CAAA,GACnD,CACC;MACL;;GAEJ,EAAQ,SAAS,KACd,kBAAC,OAAD;IAAK,WAAU;cACV,EAAQ,KAAK,MACV,kBAAC,GAAD;KAEI,OAAO,EAAO;KACd,OAAO,EAAO;KACd,gBAAe;KACf,gBAAe;IAClB,GALQ,EAAO,KAKf,CACJ;GACA,CAAA;GAGR,CAAC,CAAC,KACC,kBAAC,GAAD;IAAM,KAAI;IAAM,MAAK;IAAK,MAAK;IAAY,OAAM;IAAS,WAAU;cAC/D;GACC,CAAA;GAGV,kBAAC,GAAD;IACI,WAAU;IACV,OAAO,EAAQ;IACf,OAAO,kBAAC,GAAD;KAAS,KAAI;KAAK,WAAU;eAA4B;IAAoB,CAAA;IACnF,gBAAe;GAClB,CAAA;EACJ;;AAEb;AAEA,EAAmB,cAAc;;;ACjDjC,SAAgB,EAAc,EAC1B,UACA,UACA,eACA,eACA,iBAAc,IACd,cACA,SAAS,KACU;CACnB,IAAM,IAAU,EAAW,GAA6B,CAAW,GAC7D,IAAgB,KAAS,EAAQ,cACjC,CAAC,GAAM,KAAW,EAAS,CAAW;CAE5C,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,8BAA8B,iFAAiF,CAAS;YAA3I,CACQ,kBAAC,GAAD;GACI,SAAQ;GACR,aAAY;GACZ,eAAe,EAAQ,CAAC,CAAI;GAC5B,WAAU;aAJd,CAMI,kBAAC,GAAD;IAAS,KAAI;IAAK,WAAU;cAAmB;GAAuB,CAAA,GAC9D,EAAP,IAAQ,IAAyD,GAA1D,EAAW,WAAU,+BAAgC,CAA2D,CACpH;MAEP,CAAC,CAAC,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACK,EAAM,KAAK,MACR,kBAAC,OAAD;IAAsB,WAAU;cAAhC,CACI,kBAAC,GAAD;KAAM,MAAK;KAAY,WAAU;eAAW,EAAK;IAAY,CAAA,GAC7D,kBAAC,GAAD;KAAM,QAAO;KAAS,WAAW,EAAG,uBAAuB,EAAK,aAAa,cAAc;eAAI,EAAK;IAAY,CAAA,CAC/G;MAHK,EAAK,KAGV,CACR,GACA,CAAC,CAAC,KAAc,CAAC,CAAC,KACf,kBAAC,OAAD;IAAK,WAAU;cACX,kBAAC,OAAD;KAAK,WAAU;eAAf,CACI,kBAAC,GAAD;MAAM,QAAO;MAAW,MAAK;MAAY,WAAU;gBAAW;KAAiB,CAAA,GAC/E,kBAAC,GAAD;MAAM,QAAO;MAAW,WAAU;gBAAuB;KAAiB,CAAA,CACzE;;GACJ,CAAA,CAER;IAEZ;;AAEb;AAEA,EAAc,cAAc;;;AC1C5B,SAAgB,EAAe,EAC3B,UACA,aAAU,CAAC,GACX,UACA,cACA,SAAS,KACW;CACpB,IAAM,IAAU,EAAW,GAA8B,CAAW;CACpE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,0BAA0B,iFAAiF,CAAS;YAAvI;GACQ,kBAAC,GAAD;IAAS,KAAI;IAAK,WAAU;cAAmB,EAAQ;GAAe,CAAA;GAEtE,kBAAC,GAAD;IAAW,WAAU;cAChB,EAAM,KAAK,MACR,kBAAC,GAAD;KAAsB,SAAQ;KAAQ,WAAU;eAAhD,CACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,GAAD;MAAM,MAAK;MAAK,MAAK;gBAAa,EAAK;KAAa,CAAA,GACnD,CAAC,CAAC,EAAK,SACJ,kBAAC,GAAD;MAAM,MAAK;MAAK,QAAO;MAAS,WAAU;gBACrC,EAAK;KACJ,CAAA,CAEF,EAAA,CAAA,GACZ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,GAAD,EAAA,UAAY,EAAK,KAAgB,CAAA,GACjC,kBAAC,GAAD;OAAiB,OAAO;iBACpB,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACK,CAAC,CAAC,EAAK,SAAS,kBAAC,QAAD,EAAM,WAAW,EAAG,yBAAyB,EAAK,KAAK,EAAI,CAAA;SAAE;SAC5E,EAAK;QACL;;MACO,CAAA,CACR,EAAA,CAAA,GACb,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD;OAAM,QAAO;iBAAQ,EAAK;MAAY,CAAA,EAC7B,CAAA,CACZ;OACH;OAvBK,EAAK,IAuBV,CACT;GACM,CAAA;GAEV,CAAC,EAAE,EAAQ,SAAS,KAAK,MACtB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACK,EAAQ,KAAK,MACV,kBAAC,GAAD;KAEI,OAAO,EAAK;KACZ,OAAO,EAAK;KACZ,gBAAe;KACf,gBAAe;IAClB,GALQ,EAAK,KAKb,CACJ,GACA,CAAC,CAAC,KACC,kBAAC,GAAD;KACI,WAAU;KACV,OAAO,EAAQ;KACf,OAAO;KACP,gBAAe;KACf,gBAAe;IAClB,CAAA,CAEJ;;EAEZ;;AAEb;AAEA,EAAe,cAAc;;;ACxE7B,SAAgB,EAAuB,EACnC,WACA,iBAAc,gBACd,YACA,aACA,mBACA,oBACA,cACA,SAAS,KACmB;CAC5B,IAAM,IAAU,EAAW,GAAsC,CAAW;CAC5E,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,kCAAkC,iFAAiF,CAAS;YAA/I;GACQ,kBAAC,GAAD;IAAM,MAAK;IAAK,QAAO;IAAS,MAAK;IAAY,WAAU;cACtD,EAAQ;GACP,CAAA;GAEN,kBAAC,GAAD;IAAS,KAAI;IAAK,WAAW,EAAG,yDAAyD,CAAW;cAAI;GAAgB,CAAA;GAExH,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KACI,OAAO,EAAQ;KACf,OACI,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,kBAAC,QAAD,EAAM,WAAU,mDAAoD,CAAA,GACpE,kBAAC,GAAD;OAAM,KAAI;OAAO,QAAO;iBAAU;MAAc,CAAA,CAC9C;;KAEV,gBAAe;IAClB,CAAA,GACD,kBAAC,GAAD;KACI,OAAO,EAAQ;KACf,OAAO;KACP,gBAAe;KACf,gBAAe;IAClB,CAAA,CACA;;GAEL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,GAAD;KAAQ,SAAQ;KAAU,WAAU;KAAoB,SAAS;eAAjE,CACI,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,GAClC,EAAQ,YACL;QACR,kBAAC,GAAD;KAAQ,SAAQ;KAAU,WAAU;KAAoB,SAAS;eAAjE,CACI,kBAAC,GAAD,EAAY,WAAU,kBAAmB,CAAA,GACxC,EAAQ,aACL;MACP;;EACR;;AAEb;AAEA,EAAuB,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/dark-surfaces/dark-surfaces.strings.ts","../../../../src/components/composed/dark-surfaces/dark-payment/dark-payment.tsx","../../../../src/components/composed/dark-surfaces/booking-receipt/booking-receipt.tsx","../../../../src/components/composed/dark-surfaces/dark-info-panel/dark-info-panel.tsx","../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx","../../../../src/components/composed/dark-surfaces/outstanding-balance/outstanding-balance.tsx"],"sourcesContent":["/**\n * Default user-facing strings for the `composed/dark-surfaces` family.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <BookingReceiptDark strings={{ title: t('receipt.title') }} … />\n */\n\nexport interface BookingReceiptDarkStrings {\n\ttitle: string;\n\tstatusConfirmed: string;\n\tamountPaidLabel: string;\n}\n\nexport const defaultBookingReceiptDarkStrings: BookingReceiptDarkStrings = {\n\ttitle: 'Booking Receipt',\n\tstatusConfirmed: 'Confirmed',\n\tamountPaidLabel: 'Amount Paid',\n};\n\nexport interface DarkPaymentConfirmationStrings {\n\tsuccessTitle: string;\n\tsuccessDescription: string;\n\tdetailsToggle: string;\n}\n\nexport const defaultDarkPaymentConfirmationStrings: DarkPaymentConfirmationStrings = {\n\tsuccessTitle: 'Payment Successful',\n\tsuccessDescription: 'Transaction completed',\n\tdetailsToggle: 'Payment Details',\n};\n\nexport interface DarkInfoPanelStrings {\n\tdefaultTitle: string;\n}\n\nexport const defaultDarkInfoPanelStrings: DarkInfoPanelStrings = {\n\tdefaultTitle: 'Details',\n};\n\nexport interface OrderItemsCardStrings {\n\ttitle: string;\n\ttotalLabel: string;\n}\n\nexport const defaultOrderItemsCardStrings: OrderItemsCardStrings = {\n\ttitle: 'Order Items',\n\ttotalLabel: 'Total',\n};\n\nexport interface OutstandingBalanceCardStrings {\n\ttitle: string;\n\tdueDateLabel: string;\n\tcustomerLabel: string;\n\tsendReminder: string;\n\trecordPayment: string;\n}\n\nexport const defaultOutstandingBalanceCardStrings: OutstandingBalanceCardStrings = {\n\ttitle: 'Outstanding Balance',\n\tdueDateLabel: 'Due Date',\n\tcustomerLabel: 'Customer',\n\tsendReminder: 'Send Reminder',\n\trecordPayment: 'Record Payment',\n};\n","/**\n * DarkPaymentConfirmation — dark-themed success confirmation with hero\n * amount, expandable payment-details list, and an optional help row.\n *\n * Strings flow via `strings` prop (`successTitle`, `successDescription`,\n * `detailsToggle`).\n */\nimport { useState } from 'react';\nimport { Check, ChevronDown, ChevronRight, ChevronUp, HelpCircle } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { IconBadge, InlineStat } from '@/components/base/display';\nimport { Separator } from '@/components/base/display/separator';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemMedia,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkPaymentConfirmationStrings } from '../dark-surfaces.strings';\nimport type { DarkPaymentConfirmationProps } from './types';\n\nexport function DarkPaymentConfirmation({\n    amount,\n    details = [],\n    helpText,\n    onHelp,\n    className,\n    strings: stringsProp,\n}: DarkPaymentConfirmationProps) {\n    const strings = useStrings(defaultDarkPaymentConfirmationStrings, stringsProp);\n    const [expanded, setExpanded] = useState(true);\n\n    return (\n        <div className={cn('dark-payment--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <div className=\"flex flex-col items-center text-center\">\n                    <IconBadge icon={Check} tone=\"success\" size=\"lg\" className=\"size-14 [&>svg]:size-7\" />\n                    <Heading tag=\"h5\" className=\"mt-3 !border-0 !pb-0\">{strings.successTitle}</Heading>\n                    <Text size=\"xs\" type=\"secondary\">{strings.successDescription}</Text>\n                    <Heading tag=\"h3\" className=\"border-none pb-0 text-2xl tabular-nums tracking-tight\">{amount}</Heading>\n                </div>\n\n                {details.length > 0 && (\n                    <>\n                        <Separator className=\"my-4\" />\n\n                        <Button\n                            variant=\"light\"\n                            buttonStyle=\"ghost\"\n                            onClick={() => setExpanded(!expanded)}\n                            className=\"flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground\"\n                        >\n                            <Text weight=\"medium\">{strings.detailsToggle}</Text>\n                            {expanded ? <ChevronUp className=\"size-4\" /> : <ChevronDown className=\"size-4\" />}\n                        </Button>\n\n                        {!!expanded && (\n                            <div className=\"mt-3 space-y-2.5\">\n                                {details.map((detail) => (\n                                    <InlineStat\n                                        key={detail.label}\n                                        label={detail.label}\n                                        value={detail.value}\n                                        labelClassName=\"text-sm\"\n                                        valueClassName=\"text-sm font-medium\"\n                                    />\n                                ))}\n                            </div>\n                        )}\n                    </>\n                )}\n\n                {!!helpText && (\n                    <Item\n                        variant=\"muted\"\n                        className={cn('mt-4', onHelp && 'cursor-pointer')}\n                        onClick={onHelp}\n                    >\n                        <ItemMedia variant=\"icon\" className=\"text-muted-foreground\">\n                            <HelpCircle />\n                        </ItemMedia>\n                        <ItemContent>\n                            <ItemTitle bold={false} className=\"text-muted-foreground\">{helpText}</ItemTitle>\n                        </ItemContent>\n                        <ItemActions>\n                            <ChevronRight className=\"size-4 text-muted-foreground\" />\n                        </ItemActions>\n                    </Item>\n                  )}\n        </div>\n    );\n}\n\nDarkPaymentConfirmation.displayName = 'DarkPaymentConfirmation';\n","/**\n * BookingReceiptDark — dark-themed booking receipt with reference code,\n * status pill, optional metadata rows, and an emphasised amount-paid total.\n *\n * Strings flow via the `strings` prop (deep-merged over\n * `defaultBookingReceiptDarkStrings`); status pill text falls back to\n * `strings.statusConfirmed` when the consumer doesn't pass one.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultBookingReceiptDarkStrings } from '../dark-surfaces.strings';\nimport type { BookingReceiptDarkProps } from './types';\n\nexport function BookingReceiptDark({\n\treferenceCode,\n\tstatus,\n\tdetails = [],\n\tamountPaid,\n\tclassName,\n\tstrings: stringsProp,\n}: BookingReceiptDarkProps) {\n\tconst strings = useStrings(defaultBookingReceiptDarkStrings, stringsProp);\n\tconst resolvedStatus = status ?? strings.statusConfirmed;\n\treturn (\n\t\t<div className={cn('booking-receipt--component', 'dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n\t\t\t<div className=\"flex items-center justify-between gap-3\">\n\t\t\t\t<Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\t\t\t\t<Text size=\"xs\" weight=\"medium\" className=\"flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success\">\n\t\t\t\t\t<span className=\"size-1.5 rounded-full bg-success\" />\n\t\t\t\t\t{resolvedStatus}\n\t\t\t\t</Text>\n\t\t\t</div>\n\n\t\t\t{details.length > 0 && (\n\t\t\t\t<div className=\"space-y-1.5 text-sm\">\n\t\t\t\t\t{details.map((detail) => (\n\t\t\t\t\t\t<InlineStat\n\t\t\t\t\t\t\tkey={detail.label}\n\t\t\t\t\t\t\tlabel={detail.label}\n\t\t\t\t\t\t\tvalue={detail.value}\n\t\t\t\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t\t\t\t\tvalueClassName=\"text-sm font-medium\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{!!referenceCode && (\n\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" align=\"center\" className=\"rounded-md bg-muted px-3 py-2 font-mono tracking-wider\">\n\t\t\t\t\t{referenceCode}\n\t\t\t\t</Text>\n\t\t\t)}\n\n\t\t\t<InlineStat\n\t\t\t\tclassName=\"border-t border-border pt-3\"\n\t\t\t\tlabel={strings.amountPaidLabel}\n\t\t\t\tvalue={<Heading tag=\"h4\" className=\"border-none pb-0 text-lg\">{amountPaid}</Heading>}\n\t\t\t\tlabelClassName=\"text-sm\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nBookingReceiptDark.displayName = 'BookingReceiptDark';\n","/**\n * DarkInfoPanel — collapsible dark-themed key-value list with optional total.\n *\n * Header title falls back to `strings.defaultTitle` (`\"Details\"` in English)\n * when no `title` is passed. Pass `strings={{ defaultTitle: '…' }}` to localise.\n */\nimport { useState } from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDarkInfoPanelStrings } from '../dark-surfaces.strings';\nimport type { DarkInfoPanelProps } from './types';\n\nexport function DarkInfoPanel({\n    title,\n    items,\n    totalLabel,\n    totalValue,\n    defaultOpen = true,\n    className,\n    strings: stringsProp,\n}: DarkInfoPanelProps) {\n    const strings = useStrings(defaultDarkInfoPanelStrings, stringsProp);\n    const resolvedTitle = title ?? strings.defaultTitle;\n    const [open, setOpen] = useState(defaultOpen);\n\n    return (\n        <div className={cn('dark-info-panel--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Button\n                    variant=\"light\"\n                    buttonStyle=\"ghost\"\n                    onClick={() => setOpen(!open)}\n                    className=\"flex w-full items-center justify-between border-0 p-0 h-auto\"\n                >\n                    <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{resolvedTitle}</Heading>\n                    {open ? <ChevronUp className=\"size-4 text-muted-foreground\" /> : <ChevronDown className=\"size-4 text-muted-foreground\" />}\n                </Button>\n\n                {!!open && (\n                    <div className=\"mt-3 space-y-3 text-sm\">\n                        {items.map((item) => (\n                            <div key={item.label} className=\"flex items-baseline justify-between gap-6\">\n                                <Text type=\"secondary\" className=\"min-w-0\">{item.label}</Text>\n                                <Text weight=\"medium\" className={cn('shrink-0 text-right', item.highlight && 'text-success')}>{item.value}</Text>\n                            </div>\n                        ))}\n                        {!!totalLabel && !!totalValue && (\n                            <div className=\"border-t border-dashed border-border pt-3\">\n                                <div className=\"flex items-baseline justify-between gap-6\">\n                                    <Text weight=\"semibold\" type=\"secondary\" className=\"min-w-0\">{totalLabel}</Text>\n                                    <Text weight=\"semibold\" className=\"shrink-0 text-right\">{totalValue}</Text>\n                                </div>\n                            </div>\n                          )}\n                    </div>\n                )}\n        </div>\n    );\n}\n\nDarkInfoPanel.displayName = 'DarkInfoPanel';\n","/**\n * OrderItemsCard — dark-themed order line-item list with vendor metadata,\n * optional badges, summary rows, and a total. Strings overridable via\n * `strings` prop.\n */\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport {\n    Item,\n    ItemActions,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemHeader,\n    ItemTitle,\n} from '@/components/base/item';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultOrderItemsCardStrings } from '../dark-surfaces.strings';\nimport type { OrderItemTone, OrderItemsCardProps } from './types';\n\nconst ITEM_DOT_TONE: Record<OrderItemTone, string> = {\n    neutral: 'bg-muted-foreground',\n    primary: 'bg-primary',\n    info: 'bg-info',\n    success: 'bg-success',\n    warning: 'bg-warning',\n    destructive: 'bg-destructive',\n};\n\nexport function OrderItemsCard({\n    items,\n    summary = [],\n    total,\n    className,\n    strings: stringsProp,\n}: OrderItemsCardProps) {\n    const strings = useStrings(defaultOrderItemsCardStrings, stringsProp);\n    return (\n        <div className={cn('order-items--component', 'dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Heading tag=\"h6\" className=\"!border-0 !pb-0\">{strings.title}</Heading>\n\n                <ItemGroup className=\"mt-3 gap-2\">\n                    {items.map((item) => (\n                        <Item key={item.name} variant=\"muted\" className=\"flex-col items-stretch gap-2\">\n                            <ItemHeader>\n                                <Text size=\"xs\" type=\"secondary\">{item.vendor}</Text>\n                                {!!item.badge && (\n                                    <Text size=\"xs\" weight=\"medium\" className=\"rounded-full bg-secondary px-3 py-1 text-secondary-foreground\">\n                                        {item.badge}\n                                    </Text>\n                                )}\n                            </ItemHeader>\n                            <div className=\"flex w-full items-center justify-between gap-3\">\n                                <ItemContent>\n                                    <ItemTitle>{item.name}</ItemTitle>\n                                    <ItemDescription clamp={1}>\n                                        <span className=\"inline-flex items-center gap-1.5\">\n                                            <span\n                                                className={cn(\n                                                    'size-2.5 rounded-full',\n                                                    ITEM_DOT_TONE[item.tone ?? 'neutral'],\n                                                )}\n                                            />\n                                            x{item.qty}\n                                        </span>\n                                    </ItemDescription>\n                                </ItemContent>\n                                <ItemActions>\n                                    <Text weight=\"bold\">{item.price}</Text>\n                                </ItemActions>\n                            </div>\n                        </Item>\n                    ))}\n                </ItemGroup>\n\n                {!!(summary.length > 0 || total) && (\n                    <div className=\"mt-3 space-y-2 border-t border-border pt-3 text-sm\">\n                        {summary.map((line) => (\n                            <InlineStat\n                                key={line.label}\n                                label={line.label}\n                                value={line.value}\n                                labelClassName=\"text-sm text-muted-foreground\"\n                                valueClassName=\"text-sm text-muted-foreground\"\n                            />\n                        ))}\n                        {!!total && (\n                            <InlineStat\n                                className=\"border-t border-dashed border-border pt-2\"\n                                label={strings.totalLabel}\n                                value={total}\n                                labelClassName=\"text-sm font-semibold\"\n                                valueClassName=\"text-sm font-semibold\"\n                            />\n                        )}\n                    </div>\n                  )}\n        </div>\n    );\n}\n\nOrderItemsCard.displayName = 'OrderItemsCard';\n","/**\n * OutstandingBalanceCard — dark-themed card surface for an unpaid amount with\n * due-date pulse, customer name, and two CTA buttons.\n *\n * Strings overridable via `strings` prop (`title`, `dueDateLabel`,\n * `customerLabel`, `sendReminder`, `recordPayment`).\n */\nimport { Button } from '@/components/base/buttons';\nimport Heading from '@/components/typography/heading';\nimport { Text } from '@/components/typography/text';\nimport { InlineStat } from '@/components/base/display';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { CreditCard, Send } from 'lucide-react';\n\nimport { defaultOutstandingBalanceCardStrings } from '../dark-surfaces.strings';\nimport type { OutstandingBalanceCardProps } from './types';\n\nexport function OutstandingBalanceCard({\n    amount,\n    amountColor = 'text-warning',\n    dueDate,\n    customer,\n    onSendReminder,\n    onRecordPayment,\n    className,\n    strings: stringsProp,\n}: OutstandingBalanceCardProps) {\n    const strings = useStrings(defaultOutstandingBalanceCardStrings, stringsProp);\n    return (\n        <div className={cn('outstanding-balance--component', 'dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border', className)}>\n                <Text size=\"xs\" weight=\"medium\" type=\"secondary\" className=\"uppercase tracking-wider\">\n                    {strings.title}\n                </Text>\n\n                <Heading tag=\"h3\" className={cn('border-none pb-0 text-2xl tabular-nums tracking-tight', amountColor)}>{amount}</Heading>\n\n                <div className=\"mt-4 space-y-2\">\n                    <InlineStat\n                        label={strings.dueDateLabel}\n                        value={\n                            <span className=\"flex items-center gap-1.5\">\n                                <span className=\"size-2 rounded-full bg-destructive animate-pulse\" />\n                                <Text tag=\"span\" weight=\"medium\">{dueDate}</Text>\n                            </span>\n                        }\n                        labelClassName=\"text-xs\"\n                    />\n                    <InlineStat\n                        label={strings.customerLabel}\n                        value={customer}\n                        labelClassName=\"text-xs\"\n                        valueClassName=\"text-sm font-medium\"\n                    />\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                    <Button variant=\"warning\" className=\"flex-1 rounded-md\" onClick={onSendReminder}>\n                        <Send className=\"mr-1.5 size-3.5\" />\n                        {strings.sendReminder}\n                    </Button>\n                    <Button variant=\"success\" className=\"flex-1 rounded-md\" onClick={onRecordPayment}>\n                        <CreditCard className=\"mr-1.5 size-3.5\" />\n                        {strings.recordPayment}\n                    </Button>\n                </div>\n        </div>\n    );\n}\n\nOutstandingBalanceCard.displayName = 'OutstandingBalanceCard';\n"],"mappings":"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"}

package/dist/components/composed/dark-surfaces/order-items/order-items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"order-items.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,OAAY,EACZ,KAAK,EACL,SAAS,EACT,OAAO,EAAE,WAAW,GACvB,EAAE,mBAAmB,+BA2DrB;yBAjEe,cAAc"}
+{"version":3,"file":"order-items.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/order-items/order-items.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAWlE,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,OAAY,EACZ,KAAK,EACL,SAAS,EACT,OAAO,EAAE,WAAW,GACvB,EAAE,mBAAmB,+BAgErB;yBAtEe,cAAc"}

package/dist/components/composed/dark-surfaces/order-items/types.d.ts

@@ -1,12 +1,14 @@
 import { StringsProp } from '../../../../lib/strings';
 import { OrderItemsCardStrings } from '../dark-surfaces.strings';
+export type OrderItemTone = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'destructive';
 export interface OrderItem {
     vendor: string;
     badge?: string;
     name: string;
     qty: number;
     price: string;
-    color?: string;
+    /** Semantic dot tone shown beside the quantity. */
+    tone?: OrderItemTone;
 }
 export interface OrderSummaryLine {
     label: string;

package/dist/components/composed/dark-surfaces/order-items/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/order-items/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC;CAChD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/order-items/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAEpB,MAAM,WAAW,SAAS;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC;CAChD"}

package/dist/components/composed/data-display/index.cjs

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