@teja-app/ui 0.0.10 → 0.0.12

package/dist/theme/components/ConfirmDialog.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+/**
+ * ConfirmDialog — confirmation prompt built on the theme Modal.
+ *
+ * Prop names are IDENTICAL to the app's legacy ConfirmDialog
+ * (frontend/src/pages/Clients/components/ConfirmDialog.tsx) so call-sites can
+ * swap their import to `@teja-app/ui/theme` without code changes:
+ * `isOpen, onClose, onConfirm, title, message, confirmText?, cancelText?,
+ *  variant: 'danger'|'warning'|'info', isLoading?, confirmTestId?, cancelTestId?`.
+ */
+export type ConfirmDialogVariant = 'danger' | 'warning' | 'info';
+export interface ConfirmDialogProps {
+    /** Controls whether the dialog is open. */
+    isOpen: boolean;
+    /** Fired on cancel, overlay click, Escape, and close button. */
+    onClose: () => void;
+    /** Fired when the confirm button is pressed. */
+    onConfirm: () => void;
+    /** Dialog title — a clear question (e.g. "Delete this note?"). */
+    title: string;
+    /** Body message explaining the consequences. */
+    message: ReactNode;
+    /** Confirm button label. Default "Confirm". */
+    confirmText?: string;
+    /** Cancel button label. Default "Cancel". */
+    cancelText?: string;
+    /** Affects confirm button styling. Default `danger`. */
+    variant?: ConfirmDialogVariant;
+    /** Disables both buttons and shows a loading confirm. */
+    isLoading?: boolean;
+    /** data-testid for the confirm button. */
+    confirmTestId?: string;
+    /** data-testid for the cancel button. */
+    cancelTestId?: string;
+    /** Forwarded as `data-testid` on the Modal root. */
+    testId?: string;
+}
+export declare function ConfirmDialog({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, variant, isLoading, confirmTestId, cancelTestId, testId, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/theme/components/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/theme/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC;;;;;;;;GAQG;AACH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAQjE,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,gEAAgE;IAChE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gDAAgD;IAChD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,OAAO,EAAE,SAAS,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAuB,EACvB,UAAqB,EACrB,OAAkB,EAClB,SAAiB,EACjB,aAAa,EACb,YAAY,EACZ,MAAM,GACP,EAAE,kBAAkB,2CAkCpB"}

package/dist/theme/components/CountryPicker.d.ts

@@ -0,0 +1,14 @@
+import { type ComboboxProps } from './Combobox';
+/**
+ * CountryPicker — searchable country select over the bundled ISO-3166 list.
+ * Pass `items` to override (e.g. a tenant-restricted list).
+ *
+ * @example
+ * <CountryPicker label="Country" value={country} onChange={setCountry} />
+ */
+export interface CountryPickerProps extends Omit<ComboboxProps, 'items'> {
+    /** Override the bundled country list. */
+    items?: ComboboxProps['items'];
+}
+export declare function CountryPicker({ items, placeholder, ...rest }: CountryPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CountryPicker.d.ts.map

package/dist/theme/components/CountryPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.d.ts","sourceRoot":"","sources":["../../../src/theme/components/CountryPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAG1D;;;;;;GAMG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IACtE,yCAAyC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAqB,EACrB,WAA8B,EAC9B,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAEpB"}

package/dist/theme/components/DateInput.d.ts

@@ -0,0 +1,30 @@
+import 'react-day-picker/style.css';
+import { type FieldChromeProps } from './fieldShell';
+export interface DateInputProps extends FieldChromeProps {
+    /** Current value as an ISO `YYYY-MM-DD` string, or `null` when unset. */
+    value: string | null;
+    onChange?: (value: string | null) => void;
+    /** Trigger text when no value is selected. Defaults to `Select date`. */
+    placeholder?: string;
+    /** Lower bound (inclusive) as an ISO `YYYY-MM-DD` string. */
+    min?: string;
+    /** Upper bound (inclusive) as an ISO `YYYY-MM-DD` string. */
+    max?: string;
+}
+/** Parse a `YYYY-MM-DD` string to a local Date. Returns undefined if invalid. */
+export declare function parseDate(value: string | null): Date | undefined;
+/** Format a Date to a `YYYY-MM-DD` string (local timezone). */
+export declare function formatDate(date: Date): string;
+/** Whether a string is a valid `YYYY-MM-DD` calendar date. */
+export declare function isValidDateString(value: string): boolean;
+/**
+ * DateInput — a date field whose trigger mirrors the theme `Select` (a 36px
+ * control box with a leading `calendar` Icon, the formatted date or placeholder,
+ * and a trailing chevron). Clicking it opens a `react-day-picker` calendar in a
+ * `--surface-0` + `--shadow-pop` popover. The value is an ISO `YYYY-MM-DD`
+ * string (or null); `min`/`max` disable out-of-range days.
+ *
+ * Ported from `design/components/inputs.jsx` (`DateInput`).
+ */
+export declare function DateInput({ value, onChange, placeholder, min, max, label, hint, error, required, full, disabled, testId, }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateInput.d.ts.map

package/dist/theme/components/DateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/theme/components/DateInput.tsx"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,yEAAyE;IACzE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AASD,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAShE;AAED,+DAA+D;AAC/D,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAExD;AAoDD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,GAAG,EACH,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,cAAc,2CA4IhB"}

package/dist/theme/components/Divider.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Render as a vertical 1px line instead of horizontal. */
+    vertical?: boolean;
+    /** Forwarded as `data-testid`. */
+    testId?: string;
+}
+/**
+ * Divider — 1px hairline using `var(--divider)`.
+ * Source: design/screens/client-detail.jsx:315
+ */
+export declare function Divider({ vertical, style, testId, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/theme/components/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAKzE"}

package/dist/theme/components/Drawer.d.ts

@@ -0,0 +1,52 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type DrawerWidth = 'md' | 'lg' | number;
+export interface DrawerHeaderProps {
+    /** Slot rendered on the left of the header (title, breadcrumb, etc.). */
+    children?: ReactNode;
+    /** Extra inline actions placed before the close button. */
+    actions?: ReactNode;
+    /** Render the close button and wire its click to this handler. */
+    onClose?: () => void;
+    style?: CSSProperties;
+    /** Forwarded as `data-testid` on the header root. */
+    testId?: string;
+    /** Forwarded as `data-testid` on the close button. */
+    closeTestId?: string;
+}
+export declare function DrawerHeader({ children, actions, onClose, style, testId, closeTestId, }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface DrawerFooterProps {
+    /** Optional left-aligned context string ("Confirms with Sarah…"). */
+    info?: ReactNode;
+    children?: ReactNode;
+    style?: CSSProperties;
+    testId?: string;
+}
+export declare function DrawerFooter({ info, children, style, testId }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
+export interface DrawerProps {
+    /** Whether the drawer is mounted/visible. */
+    open: boolean;
+    /** Fired on overlay click, Escape key, and close button (via DrawerHeader). */
+    onClose: () => void;
+    /** Width preset or arbitrary number. md=520, lg=640. Default md. */
+    width?: DrawerWidth;
+    /** Slot for `<DrawerHeader>`. */
+    header?: ReactNode;
+    /** Slot for `<DrawerFooter>`. */
+    footer?: ReactNode;
+    children?: ReactNode;
+    /** Forwarded as `data-testid` on the root. Overlay gets `${testId}-overlay`. */
+    testId?: string;
+    /** ARIA label for the dialog. */
+    ariaLabel?: string;
+    /** Customize the root container `style`. */
+    style?: CSSProperties;
+    /** Customize the inner panel `style`. */
+    panelStyle?: CSSProperties;
+}
+/**
+ * Drawer — right-anchored slide-over with overlay scrim, focus trap, and
+ * Escape-to-close. Source: design/components/primitives.jsx:168
+ * Composes with DrawerHeader/DrawerFooter.
+ */
+export declare function Drawer({ open, onClose, width, header, footer, children, testId, ariaLabel, style, panelStyle, }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/theme/components/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAmB/C,MAAM,WAAW,iBAAiB;IAChC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,WAAW,GACZ,EAAE,iBAAiB,2CAiDnB;AAGD,MAAM,WAAW,iBAAiB;IAChC,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAqBhF;AAGD,MAAM,WAAW,WAAW;IAC1B,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,+EAA+E;IAC/E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oEAAoE;IACpE,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yCAAyC;IACzC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAY,EACZ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,WAAW,kDAkHb"}

package/dist/theme/components/EmptyState.d.ts

@@ -0,0 +1,28 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+/**
+ * EmptyState — empty / no-results / error placeholder using theme tokens.
+ * Ported from src/components/EmptyState. Preserves the same default SVG icons
+ * and child testids: `${testId}-icon`, `${testId}-title`, `${testId}-description`,
+ * `${testId}-action`.
+ */
+export type EmptyStateType = 'no-data' | 'no-results' | 'error';
+type EmptyStateSize = 'sm' | 'md' | 'lg';
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Type of empty state. Default `no-data`. */
+    type?: EmptyStateType;
+    /** Title text. */
+    title: string;
+    /** Description text. */
+    description?: string;
+    /** Custom icon (overrides default type icon). */
+    icon?: ReactNode;
+    /** Action button or link. */
+    action?: ReactNode;
+    /** Size variant. Default `md`. */
+    size?: EmptyStateSize;
+    /** Forwarded as `data-testid` on the root with child elements suffixed. */
+    testId?: string;
+}
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/theme/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/theme/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,YAAY,GAAG,OAAO,CAAC;AAqDhE,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA+BzC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,4GAgFtB,CAAC"}

package/dist/theme/components/FactList.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties, ReactNode } from 'react';
+export type FactListItem = [key: ReactNode, value: ReactNode] | {
+    key: ReactNode;
+    value: ReactNode;
+    /** Optional stable id; defaults to stringified key. */
+    id?: string;
+};
+export interface FactListProps {
+    items: ReadonlyArray<FactListItem>;
+    /** Pixel gap between rows. Defaults to 10. */
+    gap?: number;
+    style?: CSSProperties;
+    /** Forwarded as `data-testid` on the wrapper. */
+    testId?: string;
+}
+/**
+ * FactList — flat key/value rows with uppercase eyebrow keys.
+ * Source: design/screens/client-detail.jsx:316
+ */
+export declare function FactList({ items, gap, style, testId }: FactListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FactList.d.ts.map

package/dist/theme/components/FactList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FactList.d.ts","sourceRoot":"","sources":["../../../src/theme/components/FactList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG;IAC9D,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACnC,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAUD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,2CAiCzE"}

package/dist/theme/components/Field.d.ts

@@ -0,0 +1,35 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+/**
+ * Field — labeled text input with optional hint and trailing slot.
+ *
+ * Composition pattern from design/screens/register.jsx:
+ *   <Field label="Email" hint="…" trailing={<Badge>…</Badge>} />
+ *
+ * Renders a <label> wrapping the input so the entire field area is clickable.
+ */
+export interface FieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label: string;
+    hint?: ReactNode;
+    /** Right-side slot inside the field box (e.g., a strength Badge). */
+    trailing?: ReactNode;
+    /** Use monospace input font (e.g., for password masking). */
+    mono?: boolean;
+    /** Full-width container. Defaults to true. */
+    full?: boolean;
+    /**
+     * Error treatment for the field.
+     *   - `true`: red border only (caller renders the message elsewhere, e.g. a sibling Alert)
+     *   - `ReactNode`: red border + message rendered below via `<FieldHint tone="error">`
+     *   - `undefined | null | false`: no error treatment
+     */
+    error?: ReactNode | true;
+    /**
+     * Test ID — applied to the wrapping `<label>` as the root testid.
+     * The input gets `${testId}-input`, error gets `${testId}-error`,
+     * hint gets `${testId}-hint`. Native `data-testid` (e.g., from
+     * `react-hook-form` register) is preserved on the input too.
+     */
+    testId?: string;
+}
+export declare const Field: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Field.d.ts.map

package/dist/theme/components/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf;;;;;;;GAOG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,yGA8FhB,CAAC"}

package/dist/theme/components/FieldHint.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+/**
+ * FieldHint — below-field helper / error text.
+ *
+ * Ported from design/components/primitives.jsx. Renders a small line of
+ * text under a form control; in `error` tone it prepends an `alert-circle`
+ * icon in `var(--danger)`.
+ */
+export type FieldHintTone = 'error' | 'hint';
+export interface FieldHintProps {
+    tone?: FieldHintTone;
+    children?: ReactNode;
+    /** data-testid forwarded to the root. */
+    testId?: string;
+}
+export declare function FieldHint({ tone, children, testId }: FieldHintProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldHint.d.ts.map

package/dist/theme/components/FieldHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.d.ts","sourceRoot":"","sources":["../../../src/theme/components/FieldHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,cAAc,2CAoB5E"}

package/dist/theme/components/Icon.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties, ReactNode } from 'react';
+/**
+ * Inline SVG icon set ported from design/components/icons.jsx.
+ * 1.5px stroke, 16px viewBox. All glyphs render in `currentColor` by default
+ * so an icon inherits the parent's text color unless overridden.
+ */
+declare const ICON_PATHS: Record<string, ReactNode>;
+export type IconName = keyof typeof ICON_PATHS;
+export interface IconProps {
+    name: IconName;
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    style?: CSSProperties;
+}
+export declare function Icon({ name, size, color, strokeWidth, style, }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare const ICON_NAMES: IconName[];
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/theme/components/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;;;GAIG;AAEH,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CA2NzC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,WAAiB,EACjB,KAAK,GACN,EAAE,SAAS,2CAgBX;AAED,eAAO,MAAM,UAAU,EAA8B,QAAQ,EAAE,CAAC"}

package/dist/theme/components/IconButton.d.ts

@@ -0,0 +1,17 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+/**
+ * IconButton — small square icon-only button.
+ * Ported from design/components/primitives.jsx. Used for toolbars, drawer
+ * header action clusters, composer rails. `tone="primary"` switches to a
+ * soft-primary fill; default is the neutral surface chip.
+ */
+export type IconButtonSize = 'sm' | 'md' | 'lg';
+export type IconButtonTone = 'default' | 'primary';
+export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    children?: ReactNode;
+    size?: IconButtonSize;
+    tone?: IconButtonTone;
+    testId?: string;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/theme/components/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,UAAU,+GAmCtB,CAAC"}

package/dist/theme/components/KV.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * KV — key/value display.
+ * Ported from design/components/patterns.jsx.
+ *
+ *  - `layout="inline"`: key on the left, value right-aligned. Used in meta
+ *     rails like the appointment flyout summary.
+ *  - `layout="stack"` : uppercase eyebrow over a value block. Used in info
+ *     grids like the appointment detail header.
+ *
+ * `colspan` forces a stacked KV to occupy the full grid row.
+ */
+export type KVLayout = 'inline' | 'stack';
+export type KVTone = 'default' | 'success' | 'warning' | 'danger' | 'muted';
+export interface KVProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    k: ReactNode;
+    v: ReactNode;
+    layout?: KVLayout;
+    tone?: KVTone;
+    mono?: boolean;
+    /** Span all columns in a parent CSS grid (only honored for layout="stack"). */
+    colspan?: boolean;
+    testId?: string;
+}
+export declare function KV({ k, v, layout, tone, mono, colspan, style, testId, ...rest }: KVProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KV.d.ts.map

package/dist/theme/components/KV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KV.d.ts","sourceRoot":"","sources":["../../../src/theme/components/KV.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1C,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,OAAQ,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/E,CAAC,EAAE,SAAS,CAAC;IACb,CAAC,EAAE,SAAS,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiBD,wBAAgB,EAAE,CAAC,EACjB,CAAC,EACD,CAAC,EACD,MAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EAAE,OAAO,2CAiDT"}

package/dist/theme/components/LabelGroup.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * LabelGroup — uppercase eyebrow + a stacked content region.
+ * Ported from design/components/patterns.jsx. Use for small all-caps section
+ * headings: "PEOPLE", "TIME & PLACE", "RECURRENCE", etc.
+ */
+export interface LabelGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    label: ReactNode;
+    /** Gap between children inside the content stack. */
+    gap?: number;
+    children?: ReactNode;
+    testId?: string;
+}
+export declare function LabelGroup({ label, gap, children, style, testId, ...rest }: LabelGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LabelGroup.d.ts.map

package/dist/theme/components/LabelGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../../src/theme/components/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,GAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EAAE,eAAe,2CAkBjB"}

package/dist/theme/components/LangSwitcher.d.ts

@@ -0,0 +1,30 @@
+import { type CSSProperties } from 'react';
+/**
+ * LangSwitcher — compact flag + language-name button shown on the front-door
+ * auth screens (sign in + register) so non-English users can switch before
+ * reading any UI copy.
+ *
+ * Ported from `design/components/primitives.jsx` LangSwitcher (lines
+ * 274–297). Adds: typed options API, a working dropdown menu (the canvas
+ * shows only the closed state), keyboard close on Escape, and click-outside.
+ *
+ * Consumer wires `value` + `onChange` to whatever language store they use
+ * (zustand / i18next / etc.) so this primitive stays state-management
+ * agnostic.
+ */
+export interface LangOption {
+    value: string;
+    flag: string;
+    label: string;
+}
+export declare const DEFAULT_LANG_OPTIONS: ReadonlyArray<LangOption>;
+export interface LangSwitcherProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    options?: ReadonlyArray<LangOption>;
+    /** Override the root data-testid. Defaults to `lang-switcher`. */
+    testId?: string;
+    style?: CSSProperties;
+}
+export declare function LangSwitcher({ value, onChange, options, testId, style, }: LangSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LangSwitcher.d.ts.map

package/dist/theme/components/LangSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LangSwitcher.d.ts","sourceRoot":"","sources":["../../../src/theme/components/LangSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,aAAa,EAClB,MAAM,OAAO,CAAC;AAIf;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,UAAU;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,UAAU,CAI1D,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC5B,KAAY,EACZ,QAAQ,EACR,OAA8B,EAC9B,MAAwB,EACxB,KAAK,GACL,EAAE,iBAAiB,2CAiInB"}

package/dist/theme/components/MiniStat.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * MiniStat — compact label + value (no card chrome).
+ * Ported from design/components/patterns.jsx. Use for hero strips, settings
+ * cards, and rating clusters where the surrounding container provides chrome.
+ * For full Card-wrapped KPI with sparkline, use `<Stat>`.
+ */
+export type MiniStatTone = 'default' | 'success' | 'warning' | 'danger' | 'ai';
+export type MiniStatSize = 'sm' | 'md' | 'lg';
+export interface MiniStatProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    label: ReactNode;
+    value: ReactNode;
+    sub?: ReactNode;
+    tone?: MiniStatTone;
+    size?: MiniStatSize;
+    mono?: boolean;
+    testId?: string;
+}
+export declare function MiniStat({ label, value, sub, tone, size, mono, style, testId, ...rest }: MiniStatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MiniStat.d.ts.map

package/dist/theme/components/MiniStat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniStat.d.ts","sourceRoot":"","sources":["../../../src/theme/components/MiniStat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmBD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,GAAG,EACH,IAAI,EACJ,IAAW,EACX,IAAI,EACJ,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EAAE,aAAa,2CA6Bf"}

package/dist/theme/components/Modal.d.ts

@@ -0,0 +1,57 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type ModalVariant = 'confirm' | 'form';
+export interface ModalHeaderProps {
+    /** Title text. */
+    title?: ReactNode;
+    /** Optional supporting description rendered under the title. */
+    description?: ReactNode;
+    /** Custom left-side slot — overrides `title`/`description` rendering. */
+    children?: ReactNode;
+    /** Render the close button and wire its click. */
+    onClose?: () => void;
+    style?: CSSProperties;
+    testId?: string;
+    closeTestId?: string;
+}
+export declare function ModalHeader({ title, description, children, onClose, style, testId, closeTestId, }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface ModalFooterProps {
+    children?: ReactNode;
+    style?: CSSProperties;
+    testId?: string;
+}
+export declare function ModalFooter({ children, style, testId }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    /** `confirm` (max-width 420) or `form` (max-width 640). Default confirm. */
+    variant?: ModalVariant;
+    /** Override the computed max-width with an exact pixel value. */
+    maxWidth?: number;
+    /** Convenience: title shown via internal ModalHeader if `header` is omitted. */
+    title?: ReactNode;
+    /** Convenience: description under the title in the internal ModalHeader. */
+    description?: ReactNode;
+    /** Custom header slot — overrides internal title/description rendering. */
+    header?: ReactNode;
+    /** Custom footer slot — overrides convenience confirm/cancel buttons. */
+    footer?: ReactNode;
+    /** Convenience confirm/cancel buttons rendered into ModalFooter. */
+    confirmLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    onConfirm?: () => void;
+    /** Render confirm with the `danger` button variant (for destructive prompts). */
+    destructive?: boolean;
+    children?: ReactNode;
+    /** Forwarded as `data-testid` on root. Overlay/close/confirm/cancel get suffixes. */
+    testId?: string;
+    ariaLabel?: string;
+    style?: CSSProperties;
+    panelStyle?: CSSProperties;
+}
+/**
+ * Modal — centered dialog with focus trap, Escape close, and backdrop blur.
+ * Source: design/components/patterns.jsx Modal (and billing-modals.jsx
+ * `ModalOverlay`/`ModalHeader`/`ModalFooter` shadows for confirm-style usage).
+ */
+export declare function Modal({ open, onClose, variant, maxWidth, title, description, header, footer, confirmLabel, cancelLabel, onConfirm, destructive, children, testId, ariaLabel, style, panelStyle, }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/theme/components/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAkB9C,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,WAAW,GACZ,EAAE,gBAAgB,2CAsElB;AAGD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAgBxE;AAGD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,OAAmB,EACnB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,UAAU,kDAkKZ"}

package/dist/theme/components/MultiSelect.d.ts

@@ -0,0 +1,38 @@
+import { type TejaOption, type FieldChromeProps } from './fieldShell';
+export interface MultiSelectProps extends FieldChromeProps {
+    /** Selectable options. */
+    items: TejaOption[];
+    /** Currently selected values (controlled). */
+    value: string[];
+    onChange?: (values: string[]) => void;
+    /** Trigger text when nothing is selected. Defaults to `Select…`. */
+    placeholder?: string;
+    /** Render the search input row in the panel. Defaults to `true`. */
+    searchable?: boolean;
+    /** Notified on every search-query change. */
+    onSearch?: (query: string) => void;
+    /** Show at most N chips in the trigger; the rest collapse into a `+N`. 0/undefined = show all. */
+    maxDisplayedItems?: number;
+    /** Render a "select all / clear all" row at the top of the panel. */
+    showSelectAll?: boolean;
+    /** Label for the select-all row. Defaults to `Select all`. */
+    selectAllLabel?: string;
+    /** Text when no options match the search. Defaults to `No results`. */
+    emptyText?: string;
+}
+/**
+ * MultiSelect — multi-value, searchable select with removable chips, built on
+ * Headless UI v2 `Combobox` (with `multiple`) and restyled to the theme's
+ * "Clinical Calm" tokens.
+ *
+ * The trigger is an auto-height control box (surface-0, strong border, r-md)
+ * that wraps the selected values as `--primary-soft` pills, each with an `x`
+ * remove button, plus a `+N` overflow when `maxDisplayedItems` is exceeded and
+ * a chevron. The panel renders on `--surface-0` with `--shadow-pop`; it has an
+ * optional search input row, an optional select-all row, and option rows each
+ * with a filled-check square + icon? + label + sub?.
+ *
+ * Ported from `design/components/inputs.jsx` (`MultiSelect`).
+ */
+export declare function MultiSelect({ items, value, onChange, placeholder, searchable, onSearch, maxDisplayedItems, showSelectAll, selectAllLabel, emptyText, label, hint, error, required, full, disabled, testId, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/theme/components/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/theme/components/MultiSelect.tsx"],"names":[],"mappings":"AAWA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,0BAA0B;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4DD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,UAAiB,EACjB,QAAQ,EACR,iBAAqB,EACrB,aAAqB,EACrB,cAA6B,EAC7B,SAAwB,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,gBAAgB,2CA2NlB"}

package/dist/theme/components/OTPInput.d.ts

@@ -0,0 +1,58 @@
+import { type HTMLAttributes } from 'react';
+/**
+ * OTPInput — theme-layer, variable-length one-time-code input.
+ *
+ * Drop-in replacement for the legacy `@teja-app/ui` OTPInput. Preserves the
+ * full public prop API (length, value, onChange, error, disabled, autoFocus,
+ * label, className) and adds theme-house-style extras: CSS-var tokens, inline
+ * style objects, forwardRef, and `testId`.
+ *
+ * Visual states per cell:
+ *   - empty     neutral border + surface-1 fill
+ *   - active    primary border + ring + blinking caret overlay
+ *   - filled    border-strong + surface-0 fill + ink-1 digit
+ *   - error     danger border + danger-tinted fill + danger digit
+ *   - disabled  reduced opacity, not-allowed cursor
+ *
+ * Interaction behaviours (preserved from legacy):
+ *   - Auto-focus first empty cell on mount when autoFocus is true.
+ *   - Typing a digit auto-advances focus to the next cell.
+ *   - Backspace on an empty cell jumps back and clears the previous cell.
+ *   - ArrowLeft / ArrowRight navigate between cells.
+ *   - Delete clears the current cell without moving focus.
+ *   - Paste strips non-digits and fills cells left-to-right from paste point.
+ *   - onFocus selects the cell content for easy overwrite.
+ *
+ * @example
+ * ```tsx
+ * const [code, setCode] = useState('');
+ * <OTPInput value={code} onChange={setCode} />
+ * <OTPInput value={code} onChange={setCode} length={4} error="Invalid code" />
+ * ```
+ */
+export interface OTPInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Number of digit cells. Defaults to 6. */
+    length?: number;
+    /** Current value — a numeric string up to `length` chars. */
+    value: string;
+    /** Fired on every mutation; receives the joined digit string. */
+    onChange: (value: string) => void;
+    /** Error message displayed below the cell row. */
+    error?: string;
+    /** Disables all cells. */
+    disabled?: boolean;
+    /** Auto-focus the first empty cell on mount. Defaults to false. */
+    autoFocus?: boolean;
+    /** Screen-reader label for the cell group. Defaults to 'One-time password'. */
+    label?: string;
+    /** Additional CSS class for the root container. */
+    className?: string;
+    /**
+     * Root `data-testid` / `data-test-id` value. Each cell gets `${testId}-digit-${i}`.
+     * Defaults to `otp-input`.
+     */
+    testId?: string;
+}
+export declare const OTPInput: import("react").ForwardRefExoticComponent<OTPInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export default OTPInput;
+//# sourceMappingURL=OTPInput.d.ts.map