@teja-app/ui 0.0.11 → 0.0.12

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

@@ -0,0 +1,53 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface BreadcrumbItem {
+    /** Display label */
+    label: string;
+    /** URL/path for navigation (omit for current page) */
+    href?: string;
+    /** Optional icon before label */
+    icon?: ReactNode;
+}
+export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
+    /** Breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Separator between items (default: chevron icon) */
+    separator?: ReactNode;
+    /** Maximum items to show before collapsing (0 = no collapse) */
+    maxItems?: number;
+    /** Render function for links (for custom routing, e.g. React Router Link) */
+    renderLink?: (item: BreadcrumbItem, children: ReactNode) => ReactNode;
+    /** Forwarded as `data-testid` (and `data-test-id`) on the root element.
+     *  Child items receive `{testId}-item-{index}`. */
+    testId?: string;
+}
+/**
+ * Breadcrumbs — navigation hierarchy trail.
+ *
+ * Drop-in replacement for the legacy `@teja-app/ui` Breadcrumbs: identical
+ * public prop API (`items`, `separator`, `maxItems`, `renderLink`, `testId`),
+ * styled with CSS-var tokens from the `@teja-app/ui/theme` design system.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumbs
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Clients', href: '/clients' },
+ *     { label: 'John Smith', href: '/clients/123' },
+ *     { label: 'Notes' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example Custom router integration
+ * ```tsx
+ * <Breadcrumbs
+ *   items={items}
+ *   renderLink={(item, children) => (
+ *     <Link to={item.href!}>{children}</Link>
+ *   )}
+ * />
+ * ```
+ */
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<BreadcrumbsProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,uBAAuB;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,sDAAsD;IACtD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IACtE;uDACmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,WAAW,0GAkKvB,CAAC"}

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

@@ -13,11 +13,16 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
     tone?: 'block' | 'inline';
     /** Custom outer style for the wrapping label. */
     containerStyle?: CSSProperties;
+    /**
+     * Tri-state: renders the dash glyph and sets the native input's
+     * `indeterminate` DOM property (used by "select all" rows).
+     */
+    indeterminate?: boolean;
     /**
      * Test ID — applied to the wrapping `<label>` as the root. The native
      * input gets `${testId}-input`, the styled square gets `${testId}-square`.
      */
     testId?: string;
 }
-export declare function Checkbox({ label, tone, containerStyle, checked, testId, ...inputProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ label, tone, containerStyle, checked, indeterminate, testId, ...inputProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E;;;;;;;GAOG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,wFAAwF;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,iDAAiD;IACjD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAe,EACf,cAAc,EACd,OAAO,EACP,MAAM,EACN,GAAG,UAAU,EACd,EAAE,aAAa,2CA2Ef"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/theme/components/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E;;;;;;;GAOG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,wFAAwF;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,iDAAiD;IACjD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAe,EACf,cAAc,EACd,OAAO,EACP,aAAqB,EACrB,MAAM,EACN,GAAG,UAAU,EACd,EAAE,aAAa,2CAoGf"}

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

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

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/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/{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/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"}

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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"}