admin-ui-starter-kit 0.1.0

package/dist/components/composed/commerce/upcoming-booking/upcoming-booking.d.ts

@@ -0,0 +1,6 @@
+import { UpcomingBookingRowProps } from './types';
+export declare function UpcomingBookingRow({ bookings, className, locale, dateTone, timePlacement, }: UpcomingBookingRowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace UpcomingBookingRow {
+    var displayName: string;
+}
+//# sourceMappingURL=upcoming-booking.d.ts.map

package/dist/components/composed/commerce/upcoming-booking/upcoming-booking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-booking.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/upcoming-booking/upcoming-booking.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAgB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAarE,wBAAgB,kBAAkB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAoB,EACpB,aAAuB,GACvB,EAAE,uBAAuB,2CAsCzB;yBA5Ce,kBAAkB"}

package/dist/components/composed/commerce/voucher-entry/index.d.ts

@@ -0,0 +1,3 @@
+export { VoucherEntryCard } from './voucher-entry';
+export { defaultVoucherEntryStrings, type VoucherEntryCardProps, type VoucherEntryStrings, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/commerce/voucher-entry/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACN,0BAA0B,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,GACxB,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,20 @@
+export interface VoucherEntryStrings {
+    title: string;
+    placeholder: string;
+    check: string;
+    remove: string;
+    balance: string;
+    notFound: string;
+}
+export declare const defaultVoucherEntryStrings: VoucherEntryStrings;
+export interface VoucherEntryCardProps {
+    appliedCode?: string;
+    balance?: string;
+    error?: string;
+    loading?: boolean;
+    onCheck?: (code: string) => void;
+    onRemove?: () => void;
+    className?: string;
+    strings?: Partial<VoucherEntryStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import { VoucherEntryCardProps } from './types';
+export declare function VoucherEntryCard({ appliedCode, balance, error, loading, onCheck, onRemove, className, strings: stringsProp, }: VoucherEntryCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace VoucherEntryCard {
+    var displayName: string;
+}
+//# sourceMappingURL=voucher-entry.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import { BookingReceiptDarkProps } from './types';
+export declare function BookingReceiptDark({ referenceCode, status, details, amountPaid, className, strings: stringsProp, }: BookingReceiptDarkProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BookingReceiptDark {
+    var displayName: string;
+}
+//# sourceMappingURL=booking-receipt.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { BookingReceiptDark } from './booking-receipt';
+export type { BookingReceiptDetail, BookingReceiptDarkProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/booking-receipt/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,16 @@
+import { StringsProp } from '../../../../lib/strings';
+import { BookingReceiptDarkStrings } from '../dark-surfaces.strings';
+export interface BookingReceiptDetail {
+    label: string;
+    value: string;
+}
+export interface BookingReceiptDarkProps {
+    referenceCode?: string;
+    /** Status pill text. Defaults to `strings.statusConfirmed`. */
+    status?: string;
+    details?: BookingReceiptDetail[];
+    amountPaid: string;
+    className?: string;
+    strings?: StringsProp<BookingReceiptDarkStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/booking-receipt/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,yBAAyB,CAAC,CAAC;CACpD"}

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

@@ -0,0 +1,6 @@
+import { DarkInfoPanelProps } from './types';
+export declare function DarkInfoPanel({ title, items, totalLabel, totalValue, defaultOpen, className, strings: stringsProp, }: DarkInfoPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DarkInfoPanel {
+    var displayName: string;
+}
+//# sourceMappingURL=dark-info-panel.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { DarkInfoPanel } from './dark-info-panel';
+export type { PanelLineItem, DarkInfoPanelProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-info-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,18 @@
+import { StringsProp } from '../../../../lib/strings';
+import { DarkInfoPanelStrings } from '../dark-surfaces.strings';
+export interface PanelLineItem {
+    label: string;
+    value: string;
+    highlight?: boolean;
+}
+export interface DarkInfoPanelProps {
+    /** Header title. Defaults to `strings.defaultTitle`. */
+    title?: string;
+    items: PanelLineItem[];
+    totalLabel?: string;
+    totalValue?: string;
+    defaultOpen?: boolean;
+    className?: string;
+    strings?: StringsProp<DarkInfoPanelStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-info-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAC/B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;CAC/C"}

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

@@ -0,0 +1,6 @@
+import { DarkPaymentConfirmationProps } from './types';
+export declare function DarkPaymentConfirmation({ amount, details, helpText, onHelp, className, strings: stringsProp, }: DarkPaymentConfirmationProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DarkPaymentConfirmation {
+    var displayName: string;
+}
+//# sourceMappingURL=dark-payment.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { DarkPaymentConfirmation } from './dark-payment';
+export type { PaymentDetail, DarkPaymentConfirmationProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-payment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,15 @@
+import { StringsProp } from '../../../../lib/strings';
+import { DarkPaymentConfirmationStrings } from '../dark-surfaces.strings';
+export interface PaymentDetail {
+    label: string;
+    value: string;
+}
+export interface DarkPaymentConfirmationProps {
+    amount: string;
+    details?: PaymentDetail[];
+    helpText?: string;
+    onHelp?: () => void;
+    className?: string;
+    strings?: StringsProp<DarkPaymentConfirmationStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/dark-surfaces/dark-payment/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,4BAA4B;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,8BAA8B,CAAC,CAAC;CACzD"}

package/dist/components/composed/dark-surfaces/dark-surfaces.strings.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Default user-facing strings for the `composed/dark-surfaces` family.
+ *
+ * Consumers wire backend i18n at the call site:
+ *
+ *   <BookingReceiptDark strings={{ title: t('receipt.title') }} … />
+ */
+export interface BookingReceiptDarkStrings {
+    title: string;
+    statusConfirmed: string;
+    amountPaidLabel: string;
+}
+export declare const defaultBookingReceiptDarkStrings: BookingReceiptDarkStrings;
+export interface DarkPaymentConfirmationStrings {
+    successTitle: string;
+    successDescription: string;
+    detailsToggle: string;
+}
+export declare const defaultDarkPaymentConfirmationStrings: DarkPaymentConfirmationStrings;
+export interface DarkInfoPanelStrings {
+    defaultTitle: string;
+}
+export declare const defaultDarkInfoPanelStrings: DarkInfoPanelStrings;
+export interface OrderItemsCardStrings {
+    title: string;
+    totalLabel: string;
+}
+export declare const defaultOrderItemsCardStrings: OrderItemsCardStrings;
+export interface OutstandingBalanceCardStrings {
+    title: string;
+    dueDateLabel: string;
+    customerLabel: string;
+    sendReminder: string;
+    recordPayment: string;
+}
+export declare const defaultOutstandingBalanceCardStrings: OutstandingBalanceCardStrings;
+//# sourceMappingURL=dark-surfaces.strings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dark-surfaces.strings.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/dark-surfaces/dark-surfaces.strings.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,yBAAyB;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,gCAAgC,EAAE,yBAI9C,CAAC;AAEF,MAAM,WAAW,8BAA8B;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qCAAqC,EAAE,8BAInD,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACpC,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,2BAA2B,EAAE,oBAEzC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,4BAA4B,EAAE,qBAG1C,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oCAAoC,EAAE,6BAMlD,CAAC"}

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

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

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

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

package/dist/components/composed/dark-surfaces/index.d.ts

@@ -0,0 +1,11 @@
+export type { PaymentDetail, DarkPaymentConfirmationProps } from './dark-payment';
+export { DarkPaymentConfirmation } from './dark-payment';
+export type { BookingReceiptDetail, BookingReceiptDarkProps } from './booking-receipt';
+export { BookingReceiptDark } from './booking-receipt';
+export type { PanelLineItem, DarkInfoPanelProps } from './dark-info-panel';
+export { DarkInfoPanel } from './dark-info-panel';
+export type { OrderItem, OrderSummaryLine, OrderItemsCardProps } from './order-items';
+export { OrderItemsCard } from './order-items';
+export type { OutstandingBalanceCardProps } from './outstanding-balance';
+export { OutstandingBalanceCard } from './outstanding-balance';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/dark-surfaces/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,YAAY,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC"}