@dashforge/tw 0.1.0-beta

package/dist/src/components/AppShell/AppShell.d.ts

@@ -0,0 +1,32 @@
+import type { AppShellProps } from './appShell.types.js';
+/**
+ * Dashforge TW AppShell — top-level layout orchestrator.
+ *
+ *   ┌──────────────────────────────────────────┐
+ *   │              header                      │  ← `header` slot
+ *   ├────────┬─────────────────────────────────┤
+ *   │        │                                 │
+ *   │  nav   │           main                  │  ← `nav` + `children`
+ *   │        │                                 │
+ *   ├────────┴─────────────────────────────────┤
+ *   │              footer                      │  ← `footer` slot
+ *   └──────────────────────────────────────────┘
+ *
+ * **Responsive**:
+ *   - `≥ md`: nav stays in the inline slot at the left.
+ *   - `< md`: nav becomes a slide-in drawer toggled by `navOpen`.
+ *     A backdrop closes the drawer on click (mirrors `<Dialog>` UX).
+ *
+ * **Body scroll lock**: when the mobile drawer is open we add
+ * `overflow-hidden` to `<body>` to prevent dual-scroll wobble. The
+ * effect cleans up on close + on unmount.
+ *
+ * **A11y**:
+ *   - `<main>` landmark wraps the content area.
+ *   - `<header>` / `<footer>` come for free from their HTML tags.
+ *   - The mobile drawer + backdrop participate in the standard
+ *     "click outside to close" pattern — `Escape` closes the drawer
+ *     too (added via global keydown).
+ */
+export declare function AppShell(props: AppShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/src/components/AppShell/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA+E5C"}

package/dist/src/components/AppShell/appShell.types.d.ts

@@ -0,0 +1,62 @@
+import type { ReactNode } from 'react';
+import type { AppShellVariants } from './appShell.variants.js';
+export interface AppShellSlotProps {
+    root?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    nav?: {
+        className?: string;
+    };
+    navMobile?: {
+        className?: string;
+    };
+    main?: {
+        className?: string;
+    };
+    footer?: {
+        className?: string;
+    };
+    backdrop?: {
+        className?: string;
+    };
+}
+/**
+ * Props for `<AppShell>`.
+ *
+ * Top-level layout orchestrator with 4 named slots:
+ *
+ *   - `header` (top, sticky)
+ *   - `nav`    (left side, fixed-width on desktop, drawer on mobile)
+ *   - `footer` (bottom, non-sticky)
+ *   - `children` (main content, scrolls independently)
+ *
+ * Responsive behavior:
+ *   - **≥ md (768px)**: nav is rendered inline at the left.
+ *   - **< md**:        nav slides in as an overlay drawer when
+ *                      `navOpen={true}` (controlled).
+ *
+ * The shell is router-agnostic — pass any nav/header content. Typical
+ * pairing is `<LeftNav>` + `<TopBar>` (with a hamburger button in
+ * `TopBar.start` that flips `navOpen`).
+ */
+export interface AppShellProps extends AppShellVariants {
+    header?: ReactNode;
+    nav?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    /**
+     * Mobile drawer open state. Controlled — provide
+     * `onNavOpenChange` to update. When `undefined`, the mobile drawer
+     * is always closed (consumer hasn't wired up the toggle yet).
+     */
+    navOpen?: boolean;
+    onNavOpenChange?: (open: boolean) => void;
+    /** Root className shortcut. */
+    sx?: string;
+    /** Per-slot className overrides. */
+    slotProps?: AppShellSlotProps;
+}
+//# sourceMappingURL=appShell.types.d.ts.map

package/dist/src/components/AppShell/appShell.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appShell.types.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/appShell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,GAAG,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7B,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,QAAQ,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B"}

package/dist/src/components/AppShell/appShell.variants.d.ts

@@ -0,0 +1,65 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * Tailwind-variants recipe for `<AppShell>`.
+ *
+ * Slots:
+ *   - `root`      — outer flex column (full viewport)
+ *   - `header`    — top region
+ *   - `body`      — flex row holding nav + main
+ *   - `nav`       — desktop nav rail (md+)
+ *   - `navMobile` — mobile drawer (slide-in)
+ *   - `main`      — scrollable content area
+ *   - `footer`    — bottom region
+ *   - `backdrop`  — semi-opaque overlay behind the mobile drawer
+ */
+export declare const appShellVariants: import("tailwind-variants").TVReturnType<{
+    navOpen: {
+        true: {
+            navMobile: string;
+            backdrop: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    body: string;
+    nav: string;
+    navMobile: string[];
+    main: string;
+    footer: string;
+    backdrop: string[];
+}, undefined, {
+    navOpen: {
+        true: {
+            navMobile: string;
+            backdrop: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    body: string;
+    nav: string;
+    navMobile: string[];
+    main: string;
+    footer: string;
+    backdrop: string[];
+}, import("tailwind-variants").TVReturnType<{
+    navOpen: {
+        true: {
+            navMobile: string;
+            backdrop: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    body: string;
+    nav: string;
+    navMobile: string[];
+    main: string;
+    footer: string;
+    backdrop: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type AppShellVariants = VariantProps<typeof appShellVariants>;
+//# sourceMappingURL=appShell.variants.d.ts.map

package/dist/src/components/AppShell/appShell.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appShell.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/appShell.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA8B3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/src/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,32 @@
+import type { AutocompleteOption, AutocompleteProps } from './autocomplete.types.js';
+/**
+ * Dashforge TW Autocomplete — bridge-integrated single-select combobox.
+ *
+ * **Implementation note (F5-A, rev. 2)**
+ *
+ * The first revision wrapped `react-aria-components`' `<ComboBox>` to get
+ * AAA-grade a11y for free. In practice React Aria's internal state
+ * machine fought every controlled-state pattern we tried (the input text
+ * would not clear when `selectedKey` went to `null`, even with a forced
+ * remount via `key` bumping). To get deterministic behaviour we own all
+ * of the state ourselves:
+ *
+ *   - `inputValue`       — the visible text in the `<input>`
+ *   - `isOpen`           — popover visibility
+ *   - `highlightedIndex` — keyboard navigation cursor
+ *
+ * A11y is still solid:
+ *   - `role="combobox"` + `aria-autocomplete="list"` on the input
+ *   - `aria-expanded`, `aria-controls`, `aria-activedescendant`
+ *   - `role="listbox"` / `role="option"` with `aria-selected`
+ *   - Full keyboard nav (↑/↓ navigate, Enter selects, Escape closes,
+ *     Home/End jump, Tab closes, click-outside closes)
+ *   - Required field gets `aria-required="true"`
+ *
+ * F5-A scope: single-select, static options, contains-substring filter
+ * (case-insensitive). Multi-select, free-solo text, generic option
+ * shapes, and async runtime options (`optionsFromFieldData`) are
+ * deferred to F5-A-bis.
+ */
+export declare function Autocomplete<TOption = AutocompleteOption>(props: AutocompleteProps<TOption>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Autocomplete.d.ts.map

package/dist/src/components/Autocomplete/Autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,yBAAyB,CAAC;AAuCjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAG,kBAAkB,EACvD,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,kDAu4BlC"}

package/dist/src/components/Autocomplete/autocomplete.types.d.ts

@@ -0,0 +1,214 @@
+import type { ReactNode } from 'react';
+import type { Engine } from '@dashforge/ui-core';
+import type { AccessRequirement } from '@dashforge/rbac';
+import type { AutocompleteVariants } from './autocomplete.variants.js';
+/**
+ * Default `{ value, label, disabled? }` option shape.
+ *
+ * The simplest shape and the one used by the component when no
+ * `getOptionValue` / `getOptionLabel` props are provided. For richer
+ * option shapes (e.g., `{ id, name, country, ... }`) make the component
+ * generic by passing `<TOption>` and providing the accessors:
+ *
+ * ```tsx
+ * type User = { id: string; name: string; admin?: boolean };
+ *
+ * <Autocomplete<User>
+ *   name="owner"
+ *   options={users}
+ *   getOptionValue={(u) => u.id}
+ *   getOptionLabel={(u) => u.name}
+ *   getOptionDisabled={(u) => !u.admin}
+ * />
+ * ```
+ */
+export interface AutocompleteOption {
+    /** Value persisted on the form. */
+    value: string;
+    /** Display label (string or any React node). */
+    label: ReactNode;
+    /** Per-option explicit disable. */
+    disabled?: boolean;
+}
+export interface AutocompleteSlotProps {
+    root?: {
+        className?: string;
+    };
+    label?: {
+        className?: string;
+    };
+    requiredMark?: {
+        className?: string;
+    };
+    inputWrapper?: {
+        className?: string;
+    };
+    input?: {
+        className?: string;
+    };
+    trigger?: {
+        className?: string;
+    };
+    clearButton?: {
+        className?: string;
+    };
+    popover?: {
+        className?: string;
+    };
+    listBox?: {
+        className?: string;
+    };
+    listItem?: {
+        className?: string;
+    };
+    emptyState?: {
+        className?: string;
+    };
+    helperText?: {
+        className?: string;
+    };
+    errorText?: {
+        className?: string;
+    };
+    /** Wrapper around the chip list (multi-select only). */
+    chipsList?: {
+        className?: string;
+    };
+    /** Individual chip displayed in multi-select. */
+    chip?: {
+        className?: string;
+    };
+    /** `×` button on a chip. */
+    chipRemove?: {
+        className?: string;
+    };
+}
+/**
+ * Union of the value shapes `<Autocomplete>` accepts.
+ *
+ * - **Single-select (default)**: `string | null`
+ * - **Multi-select** (`multiple` prop): `string[] | null`
+ *
+ * `null` means "no selection" in both modes — a multi-select with no
+ * picks emits an empty array on first commit, then keeps emitting arrays.
+ */
+export type AutocompleteValue = string | string[] | null;
+/**
+ * Props for `<Autocomplete>`.
+ *
+ * Bridge-integrated single-select combobox with full ARIA combobox
+ * a11y, keyboard navigation, and Form Closure v1 error gating.
+ *
+ * Mirrors the MUI-side `@dashforge/ui/Autocomplete` at the bridge
+ * level — same `name` / `rules` / `visibleWhen` / `access` semantics,
+ * same StrictMode-safe unregister-on-unmount.
+ *
+ * @typeParam TOption  Shape of an option. Defaults to
+ *                     `AutocompleteOption` (`{ value, label, disabled? }`).
+ *                     Pass `<TOption>` + `getOptionValue` / `getOptionLabel`
+ *                     for arbitrary domain types.
+ */
+export interface AutocompleteProps<TOption = AutocompleteOption> extends AutocompleteVariants {
+    name: string;
+    rules?: unknown;
+    options: TOption[];
+    label?: ReactNode;
+    helperText?: ReactNode;
+    required?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    /** Placeholder shown when the input is empty. */
+    placeholder?: string;
+    /** Engine predicate — field not rendered when it returns `false`. */
+    visibleWhen?: (engine: Engine) => boolean;
+    /** RBAC access requirement. */
+    access?: AccessRequirement;
+    /** Root className shortcut. */
+    sx?: string;
+    /** Per-slot className overrides. */
+    slotProps?: AutocompleteSlotProps;
+    /** Controlled value (form mode reads from the bridge if omitted). */
+    value?: AutocompleteValue;
+    /** Default value for uncontrolled mode (no-op in form mode). */
+    defaultValue?: AutocompleteValue;
+    /** Fires when the user picks an option (after bridge update in form mode). */
+    onValueChange?: (value: AutocompleteValue) => void;
+    /** Fallback text when no option matches the typed filter. */
+    emptyMessage?: string;
+    /**
+     * Multi-select mode. When `true`:
+     *
+     * - `value` / `defaultValue` accept `string[]` (or `null`).
+     * - Picks are toggled rather than replaced; the popover stays open.
+     * - Selected items render as chips inside the input wrapper.
+     * - Backspace at the start of an empty input removes the last chip.
+     * - The clear button (`×`) clears the entire selection.
+     */
+    multiple?: boolean;
+    /**
+     * Allow committing arbitrary strings (not just option values).
+     *
+     * When `true`:
+     *   - **Enter** commits the typed text as the value when no option
+     *     row is highlighted (or no rows match the filter).
+     *   - **Blur** commits the typed text the same way, unless the text
+     *     exactly matches an existing option's label (in which case the
+     *     option's value snaps in).
+     *   - In multi mode, each free-solo commit adds a new chip whose key
+     *     and label are the typed string.
+     *
+     * Free-solo is independent of `multiple` — works in both modes.
+     */
+    freeSolo?: boolean;
+    /**
+     * Async option loader. Called (debounced by `loadDebounceMs`) every
+     * time the user types in the input. Results replace the static
+     * `options` prop while the user is actively filtering.
+     *
+     * Return a promise that resolves with the new option list. Reject /
+     * throw to surface a generic empty state.
+     *
+     * @example
+     * ```tsx
+     * <Autocomplete
+     *   name="user"
+     *   options={[]}
+     *   loadOptions={async (q) => {
+     *     const res = await fetch(`/api/users?q=${q}`);
+     *     return res.ok ? res.json() : [];
+     *   }}
+     * />
+     * ```
+     */
+    loadOptions?: (query: string) => Promise<TOption[]>;
+    /**
+     * Debounce window (ms) for `loadOptions`. The loader fires after the
+     * user stops typing for this long.
+     * @default 250
+     */
+    loadDebounceMs?: number;
+    /** Text displayed in the popover while a fetch is in flight. */
+    loadingMessage?: ReactNode;
+    /**
+     * Extract the persistable value (string) from an option.
+     * @default `(o) => (o as AutocompleteOption).value`
+     */
+    getOptionValue?: (option: TOption) => string;
+    /**
+     * Extract the display label from an option.
+     * @default `(o) => (o as AutocompleteOption).label`
+     */
+    getOptionLabel?: (option: TOption) => ReactNode;
+    /**
+     * Per-option disabled flag.
+     * @default `(o) => Boolean((o as AutocompleteOption).disabled)`
+     */
+    getOptionDisabled?: (option: TOption) => boolean;
+    /**
+     * Unique React key for an option. Defaults to `getOptionValue`.
+     * Override if your `value` strings can collide across distinct
+     * option records (rare).
+     */
+    getOptionKey?: (option: TOption) => string;
+}
+//# sourceMappingURL=autocomplete.types.d.ts.map

package/dist/src/components/Autocomplete/autocomplete.types.d.ts.map

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

package/dist/src/components/Autocomplete/autocomplete.variants.d.ts

@@ -0,0 +1,214 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * Tailwind-variants recipe for `<Autocomplete>` with slots.
+ *
+ * Slots:
+ *   - `root`         — outer wrapper (label + combobox + helper/error)
+ *   - `label`        — text label above the input
+ *   - `requiredMark` — red `*` for required fields
+ *   - `inputWrapper` — surface holding the input + clear/trigger buttons
+ *   - `input`        — the typeable text input
+ *   - `trigger`      — caret / chevron button that opens the popover
+ *   - `clearButton`  — `×` button to clear the current selection
+ *   - `popover`      — floating panel containing the option list
+ *   - `listBox`      — list element wrapping the options
+ *   - `listItem`     — single option row
+ *   - `emptyState`   — fallback when no options match the filter
+ *   - `helperText`   — descriptive line below the input
+ *   - `errorText`    — semantic counterpart for error mode
+ *   - `chipsList`    — wrapper around selected chips (multi-select only)
+ *   - `chip`         — individual selected chip
+ *   - `chipRemove`   — `×` button on a chip
+ */
+export declare const autocompleteVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+    };
+    layout: {
+        stacked: {
+            root: string;
+        };
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            inputWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            inputWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            inputWrapper: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    inputWrapper: string[];
+    input: string[];
+    trigger: string[];
+    clearButton: string[];
+    popover: string[];
+    listBox: string;
+    listItem: string[];
+    emptyState: string;
+    helperText: string;
+    errorText: string;
+    chipsList: string;
+    chip: string[];
+    chipRemove: string[];
+}, undefined, {
+    size: {
+        sm: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+    };
+    layout: {
+        stacked: {
+            root: string;
+        };
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            inputWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            inputWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            inputWrapper: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    inputWrapper: string[];
+    input: string[];
+    trigger: string[];
+    clearButton: string[];
+    popover: string[];
+    listBox: string;
+    listItem: string[];
+    emptyState: string;
+    helperText: string;
+    errorText: string;
+    chipsList: string;
+    chip: string[];
+    chipRemove: string[];
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: string;
+            trigger: string;
+            clearButton: string;
+        };
+    };
+    layout: {
+        stacked: {
+            root: string;
+        };
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            inputWrapper: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            inputWrapper: string;
+        };
+    };
+    disabled: {
+        true: {
+            inputWrapper: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    inputWrapper: string[];
+    input: string[];
+    trigger: string[];
+    clearButton: string[];
+    popover: string[];
+    listBox: string;
+    listItem: string[];
+    emptyState: string;
+    helperText: string;
+    errorText: string;
+    chipsList: string;
+    chip: string[];
+    chipRemove: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type AutocompleteVariants = VariantProps<typeof autocompleteVariants>;
+//# sourceMappingURL=autocomplete.variants.d.ts.map

package/dist/src/components/Autocomplete/autocomplete.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/autocomplete.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6G/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { BreadcrumbsProps } from './breadcrumbs.types.js';
+/**
+ * Dashforge TW Breadcrumbs — router-agnostic navigation trail.
+ *
+ * Pure presentational. The consumer derives `items` from their routing
+ * layer (no automatic location read) — that keeps the component usable
+ * with React Router, Next.js App Router, TanStack Router, Wouter, etc.
+ *
+ * Truncation policy: when `items.length > maxItems > 0`, the middle is
+ * collapsed into a non-interactive `…` placeholder. `itemsBeforeCollapse`
+ * (default 1) and `itemsAfterCollapse` (default 1) control how many
+ * crumbs survive at each end — set both to 0 to keep only first+last,
+ * or higher to preserve more context.
+ *
+ * **A11y**:
+ *   - `<nav aria-label="Breadcrumb">` landmark
+ *   - `<ol>` semantic list (screen readers announce position-in-list)
+ *   - `aria-current="page"` on the last (or `current: true`) crumb
+ *   - Separator nodes carry `aria-hidden="true"` (decorative)
+ *   - The truncation ellipsis is a `<span aria-label="More breadcrumbs">`
+ */
+export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDA8KlD"}