@dashforge/tw 0.1.0-beta

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

@@ -0,0 +1,38 @@
+import type { ConfirmDialogProviderProps, ConfirmFn } from './confirmDialog.types.js';
+/**
+ * `useConfirm()` — returns the imperative `confirm()` function.
+ *
+ * Throws if called outside a `<ConfirmDialogProvider>`. The thrown error
+ * tells the developer exactly what to do — no silent no-op (silently
+ * resolving `false` would be a footgun for destructive actions).
+ */
+export declare function useConfirm(): ConfirmFn;
+/**
+ * Dashforge TW ConfirmDialog provider.
+ *
+ * Imperative confirmation modal built on the native HTML `<dialog>`
+ * element + `showModal()`. Why native:
+ *
+ *  1. **AAA-grade a11y for free** — browsers implement focus trap,
+ *     Escape key, inert background, and `aria-modal` semantics natively.
+ *  2. **Zero new deps** — no `@radix-ui/react-dialog` or Aria stack.
+ *  3. **Smaller bundle** — ~1 KB of logic vs. ~25 KB for Aria Dialog.
+ *
+ * **Behaviour**:
+ *   - `confirm(opts)` returns a `Promise<boolean>`.
+ *   - Backdrop click resolves `false` (unless `disableBackdropClose`).
+ *   - Escape key resolves `false` (unless `disableEscapeClose`).
+ *   - Cancel button resolves `false`.
+ *   - Confirm button resolves `true`.
+ *   - At most ONE dialog open at a time — concurrent `confirm()` calls
+ *     queue and fire FIFO (so a destructive action can't accidentally
+ *     race a benign one).
+ *
+ * **A11y**:
+ *   - `<dialog>` ⇒ implicit `role="dialog"` + `aria-modal="true"`.
+ *   - `aria-labelledby` wires the title id to the dialog.
+ *   - Focus is auto-trapped by `showModal()`.
+ *   - First focusable element receives focus on open (browser-managed).
+ */
+export declare function ConfirmDialogProvider(props: ConfirmDialogProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,0BAA0B,EAC1B,SAAS,EAGV,MAAM,0BAA0B,CAAC;AAalC;;;;;;GAMG;AACH,wBAAgB,UAAU,IAAI,SAAS,CAQtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAkLtE"}

package/dist/src/components/ConfirmDialog/confirmDialog.types.d.ts

@@ -0,0 +1,80 @@
+import type { ReactNode } from 'react';
+import type { ConfirmDialogVariants } from './confirmDialog.variants.js';
+/**
+ * Severity / intent of the confirmation request — drives the accent
+ * color of the confirm button (info / warning / danger / success).
+ */
+export type ConfirmSeverity = 'info' | 'warning' | 'danger' | 'success';
+export interface ConfirmDialogSlotProps {
+    backdrop?: {
+        className?: string;
+    };
+    dialog?: {
+        className?: string;
+    };
+    title?: {
+        className?: string;
+    };
+    body?: {
+        className?: string;
+    };
+    actions?: {
+        className?: string;
+    };
+    confirmButton?: {
+        className?: string;
+    };
+    cancelButton?: {
+        className?: string;
+    };
+}
+/**
+ * One-shot confirmation request.
+ *
+ * Passed to `confirm()` from `useConfirm()` — the consumer awaits the
+ * returned promise. Resolves `true` when the user clicks confirm,
+ * `false` otherwise (cancel, backdrop, Escape).
+ */
+export interface ConfirmOptions {
+    title?: ReactNode;
+    /**
+     * Body content. Either a plain node (rendered inside `<p>`) or a
+     * fully custom render — accepted as a ReactNode to keep the API simple.
+     */
+    body?: ReactNode;
+    /** Confirm button label. @default 'Confirm' */
+    confirmLabel?: ReactNode;
+    /** Cancel button label. @default 'Cancel' */
+    cancelLabel?: ReactNode;
+    /** Severity drives confirm button color. @default 'info' */
+    severity?: ConfirmSeverity;
+    /** Disable the backdrop-click close. @default false */
+    disableBackdropClose?: boolean;
+    /** Disable the Escape-key close. @default false */
+    disableEscapeClose?: boolean;
+    /** Per-slot className overrides for this single invocation. */
+    slotProps?: ConfirmDialogSlotProps;
+}
+/**
+ * Imperative API exposed by `useConfirm()`.
+ *
+ * ```tsx
+ * const confirm = useConfirm();
+ * const ok = await confirm({
+ *   title: 'Delete record?',
+ *   body: 'This action cannot be undone.',
+ *   severity: 'danger',
+ *   confirmLabel: 'Delete',
+ * });
+ * if (ok) { ... }
+ * ```
+ */
+export type ConfirmFn = (options?: ConfirmOptions) => Promise<boolean>;
+export interface ConfirmDialogProviderProps extends ConfirmDialogVariants {
+    children: ReactNode;
+    /** Default options merged into every `confirm()` invocation. */
+    defaults?: ConfirmOptions;
+    /** Per-slot className overrides applied to ALL invocations. */
+    slotProps?: ConfirmDialogSlotProps;
+}
+//# sourceMappingURL=confirmDialog.types.d.ts.map

package/dist/src/components/ConfirmDialog/confirmDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmDialog.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/confirmDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,aAAa,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAEvE,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC"}

package/dist/src/components/ConfirmDialog/confirmDialog.variants.d.ts

@@ -0,0 +1,90 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * Tailwind-variants recipe for `<ConfirmDialog>`.
+ *
+ * Built on the native HTML `<dialog>` element + `showModal()`, which
+ * gives us focus-trap, Escape handling, and `::backdrop` pseudo-element
+ * for free. The styling here is for the dialog body — the backdrop is
+ * styled via the `::backdrop` selector inside the dialog rule.
+ *
+ * Slots:
+ *   - `backdrop`      — semi-opaque overlay (`::backdrop` pseudo)
+ *   - `dialog`        — the modal box
+ *   - `title`         — modal heading
+ *   - `body`          — message text
+ *   - `actions`       — bottom button row
+ *   - `confirmButton` — primary action
+ *   - `cancelButton`  — secondary action
+ */
+export declare const confirmDialogVariants: import("tailwind-variants").TVReturnType<{
+    severity: {
+        info: {
+            confirmButton: string;
+        };
+        warning: {
+            confirmButton: string;
+        };
+        danger: {
+            confirmButton: string;
+        };
+        success: {
+            confirmButton: string;
+        };
+    };
+}, {
+    backdrop: string;
+    dialog: string[];
+    title: string;
+    body: string;
+    actions: string;
+    confirmButton: string[];
+    cancelButton: string[];
+}, undefined, {
+    severity: {
+        info: {
+            confirmButton: string;
+        };
+        warning: {
+            confirmButton: string;
+        };
+        danger: {
+            confirmButton: string;
+        };
+        success: {
+            confirmButton: string;
+        };
+    };
+}, {
+    backdrop: string;
+    dialog: string[];
+    title: string;
+    body: string;
+    actions: string;
+    confirmButton: string[];
+    cancelButton: string[];
+}, import("tailwind-variants").TVReturnType<{
+    severity: {
+        info: {
+            confirmButton: string;
+        };
+        warning: {
+            confirmButton: string;
+        };
+        danger: {
+            confirmButton: string;
+        };
+        success: {
+            confirmButton: string;
+        };
+    };
+}, {
+    backdrop: string;
+    dialog: string[];
+    title: string;
+    body: string;
+    actions: string;
+    confirmButton: string[];
+    cancelButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type ConfirmDialogVariants = VariantProps<typeof confirmDialogVariants>;
+//# sourceMappingURL=confirmDialog.variants.d.ts.map

package/dist/src/components/ConfirmDialog/confirmDialog.variants.d.ts.map

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

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

@@ -0,0 +1,49 @@
+import type { DateTimePickerMode, DateTimePickerProps } from './dateTimePicker.types.js';
+/**
+ * Coerce a stored/exposed value (ISO 8601-ish string or `null`/`undefined`)
+ * into the format the native input expects.
+ *
+ * Contract:
+ *   - `date`     → `YYYY-MM-DD`
+ *   - `time`     → `HH:mm` (or `HH:mm:ss` if seconds present)
+ *   - `datetime` → `YYYY-MM-DDTHH:mm` (no timezone, datetime-local
+ *                  rejects `Z` / offset suffixes)
+ *
+ * The function is intentionally lenient:
+ *   - Pass-through when the input already matches the expected shape.
+ *   - Truncates a richer ISO string (e.g. `2026-05-16T10:23:45.000Z`)
+ *     down to the mode-appropriate prefix.
+ *   - Returns `''` for null / undefined / unparseable inputs (native
+ *     inputs use `''` to represent "no value").
+ */
+export declare function isoToInputValue(mode: DateTimePickerMode, raw: string | null | undefined): string;
+/**
+ * Dashforge TW DateTimePicker — bridge-integrated native date/time input.
+ *
+ * Three modes (`mode` prop):
+ *   - `date`     — `<input type="date">` → `YYYY-MM-DD`
+ *   - `time`     — `<input type="time">` → `HH:mm` (`HH:mm:ss` with `step={1}`)
+ *   - `datetime` — `<input type="datetime-local">` → `YYYY-MM-DDTHH:mm`
+ *
+ * **Why native inputs instead of React Aria `<DatePicker>`?**
+ *
+ * 1. Zero new deps (`@internationalized/date` would add ~30 KB).
+ * 2. Mirrors `@dashforge/ui/DateTimePicker` (MUI side) for API parity.
+ * 3. Native inputs are AAA-grade a11y out of the box — screen readers,
+ *    keyboard nav, OS-provided calendar/clock UI.
+ * 4. Predictable state (no internal Aria state machine that fights
+ *    controlled props — the F5-A lesson learned in `<Autocomplete>`).
+ *
+ * A richer custom-calendar version (range mode, locale awareness,
+ * custom popover styling) can land as F5-B-bis built on Aria
+ * `<DatePicker>` / `<Calendar>`.
+ *
+ * **A11y**:
+ *   - `aria-invalid` driven by the resolved validation state.
+ *   - `aria-describedby` links input ↔ helper/error.
+ *   - Required fields get the native `required` attribute + a visual `*`.
+ *   - `color-scheme: light dark` keeps the OS calendar icon readable
+ *     in both color schemes.
+ */
+export declare function DateTimePicker(props: DateTimePickerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DateTimePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAiBnC;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,kBAAkB,EACxB,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC7B,MAAM,CA2BR;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDAsMxD"}

package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts

@@ -0,0 +1,95 @@
+import type { ReactNode } from 'react';
+import type { Engine } from '@dashforge/ui-core';
+import type { AccessRequirement } from '@dashforge/rbac';
+import type { DateTimePickerVariants } from './dateTimePicker.variants.js';
+/**
+ * Operating mode of the picker.
+ *
+ *  - `'date'`     — `YYYY-MM-DD` (native `<input type="date">`)
+ *  - `'time'`     — `HH:mm` or `HH:mm:ss` (native `<input type="time">`)
+ *  - `'datetime'` — `YYYY-MM-DDTHH:mm` (native `<input type="datetime-local">`)
+ *
+ * Note: `datetime-local` does NOT include timezone info. Values are
+ * naive local-time strings. If you need TZ-aware persistence, convert
+ * upstream (e.g., interpret as UTC, or attach the user's TZ from a
+ * separate field).
+ */
+export type DateTimePickerMode = 'date' | 'time' | 'datetime';
+export interface DateTimePickerSlotProps {
+    root?: {
+        className?: string;
+    };
+    label?: {
+        className?: string;
+    };
+    requiredMark?: {
+        className?: string;
+    };
+    inputWrapper?: {
+        className?: string;
+    };
+    input?: {
+        className?: string;
+    };
+    helperText?: {
+        className?: string;
+    };
+    errorText?: {
+        className?: string;
+    };
+}
+/**
+ * Props for `<DateTimePicker>`.
+ *
+ * Bridge-integrated date / time / datetime input built on the native
+ * HTML5 input types (`type="date|time|datetime-local"`). Chosen over a
+ * custom React Aria `<DatePicker>` for F5-B because:
+ *
+ *  1. **Zero new deps** — no `@internationalized/date`.
+ *  2. **A11y by default** — screen readers know how to announce these
+ *     inputs, including the OS-provided calendar/clock popup.
+ *  3. **Bundle size** — saves ~30KB minified over the Aria stack.
+ *  4. **API parity** with the MUI side (`@dashforge/ui/DateTimePicker`).
+ *  5. **Predictability** — no internal state machine to fight (see the
+ *     ComboBox lesson learned in `<Autocomplete>` F5-A).
+ *
+ * A richer "always-visible calendar grid" upgrade can come as F5-B-bis.
+ *
+ * Value contract: ISO 8601-ish naive strings, always.
+ */
+export interface DateTimePickerProps extends DateTimePickerVariants {
+    name: string;
+    rules?: unknown;
+    /** Which native input to render. @default 'date' */
+    mode?: DateTimePickerMode;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    required?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    /** Minimum value (ISO string compatible with the mode). */
+    min?: string;
+    /** Maximum value (ISO string compatible with the mode). */
+    max?: string;
+    /**
+     * Step in seconds (time / datetime). Default 60 ⇒ minute precision.
+     * Set to 1 to allow seconds.
+     */
+    step?: number;
+    /** 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?: DateTimePickerSlotProps;
+    /** Controlled value (form mode reads from the bridge if omitted). */
+    value?: string | null;
+    /** Default value for uncontrolled mode (no-op in form mode). */
+    defaultValue?: string | null;
+    /** Fires when the user picks a date/time (after bridge update in form mode). */
+    onValueChange?: (value: string | null) => void;
+}
+//# sourceMappingURL=dateTimePicker.types.d.ts.map

package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/dateTimePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,+BAA+B;IAC/B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,+BAA+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD"}

package/dist/src/components/DateTimePicker/dateTimePicker.variants.d.ts

@@ -0,0 +1,165 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * Tailwind-variants recipe for `<DateTimePicker>` with 6 slots.
+ *
+ * Styling mirrors `<TextField>` for layout / sizes / error states so
+ * the two field types compose visually in the same form.
+ *
+ * Native `<input type="date|time|datetime-local">` quirks handled here:
+ *
+ *  - The browser-rendered placeholder mask (e.g., `mm/dd/yyyy`) is
+ *    invisible on `bg-neutral-50` by default in some themes; we keep
+ *    the same neutral palette and rely on the input's own contrast
+ *    rules (no extra `::placeholder` styling — browsers don't honor it
+ *    on these input types).
+ *  - The native picker indicator (calendar / clock icon) is
+ *    browser-supplied; we ensure it stays visible in dark mode via
+ *    `color-scheme: light dark` on the input (set inline below).
+ */
+export declare const dateTimePickerVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            inputWrapper: string;
+            input: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: 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[];
+    helperText: string;
+    errorText: string;
+}, undefined, {
+    size: {
+        sm: {
+            inputWrapper: string;
+            input: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: 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[];
+    helperText: string;
+    errorText: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            inputWrapper: string;
+            input: string;
+        };
+        md: {
+            inputWrapper: string;
+            input: string;
+        };
+        lg: {
+            inputWrapper: string;
+            input: 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[];
+    helperText: string;
+    errorText: string;
+}, undefined, unknown, unknown, undefined>>;
+export type DateTimePickerVariants = VariantProps<typeof dateTimePickerVariants>;
+//# sourceMappingURL=dateTimePicker.variants.d.ts.map

package/dist/src/components/DateTimePicker/dateTimePicker.variants.d.ts.map

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

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

@@ -0,0 +1,34 @@
+import type { LeftNavProps } from './leftNav.types.js';
+/**
+ * Dashforge TW LeftNav — router-agnostic sidebar navigation.
+ *
+ * Pure presentational. The consumer wires `activeId` from the current
+ * route. Each row renders as a real `<a>` (with `href`) or a `<button>`
+ * (with `onSelect`); `linkComponent` swaps in a router-aware link
+ * component for SPA navigation.
+ *
+ * Modes:
+ *   - **Expanded** (`collapsed={false}`): full-width with labels +
+ *     badges + group children visible.
+ *   - **Rail** (`collapsed={true}`): 56px wide, icons only, labels
+ *     hidden from sighted users (still announced to screen readers via
+ *     `sr-only`). Group children are hidden — clicking the group
+ *     header is a no-op visually in rail mode (consumer is expected
+ *     to either expand the nav or surface a flyout in a follow-up).
+ *
+ * **A11y**:
+ *   - `<nav aria-label="…">` landmark.
+ *   - `aria-current="page"` on the active row.
+ *   - Groups expose `aria-expanded` / `aria-controls` and the children
+ *     wrapper is `role="region" aria-labelledby="…-header"`.
+ *   - Rail-mode tooltips via the native `title` attribute (preserves
+ *     hover discoverability when labels are visually hidden).
+ *
+ * **Re-render contract**:
+ *   - Rows are extracted into stable sub-components so a single
+ *     `activeId` change re-renders all rows but each does only its
+ *     own `useAccessState` lookup; this is the price of per-row RBAC.
+ *   - Group expand/collapse re-renders ONLY that group (local state).
+ */
+export declare function LeftNav(props: LeftNavProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LeftNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNav.d.ts","sourceRoot":"","sources":["../../../../src/components/LeftNav/LeftNav.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAIV,YAAY,EACb,MAAM,oBAAoB,CAAC;AA+M5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAkF1C"}