@teja-app/ui 0.0.10 → 0.0.12

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

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../src/theme/components/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAMH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqGD,eAAO,MAAM,QAAQ,0GA6RpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,48 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type FieldChromeProps } from './fieldShell';
+export interface PasswordStrength {
+    /** Strength percentage (0–100) */
+    strength: number;
+    /** Display label */
+    label: 'Weak' | 'Medium' | 'Strong' | '';
+    /** CSS-var background colour token for the progress bar segment */
+    colorVar: string;
+    /** CSS-var text colour token for the label */
+    textColorVar: string;
+}
+export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>, Omit<FieldChromeProps, 'disabled'> {
+    /** Show the strength indicator bar + label below the input. */
+    showStrengthIndicator?: boolean;
+    /**
+     * Root test ID. Applied to the outer wrapper as both `data-testid` and
+     * `data-test-id`; children are suffixed (`-input`, `-toggle-button`,
+     * `-strength`, `-error`, `-hint`).
+     */
+    testId?: string;
+    /**
+     * Legacy compat: `fullWidth` is accepted as an alias for `full`.
+     * Consumers migrating from legacy Input/PasswordInput can keep using it.
+     */
+    fullWidth?: boolean;
+    /**
+     * Legacy compat: `helperText` is accepted as an alias for `hint`.
+     */
+    helperText?: ReactNode;
+    /**
+     * Shows a loading spinner in the trailing position (right slot).
+     * Preserved from legacy `isLoading` so callers don't regress.
+     */
+    isLoading?: boolean;
+}
+/**
+ * PasswordInput — themed text input with show/hide reveal toggle and an
+ * optional password-strength indicator bar. Drop-in replacement for the legacy
+ * `@teja-app/ui` `PasswordInput`; swap the import path and remove Tailwind
+ * class overrides.
+ *
+ * @example
+ * <PasswordInput label="Password" placeholder="Enter password" />
+ * <PasswordInput label="Password" showStrengthIndicator value={pw} onChange={…} />
+ */
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=PasswordInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../src/theme/components/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AA2CtB,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAC;IACzC,mEAAmE;IACnE,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;CACtB;AAyCD,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB,EACC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACpC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+CD;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,iHAgKzB,CAAC"}

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/{components/PillSelector/PillSelector.types.d.ts → theme/components/PillSelector.d.ts}

@@ -1,4 +1,4 @@
-import type { ReactNode, HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 export type PillSelectorSize = 'sm' | 'md' | 'lg';
 export interface PillOption {
     /** Unique value for the option */
@@ -25,5 +25,24 @@ export interface PillSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>,
     fullWidth?: boolean;
     /** Disable the selector */
     disabled?: boolean;
+    /** Forwarded as `data-testid` on the root div. */
+    testId?: string;
 }
-//# sourceMappingURL=PillSelector.types.d.ts.map
+/**
+ * PillSelector — segmented pill chooser for multi- or single-select chip UI.
+ *
+ * Preserves the exact legacy public API from `teja-ui/src/components/PillSelector/`.
+ * Styled with CSS-var tokens from the `@teja-app/ui/theme` design system.
+ *
+ * @example
+ * ```tsx
+ * const [selected, setSelected] = useState<string[]>([]);
+ * <PillSelector
+ *   options={[{ value: 'a', label: 'Option A' }, { value: 'b', label: 'Option B' }]}
+ *   selected={selected}
+ *   onChange={setSelected}
+ * />
+ * ```
+ */
+export declare const PillSelector: import("react").ForwardRefExoticComponent<PillSelectorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PillSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PillSelector.d.ts","sourceRoot":"","sources":["../../../src/theme/components/PillSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5F,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,wBAAwB;IACxB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3B,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,oCAAoC;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoBD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,8GAiIxB,CAAC"}

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

@@ -0,0 +1,89 @@
+import { type CSSProperties, type InputHTMLAttributes } from 'react';
+export type RadioSize = 'sm' | 'md' | 'lg';
+export interface RadioOption {
+    /** Option value */
+    value: string;
+    /** Option label */
+    label: string;
+    /** Disable this option */
+    disabled?: boolean;
+}
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /** Radio label */
+    label?: string;
+    /** Radio size */
+    size?: RadioSize;
+    /** Error state (typically set by RadioGroup) */
+    error?: boolean;
+    /**
+     * Test ID — applied to the wrapping `<label>` as root.
+     * The native input gets `${testId}-radio`; the label span gets `${testId}-label`.
+     */
+    testId?: string;
+}
+export interface RadioGroupProps {
+    /** Group name (required for proper radio behavior) */
+    name: string;
+    /** Available options */
+    options: RadioOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback when selection changes */
+    onChange?: (value: string) => void;
+    /** Group label */
+    label?: string;
+    /** Radio size */
+    size?: RadioSize;
+    /** Error message */
+    error?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Disable all options */
+    disabled?: boolean;
+    /** Layout direction */
+    orientation?: 'vertical' | 'horizontal';
+    /** Additional inline style on the root fieldset */
+    style?: CSSProperties;
+    /** Shows loading spinner and disables group */
+    isLoading?: boolean;
+    /**
+     * Test ID — applied to the wrapping `<fieldset>`.
+     * Each option gets `${testId}-option-{index}`; error/helper get suffixed too.
+     */
+    testId?: string;
+}
+/**
+ * Radio — a single radio input with an optional label. Typically used inside
+ * a `RadioGroup`, but can be used standalone.
+ *
+ * Styled entirely with CSS-var tokens — no Tailwind, no hex literals.
+ *
+ * @example
+ * ```tsx
+ * <Radio name="plan" value="pro" label="Pro" checked={plan === 'pro'} onChange={…} />
+ * ```
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+/**
+ * RadioGroup — manages a group of radio options with optional label, error,
+ * helper text, orientation, and loading state.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup
+ *   name="status"
+ *   label="Status"
+ *   options={[
+ *     { value: 'active', label: 'Active' },
+ *     { value: 'inactive', label: 'Inactive' },
+ *   ]}
+ *   value={status}
+ *   onChange={setStatus}
+ * />
+ * ```
+ */
+export declare function RadioGroup({ name, options, value, onChange, label, size, error, helperText, disabled, orientation, style, isLoading, testId, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RadioGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,mDAAmD;IACnD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,yGAgHhB,CAAC;AAMH;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAW,EACX,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,WAAwB,EACxB,KAAK,EACL,SAAiB,EACjB,MAAM,GACP,EAAE,eAAe,2CA+FjB;yBA7Ge,UAAU"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../../../src/theme/components/SectionLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACzF,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAY,EACZ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAqBnB"}

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

@@ -0,0 +1,15 @@
+import type { CSSProperties, ReactNode } from 'react';
+export interface SegmentedControlItem<T extends string = string> {
+    value: T;
+    label: ReactNode;
+}
+export interface SegmentedControlProps<T extends string = string> {
+    items: ReadonlyArray<SegmentedControlItem<T>>;
+    value: T;
+    onChange?: (value: T) => void;
+    size?: 'sm' | 'md';
+    style?: CSSProperties;
+    testId?: string;
+}
+export declare function SegmentedControl<T extends string = string>({ items, value, onChange, size, style, testId, }: SegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/theme/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC9D,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAiD1B"}

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

@@ -0,0 +1,24 @@
+import { type TejaOption, type FieldChromeProps } from './fieldShell';
+export interface SelectProps extends FieldChromeProps {
+    /** Selectable options. */
+    items: TejaOption[];
+    /** Current value, or `null` when nothing is selected. */
+    value: string | null;
+    onChange?: (value: string) => void;
+    /** Trigger text when no value is selected. Defaults to `Select…`. */
+    placeholder?: string;
+    /** Panel placement relative to the trigger. Defaults to `bottom`. */
+    placement?: 'bottom' | 'top';
+}
+/**
+ * Select — single-value dropdown (listbox) built on Headless UI v2 `Listbox`,
+ * restyled to the theme's "Clinical Calm" tokens. The trigger is a 36px control
+ * box (surface-0, strong border, r-md) that shows the selected label or the
+ * placeholder in `--ink-4`; the chevron rotates when open. The panel renders on
+ * `--surface-0` with `--shadow-pop`; the selected row shows a `check` Icon in
+ * `--primary` and the active row uses `--surface-2`.
+ *
+ * Ported from `design/components/inputs.jsx` (`Select`).
+ */
+export declare function Select({ items, value, onChange, placeholder, placement, label, hint, error, required, full, disabled, testId, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Select.tsx"],"names":[],"mappings":"AASA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACnD,0BAA0B;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,yDAAyD;IACzD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC9B;AAuDD;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,SAAoB,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,WAAW,2CAmGb"}

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

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import { type IconName } from './Icon';
+/**
+ * SettingRow — preference row with optional icon, title, hint, and a
+ * right-side control. Ported from design/components/patterns.jsx.
+ *
+ * By default the right side is a `<Switch>` driven by `on` / `onChange`.
+ * Pass `control` to swap in any other control (segmented, select, button).
+ */
+export type SettingRowTone = 'default' | 'subtle';
+export interface SettingRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'onChange'> {
+    icon?: IconName;
+    title: ReactNode;
+    hint?: ReactNode;
+    on?: boolean;
+    onChange?: (next: boolean) => void;
+    /** Replace the default Switch entirely. */
+    control?: ReactNode;
+    tone?: SettingRowTone;
+    testId?: string;
+}
+export declare function SettingRow({ icon, title, hint, on, onChange, control, tone, style, testId, ...rest }: SettingRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingRow.d.ts","sourceRoot":"","sources":["../../../src/theme/components/SettingRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG7C;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,OAAO,EACP,IAAgB,EAChB,KAAK,EACL,MAAM,EACN,GAAG,IAAI,EACR,EAAE,eAAe,2CA8CjB"}

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import { type NavGroup } from './SidebarNavItem';
+export interface SidebarWorkspace {
+    name: string;
+    detail?: string;
+    initials?: string;
+}
+export interface SidebarUser {
+    name: string;
+    role?: string;
+    paletteIdx?: number;
+}
+export interface SidebarProps {
+    nav: ReadonlyArray<NavGroup>;
+    activeId?: string | null;
+    collapsed?: boolean;
+    onToggle?: () => void;
+    features?: Record<string, boolean>;
+    workspace?: SidebarWorkspace;
+    user?: SidebarUser;
+    onItemClick?: (id: string) => void;
+    onUserClick?: () => void;
+    onWorkspaceClick?: () => void;
+    testId?: string;
+    footerExtras?: ReactNode;
+}
+export declare function Sidebar({ nav, activeId, collapsed: collapsedProp, onToggle, features, workspace, user, onItemClick, onUserClick, onWorkspaceClick, testId, footerExtras, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,YAAY,GACb,EAAE,YAAY,2CA6Jd"}

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

@@ -0,0 +1,20 @@
+import type { SidebarNavProps } from './types';
+export declare function ensureSidebarNavStyles(): void;
+/**
+ * SidebarNav — theme port of the legacy @teja-app/ui Sidebar component.
+ *
+ * Provides a responsive navigation container with:
+ * - Mobile overlay + open/close state (fixed, translated off-screen when closed)
+ * - Collapsible desktop mode (icon-only, via `collapsed` + `onCollapsedChange`)
+ * - Four navigation zones: featured / primary / secondary / bottom
+ * - Custom LinkComponent for router integration
+ *
+ * Named SidebarNav to avoid colliding with the existing opinionated Sidebar
+ * component already exported by @teja-app/ui/theme.
+ *
+ * On desktop (lg+) the sidebar becomes `position: static` via injected CSS
+ * (see `ensureSidebarNavStyles`). The component calls this automatically on
+ * first render.
+ */
+export declare const SidebarNav: import("react").ForwardRefExoticComponent<SidebarNavProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=SidebarNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/SidebarNav/SidebarNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAWlE,wBAAgB,sBAAsB,IAAI,IAAI,CAkB7C;AAuFD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,yGAgPtB,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { SidebarNavDividerProps } from './types';
+/**
+ * SidebarNavDivider — visual separator between navigation sections.
+ * Theme port of the legacy SidebarDivider component.
+ * Uses CSS-var inline styles instead of Tailwind className.
+ */
+export declare const SidebarNavDivider: import("react").ForwardRefExoticComponent<SidebarNavDividerProps & import("react").RefAttributes<HTMLHRElement>>;
+//# sourceMappingURL=SidebarNavDivider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavDivider.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/SidebarNav/SidebarNavDivider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,kHA6C7B,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { SidebarNavGroupRowProps, SidebarNavGroup } from './types';
+export declare function shouldShowNavGroup(group: SidebarNavGroup): boolean;
+/**
+ * Renders a navigation group (optional label + list of items).
+ * Theme port of legacy SidebarGroup — uses inline styles instead of Tailwind.
+ */
+export declare const SidebarNavGroupRow: import("react").ForwardRefExoticComponent<SidebarNavGroupRowProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SidebarNavGroupRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavGroupRow.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/SidebarNav/SidebarNavGroupRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAKxE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAKlE;AAID;;;GAGG;AACH,eAAO,MAAM,kBAAkB,oHAwD9B,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { SidebarNavItemRowProps, SidebarNavItemConfig } from './types';
+export declare function shouldShowNavItem(item: SidebarNavItemConfig): boolean;
+/**
+ * Renders a single navigation item inside SidebarNav.
+ * Theme port of legacy SidebarItem — uses inline style objects instead of Tailwind.
+ */
+export declare function SidebarNavItemRow({ item, currentPath, size, collapsed, onNavigate, LinkComponent, testId, }: SidebarNavItemRowProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SidebarNavItemRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItemRow.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/SidebarNav/SidebarNavItemRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EAIrB,MAAM,SAAS,CAAC;AAIjB,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,GAAG,OAAO,CAKrE;AA4HD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,WAAW,EACX,IAAW,EACX,SAAiB,EACjB,UAAU,EACV,aAAa,EACb,MAAM,GACP,EAAE,sBAAsB,kDA2ExB"}

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

@@ -0,0 +1,12 @@
+/**
+ * SidebarNav — theme port of the legacy @teja-app/ui Sidebar component family.
+ *
+ * Named with the SidebarNav prefix to avoid colliding with the existing
+ * opinionated Sidebar (and SidebarNavItem) components in the theme.
+ */
+export { SidebarNav, ensureSidebarNavStyles } from './SidebarNav';
+export { SidebarNavDivider } from './SidebarNavDivider';
+export { SidebarNavGroupRow } from './SidebarNavGroupRow';
+export { SidebarNavItemRow, shouldShowNavItem } from './SidebarNavItemRow';
+export type { SidebarNavProps, SidebarNavGroup, SidebarNavItemConfig, SidebarNavGroupRowProps, SidebarNavItemRowProps, SidebarNavDividerProps, SidebarNavLinkProps, SidebarNavSize, SidebarNavVariant, SidebarNavActiveMatcher, SidebarNavPermissionCheck, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/SidebarNav/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,YAAY,EACV,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}