@teja-app/ui 0.0.10 → 0.0.12

package/dist/theme/components/SidebarNav/types.d.ts

@@ -0,0 +1,157 @@
+import type { HTMLAttributes, ReactNode, ComponentType } from 'react';
+/**
+ * Active state matcher type
+ * - 'exact': path === href
+ * - 'startsWith': path.startsWith(href)
+ * - function: custom matching logic
+ */
+export type SidebarNavActiveMatcher = 'exact' | 'startsWith' | ((currentPath: string, href: string) => boolean);
+/**
+ * Permission check function type
+ */
+export type SidebarNavPermissionCheck = () => boolean;
+/**
+ * Individual navigation item configuration (ported from legacy Sidebar)
+ */
+export interface SidebarNavItemConfig {
+    /** Unique identifier for the item */
+    key: string;
+    /** Display label */
+    label: string;
+    /** Navigation href/path */
+    href: string;
+    /** Icon element to display */
+    icon?: ReactNode;
+    /** Badge count or text */
+    badge?: number | string;
+    /** Whether item is disabled */
+    disabled?: boolean;
+    /** Visibility control */
+    visible?: boolean | SidebarNavPermissionCheck;
+    /** How to determine active state (default: 'exact') */
+    activeMatch?: SidebarNavActiveMatcher;
+    /** Nested items (future use) */
+    children?: SidebarNavItemConfig[];
+    /** Click handler for non-navigation actions */
+    onClick?: () => void;
+    /** Accessibility label override */
+    'aria-label'?: string;
+}
+/**
+ * Navigation group configuration — named SidebarNavGroup to match the legacy
+ * export that the consumer (frontend Sidebar.tsx) imports.
+ */
+export interface SidebarNavGroup {
+    /** Unique identifier for the group */
+    key: string;
+    /** Optional group label/heading */
+    label?: string;
+    /** Navigation items in this group */
+    items: SidebarNavItemConfig[];
+    /** Visibility control for entire group */
+    visible?: boolean | SidebarNavPermissionCheck;
+}
+/**
+ * Size variant (sm/md/lg — maps to padding/font-size)
+ */
+export type SidebarNavSize = 'sm' | 'md' | 'lg';
+/**
+ * Visual variant
+ */
+export type SidebarNavVariant = 'default' | 'minimal';
+/**
+ * Link component props for router integration.
+ * Consumers may destructure only what they need — extras are safely ignored.
+ */
+export interface SidebarNavLinkProps {
+    to: string;
+    className?: string;
+    children: ReactNode;
+    onClick?: () => void;
+    title?: string;
+    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+    'aria-label'?: string;
+    /** Forwarded style so the theme can drive appearance without className */
+    style?: React.CSSProperties;
+    onMouseEnter?: React.MouseEventHandler;
+    onMouseLeave?: React.MouseEventHandler;
+    /** data-testid forwarded to the DOM anchor/link */
+    'data-testid'?: string;
+}
+/**
+ * Props for the SidebarNavItemRow sub-component
+ */
+export interface SidebarNavItemRowProps extends Omit<HTMLAttributes<HTMLElement>, 'onClick'> {
+    item: SidebarNavItemConfig;
+    currentPath?: string;
+    size?: SidebarNavSize;
+    collapsed?: boolean;
+    onNavigate?: (href: string) => void;
+    LinkComponent?: ComponentType<SidebarNavLinkProps>;
+    testId?: string;
+}
+/**
+ * Props for SidebarNavGroupRow sub-component
+ */
+export interface SidebarNavGroupRowProps extends HTMLAttributes<HTMLElement> {
+    group: SidebarNavGroup;
+    currentPath?: string;
+    size?: SidebarNavSize;
+    collapsed?: boolean;
+    LinkComponent?: ComponentType<SidebarNavLinkProps>;
+    onNavigate?: (href: string) => void;
+}
+/**
+ * Props for SidebarNavDivider
+ */
+export interface SidebarNavDividerProps extends HTMLAttributes<HTMLHRElement> {
+    /** Optional label for the divider */
+    label?: string;
+}
+/**
+ * Props for SidebarNav (the main ported component, equivalent to legacy Sidebar)
+ */
+export interface SidebarNavProps extends HTMLAttributes<HTMLElement> {
+    /** Navigation groups organized by position */
+    navigation: {
+        /** Featured items at the very top */
+        featured?: SidebarNavGroup[];
+        /** Primary navigation items */
+        primary?: SidebarNavGroup[];
+        /** Secondary navigation items (below divider) */
+        secondary?: SidebarNavGroup[];
+        /** Bottom navigation items */
+        bottom?: SidebarNavGroup[];
+    };
+    /** Current router path for active detection */
+    currentPath?: string;
+    /** Whether sidebar is open (for mobile) */
+    isOpen?: boolean;
+    /** Callback when sidebar should close (mobile) */
+    onClose?: () => void;
+    /** Whether sidebar is collapsed (desktop) */
+    collapsed?: boolean;
+    /** Callback when collapse state changes */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Visual variant */
+    variant?: SidebarNavVariant;
+    /** Size of nav items */
+    size?: SidebarNavSize;
+    /** Header content */
+    header?: ReactNode;
+    /** Footer content */
+    footer?: ReactNode;
+    /** Custom link component for router integration */
+    LinkComponent?: ComponentType<SidebarNavLinkProps>;
+    /** Navigation callback */
+    onNavigate?: (href: string) => void;
+    /** Whether to show mobile overlay */
+    showMobileOverlay?: boolean;
+    /** Width when expanded (default: 16rem) */
+    width?: string;
+    /** Width when collapsed (default: 4rem) */
+    collapsedWidth?: string;
+    /** Optional test ID for e2e testing */
+    testId?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/components/SidebarNav/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/SidebarNav/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+import { type ReactNode } from 'react';
+import { type IconName } from './Icon';
+export type NavBadgeTone = 'neutral' | 'primary' | 'danger' | 'ai';
+export interface NavItem {
+    id: string;
+    label: string;
+    icon: IconName;
+    /** Marks the item as AI-themed (sparkle glyph, accent locks). */
+    ai?: boolean;
+    badge?: ReactNode;
+    badgeTone?: NavBadgeTone;
+    /** Feature flag key — when `features[feat] === false`, item locks. */
+    feat?: string;
+}
+export interface NavGroup {
+    group: string;
+    items: NavItem[];
+    ai?: boolean;
+    /** Feature flag key that locks the entire group. */
+    feat?: string;
+}
+export interface SidebarNavItemProps {
+    item: NavItem;
+    active: boolean;
+    collapsed: boolean;
+    features?: Record<string, boolean>;
+    onClick?: (id: string) => void;
+    testId?: string;
+}
+export declare function SidebarNavItem({ item, active, collapsed, features, onClick, testId, }: SidebarNavItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../src/theme/components/SidebarNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEnE,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,iEAAiE;IACjE,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,mBAAmB,2CA2JrB"}

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

@@ -0,0 +1,32 @@
+import { type HTMLAttributes } from 'react';
+/**
+ * Skeleton — loading placeholder using theme surface tokens with a shimmer
+ * pulse. Ported from src/components/Skeleton to the theme system.
+ *
+ * @example
+ * <Skeleton variant="text" width="80%" />
+ * <Skeleton variant="circular" width={40} height={40} />
+ * <Skeleton variant="rectangular" width="100%" height={200} />
+ * <Skeleton variant="text" lines={3} />
+ */
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+/** Inject the `tj-skeleton-pulse` keyframes once per document. Idempotent. */
+export declare function ensureSkeletonStyles(): void;
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** Shape variant. Default `text`. */
+    variant?: SkeletonVariant;
+    /** Width (CSS value, or number → px). */
+    width?: string | number;
+    /** Height (CSS value, or number → px). */
+    height?: string | number;
+    /** Enable the shimmer pulse. Default `true`. */
+    animate?: boolean;
+    /** Number of stacked lines (text variant only). Default 1. */
+    lines?: number;
+    /** Screen-reader text. Default `Loading...`. */
+    label?: string;
+    /** Forwarded as `data-testid` on the root. */
+    testId?: string;
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5E;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;AAIlE,8EAA8E;AAC9E,wBAAgB,oBAAoB,IAAI,IAAI,CAU3C;AAQD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,qCAAqC;IACrC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,0GA6FpB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { type SVGAttributes } from 'react';
+/**
+ * Spinner — animated SVG loading indicator using theme tokens.
+ * Ported from src/components/Spinner to the theme system (inline styles +
+ * a `tj-spin` @keyframes injected once via `ensureSpinnerStyles`).
+ *
+ * @example
+ * <Spinner size="md" color="primary" />
+ * <Spinner size="sm" color="current" label="Saving…" />
+ */
+export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
+export type SpinnerColor = 'current' | 'primary' | 'white';
+/** Inject the `tj-spin` keyframes once per document. Idempotent. */
+export declare function ensureSpinnerStyles(): void;
+export interface SpinnerProps extends Omit<SVGAttributes<SVGSVGElement>, 'color'> {
+    /** Spinner size. Default `md`. */
+    size?: SpinnerSize;
+    /** Spinner color. Default `current` (inherits text color). */
+    color?: SpinnerColor;
+    /** Screen-reader label. Default `Loading`. */
+    label?: string;
+    /** Forwarded as `data-testid` on the root `<svg>`. */
+    testId?: string;
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAiB3D,oEAAoE;AACpE,wBAAgB,mBAAmB,IAAI,IAAI,CAO1C;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACnD,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,wGAwClB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { CSSProperties, ReactNode } from 'react';
+export type StatTone = 'neutral' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'ai';
+export interface StatProps {
+    label: ReactNode;
+    value: ReactNode;
+    sub?: ReactNode;
+    /** Optional bullet badge shown beside `sub` (e.g., "+6"). */
+    delta?: ReactNode;
+    tone?: StatTone;
+    /** Adds a sparkle accent next to the label. */
+    ai?: boolean;
+    padding?: number;
+    style?: CSSProperties;
+    testId?: string;
+}
+/**
+ * Stat — ported from design/components/patterns.jsx. Renders inside a
+ * Card; uses `flex-end` alignment so `value` and `sub` sit on the same
+ * line below the label. Tone colors the value; sub is always
+ * `var(--ink-3)`.
+ */
+export declare function Stat({ label, value, sub, delta, tone, ai, padding, style, testId, }: StatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Stat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;AAYhG,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAgB,EAChB,EAAE,EACF,OAAY,EACZ,KAAK,EACL,MAAM,GACP,EAAE,SAAS,2CAsEX"}

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

@@ -0,0 +1,17 @@
+import { type ComboboxProps } from './Combobox';
+/**
+ * StatePicker — searchable state/province select. Defaults to the regions of
+ * `country` (ISO code) from the bundled data; pass `items` to override.
+ * Countries without bundled sub-regions yield an empty list.
+ *
+ * @example
+ * <StatePicker label="State" country="US" value={state} onChange={setState} />
+ */
+export interface StatePickerProps extends Omit<ComboboxProps, 'items'> {
+    /** ISO-3166 country code selecting which region list to use. Default 'US'. */
+    country?: string;
+    /** Override the resolved region list. */
+    items?: ComboboxProps['items'];
+}
+export declare function StatePicker({ country, items, placeholder, ...rest }: StatePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatePicker.d.ts","sourceRoot":"","sources":["../../../src/theme/components/StatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAG1D;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IACpE,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAc,EACd,KAAK,EACL,WAA4B,EAC5B,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAGlB"}

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

@@ -0,0 +1,23 @@
+/**
+ * Horizontal mini-stepper used in the auth funnel (register → verify → setup).
+ * Each step is `{ label, active?, complete? }`. Visual states:
+ *   - active: solid primary disc, ink-1 label
+ *   - complete: solid primary disc with check (TODO if needed)
+ *   - default: bordered disc, ink-3 label
+ */
+export interface StepperStep {
+    label: string;
+    active?: boolean;
+    complete?: boolean;
+    /** Override the auto-derived test id for this step. */
+    testId?: string;
+}
+export interface StepperProps {
+    steps: StepperStep[];
+    /** Constrain total width. */
+    maxWidth?: number;
+    /** Test id applied to the root + auto-prefixed onto each step. */
+    testId?: string;
+}
+export declare function Stepper({ steps, maxWidth, testId }: StepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Stepper.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAc,EAAE,MAAM,EAAE,EAAE,YAAY,2CAkEtE"}

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

@@ -0,0 +1,18 @@
+import { type ButtonHTMLAttributes } from 'react';
+/**
+ * Switch — inline on/off toggle.
+ * Ported from design/components/primitives.jsx. Two sizes:
+ *   - `sm` (30×18): for preference rows and dense forms.
+ *   - `md` (44×24): for hero / master toggles.
+ *
+ * Controlled component — pass `on` + `onChange`.
+ */
+export type SwitchSize = 'sm' | 'md';
+export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'> {
+    on?: boolean;
+    onChange?: (next: boolean) => void;
+    size?: SwitchSize;
+    testId?: string;
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAsB,MAAM,OAAO,CAAC;AAElF;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3E,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,2GAoDjB,CAAC"}

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

@@ -0,0 +1,49 @@
+import { type FC } from 'react';
+/**
+ * TOTP6Cells — 6 individually-focusable numeric cells for TOTP entry.
+ *
+ * Industry-standard 6-digit code without visual grouping (in contrast to the
+ * verify-email 8-cell OTP which groups 4-4). Per-cell visual states track:
+ *   - empty      neutral border, surface-1 fill
+ *   - active     next-cell-to-fill, primary border + ring + blinking caret
+ *   - filled     neutral border, surface-0 fill, ink-1 digit
+ *   - verifying  locked, ink-2 digit
+ *   - verified   success border/fill/digit
+ *   - error      danger border/fill, danger digit
+ *
+ * Behaviours:
+ *   - Auto-focus first empty cell on mount.
+ *   - Typing a digit auto-advances focus.
+ *   - Backspace on an empty cell jumps back and clears the previous cell.
+ *   - Paste anywhere strips non-digits and fills cells in order.
+ *   - Fires onComplete(value) exactly once when all 6 cells hold a digit.
+ *
+ * The component is *controlled* via `value` (a 0–6 char numeric string). All
+ * onChange notifications report the joined string.
+ */
+export type TOTP6CellsState = 'default' | 'verifying' | 'verified' | 'error';
+export interface TOTP6CellsProps {
+    /** 0–6 character numeric string. Non-digits / overflow are stripped. */
+    value: string;
+    /** Fired on every per-cell mutation; receives the joined value. */
+    onChange: (value: string) => void;
+    /**
+     * Fired exactly once when the value reaches 6 digits. Refires only after the
+     * value drops below 6 and rises back to 6 (re-entry after error).
+     */
+    onComplete?: (value: string) => void;
+    /** Visual state override (drives per-cell styling). */
+    state?: TOTP6CellsState;
+    /** Auto-focus the first empty cell on mount. Defaults to true. */
+    autoFocus?: boolean;
+    /** Disables all inputs. Combined with `state === 'verifying' | 'verified'`. */
+    disabled?: boolean;
+    /**
+     * Root `data-testid` for the cell row. Each cell gets `${testId}-cell-${i}`.
+     * Defaults to `totp6`.
+     */
+    testId?: string;
+}
+export declare const TOTP6Cells: FC<TOTP6CellsProps>;
+export default TOTP6Cells;
+//# sourceMappingURL=TOTP6Cells.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TOTP6Cells.d.ts","sourceRoot":"","sources":["../../../src/theme/components/TOTP6Cells.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE7E,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uDAAuD;IACvD,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAkGD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuO1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,70 @@
+import { type HTMLAttributes, type ThHTMLAttributes, type TdHTMLAttributes } from 'react';
+export type SortDirection = 'asc' | 'desc' | null;
+export interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    /** Full width table. Defaults to true. */
+    fullWidth?: boolean;
+    /** Alternate row background for readability. */
+    striped?: boolean;
+    /** Row background highlight on hover. */
+    hoverable?: boolean;
+    /** Compact padding (reduces cell padding). */
+    compact?: boolean;
+    /** Forwarded as `data-testid` on the wrapper div. */
+    testId?: string;
+}
+export type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
+export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /** Selected state for row. */
+    selected?: boolean;
+}
+export interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    /** Make column sortable. */
+    sortable?: boolean;
+    /** Current sort direction. */
+    sortDirection?: SortDirection;
+    /** Sort callback. */
+    onSort?: () => void;
+    /** Text alignment. Defaults to 'left'. */
+    align?: 'left' | 'center' | 'right';
+}
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    /** Text alignment. Defaults to 'left'. */
+    align?: 'left' | 'center' | 'right';
+}
+/**
+ * Table container — full-width scrollable data table using CSS-var tokens.
+ *
+ * Supports `striped`, `hoverable`, and `compact` variants via data attributes
+ * that are consumed by child row/cell components.
+ *
+ * @example
+ * ```tsx
+ * <Table striped hoverable>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead align="right" sortable sortDirection="asc" onSort={handleSort}>Amount</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>Jane Doe</TableCell>
+ *       <TableCell align="right">$200</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+/** Table header section (`<thead>`). */
+export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+/** Table body section (`<tbody>`). */
+export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+/** Table row (`<tr>`). Reads `data-striped` / `data-hoverable` from the ancestor `<table>`. */
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+/** Table header cell (`<th>`). Supports optional sort controls. */
+export declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+/** Table data cell (`<td>`). */
+export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAI1H,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IAC5E,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IAC5E,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAsCD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,KAAK,yGA2BhB,CAAC;AAMH,wCAAwC;AACxC,eAAO,MAAM,WAAW,sHAgBtB,CAAC;AAMH,sCAAsC;AACtC,eAAO,MAAM,SAAS,oHAapB,CAAC;AAMH,+FAA+F;AAC/F,eAAO,MAAM,QAAQ,+GAmBnB,CAAC;AAYH,mEAAmE;AACnE,eAAO,MAAM,SAAS,iHAqCpB,CAAC;AAMH,gCAAgC;AAChC,eAAO,MAAM,SAAS,iHAmBpB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type TabsDensity = 'default' | 'comfortable';
+export interface TabsItem {
+    value: string;
+    label: ReactNode;
+    /** Optional count chip shown after the label. */
+    count?: number;
+    /** Override the per-tab data-testid. Defaults to `tab-{value}`. */
+    testId?: string;
+    /** Disable interaction on a single tab. */
+    disabled?: boolean;
+}
+export interface TabsProps {
+    items: ReadonlyArray<TabsItem>;
+    /** Currently active tab `value`. */
+    value: string;
+    /** Fired with the new tab `value`. */
+    onChange?: (value: string) => void;
+    /** `'comfortable'` adds vertical padding for header-band placement. */
+    density?: TabsDensity;
+    /** Optional ARIA label for the tablist. */
+    ariaLabel?: string;
+    style?: CSSProperties;
+    /** Forwarded as `data-testid` on the tablist root. */
+    testId?: string;
+}
+/**
+ * Tabs — controlled underline tab strip with optional count chips and
+ * left/right arrow keyboard navigation.
+ * Source: design/components/patterns.jsx:42
+ */
+export declare function Tabs({ items, value, onChange, density, ariaLabel, style, testId, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,SAAS,2CAqIX"}

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

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Render the label using `var(--font-mono)`. Defaults to true (matches design). */
+    mono?: boolean;
+    children?: ReactNode;
+    /** Forwarded as `data-testid`. */
+    testId?: string;
+}
+/**
+ * Tag — tonal keyword chip with a faint surface background. Used in
+ * client-detail tag clouds, diagnosis lists, etc.
+ * Source: design/screens/client-detail.jsx:332
+ */
+export declare function Tag({ mono, children, style, testId, ...rest }: TagProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACjF,oFAAoF;IACpF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,EAAE,IAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,2CAmB9E"}

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

@@ -0,0 +1,24 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type FieldChromeProps } from './fieldShell';
+import { type IconName } from './Icon';
+/**
+ * TextInput — bare styled text input matching the design's input box. When a
+ * `label` is supplied it self-wraps in `<FieldShell>`; otherwise it renders the
+ * boxed control alone so it can sit inside a caller layout.
+ *
+ * Ported from `design/components/inputs.jsx` (TextInput) + `Field` chrome.
+ *
+ * @example
+ * <TextInput label="Practice name" hint="Shown to clients" value={v} onChange={…} />
+ * <TextInput icon="search" placeholder="Search…" />
+ */
+export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, FieldChromeProps {
+    /** Leading icon inside the box. */
+    icon?: IconName;
+    /** Trailing slot inside the box (e.g., a Badge or clear button). */
+    trailing?: ReactNode;
+    /** Monospace input font. */
+    mono?: boolean;
+}
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/theme/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,gBAAgB;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,6GAmErB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type TextareaHTMLAttributes } from 'react';
+import { type FieldChromeProps } from './fieldShell';
+/**
+ * Textarea — multi-line text input matching the design's input box. Self-wraps
+ * in `<FieldShell>` when a `label` is supplied.
+ *
+ * Ported from `design/components/patterns.jsx` (Textarea).
+ *
+ * @example
+ * <Textarea label="Practice description" hint="Up to 400 characters" rows={3} />
+ */
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows'>, FieldChromeProps {
+    rows?: number;
+    mono?: boolean;
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAEtB;;;;;;;;GAQG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EAC/D,gBAAgB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,+GAqEpB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type ComboboxProps } from './Combobox';
+/**
+ * TimeZonePicker — searchable IANA time-zone select over the bundled list
+ * (offset shown as each option's `sub`). Pass `items` to override.
+ *
+ * @example
+ * <TimeZonePicker label="Time zone" value={tz} onChange={setTz} />
+ */
+export interface TimeZonePickerProps extends Omit<ComboboxProps, 'items'> {
+    /** Override the bundled time-zone list. */
+    items?: ComboboxProps['items'];
+}
+export declare function TimeZonePicker({ items, placeholder, ...rest }: TimeZonePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeZonePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeZonePicker.d.ts","sourceRoot":"","sources":["../../../src/theme/components/TimeZonePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAG1D;;;;;;GAMG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IACvE,2CAA2C;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAsB,EACtB,WAAgC,EAChC,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAErB"}