@teja-app/ui 0.0.10 → 0.0.11

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/PageHeader.d.ts

@@ -0,0 +1,24 @@
+import type { CSSProperties, ReactNode } from 'react';
+export interface PageHeaderProps {
+    /** Uppercase eyebrow (date / section). */
+    eyebrow?: ReactNode;
+    /** H1 title. */
+    title: ReactNode;
+    /** Supporting paragraph under the title. */
+    subtitle?: ReactNode;
+    /** Additional inline content appended after subtitle. */
+    children?: ReactNode;
+    /** Right-side cluster (segmented control, search, buttons). */
+    right?: ReactNode;
+    /** Pixel margin below the header. Defaults to 18. */
+    marginBottom?: number;
+    style?: CSSProperties;
+    /** Forwarded as `data-testid`. */
+    testId?: string;
+}
+/**
+ * PageHeader — eyebrow + h1 + optional subtitle + optional right cluster.
+ * Source: design/components/patterns.jsx:11
+ */
+export declare function PageHeader({ eyebrow, title, subtitle, children, right, marginBottom, style, testId, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/theme/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAiB,EACjB,KAAK,EACL,MAAM,GACP,EAAE,eAAe,2CAgDjB"}

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

@@ -0,0 +1,10 @@
+import type { CSSProperties } from 'react';
+export interface PaginationProps {
+    page: number;
+    total: number;
+    onChange?: (page: number) => void;
+    style?: CSSProperties;
+    testId?: string;
+}
+export declare function Pagination({ page, total, onChange, style, testId }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6CD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,2CA6DnF"}

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

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * PersonRow — avatar + name + role/sub line, with an optional right slot.
+ * Ported from design/components/patterns.jsx. Used in client picker rows,
+ * clinician select lists, appointment people meta.
+ */
+export interface PersonRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    name: string;
+    sub?: ReactNode;
+    /** Avatar palette index 0-5. When omitted the Avatar derives from name. */
+    idx?: number;
+    /** Avatar diameter. Defaults to 28. */
+    size?: number;
+    right?: ReactNode;
+    testId?: string;
+}
+export declare function PersonRow({ name, sub, idx, size, right, style, testId, ...rest }: PersonRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PersonRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonRow.d.ts","sourceRoot":"","sources":["../../../src/theme/components/PersonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE;;;;GAIG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2EAA2E;IAC3E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,GAAG,EACH,GAAG,EACH,IAAS,EACT,KAAK,EACL,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EAAE,cAAc,2CA6BhB"}

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import { type IconName } from './Icon';
+/**
+ * RoleTile — large radio-card used in the Register screen to pick "Practice
+ * owner" vs "Operations manager". Renders as a clickable card with an icon,
+ * title, description, and a check indicator on the right.
+ *
+ * Stateless — parent passes `active` and `onSelect`.
+ */
+export interface RoleTileProps {
+    icon: IconName;
+    title: string;
+    desc?: ReactNode;
+    active?: boolean;
+    onSelect?: () => void;
+    /** data-testid forwarded to the button. */
+    testId?: string;
+}
+export declare function RoleTile({ icon, title, desc, active, onSelect, testId, }: RoleTileProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RoleTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoleTile.d.ts","sourceRoot":"","sources":["../../../src/theme/components/RoleTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAc,EACd,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,2CAmFf"}

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

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type SectionLabelTone = 'ink' | 'ai';
+export interface SectionLabelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    tone?: SectionLabelTone;
+    /** Optional element rendered before the label text (icon, sparkle, etc.). */
+    icon?: ReactNode;
+    /** Optional element rendered after the label text, pushed to the far right. */
+    right?: ReactNode;
+    children?: ReactNode;
+    /** Forwarded as `data-testid`. */
+    testId?: string;
+}
+/**
+ * SectionLabel — uppercase 11px section header used across drawers and detail
+ * panels. Generalises `CreateClientSectionLabel` (create-client-drawer.jsx:163)
+ * and `ClientDetailSectionLabel` (client-detail.jsx:312) into a single primitive
+ * with optional `icon`/`right` slots and a `tone="ai"` variant (ai-scribe.jsx:271).
+ */
+export declare function SectionLabel({ tone, icon, right, children, style, testId, ...rest }: SectionLabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionLabel.d.ts.map