@dashforge/tw 0.9.0-beta → 0.10.0-beta

package/dist/src/components/DateRangePicker/dateRangePicker.variants.d.ts

@@ -0,0 +1,183 @@
+/**
+ * Slots for `<DateRangePicker>` — a bridge-integrated start/end date field
+ * whose trigger is a `<button>` styled as an input, opening a dual-month
+ * range calendar popover.
+ *
+ * Theme identity: bare neutral / brand token-backed classes only — no
+ * `dark:` variants on the neutral palette (the preset CSS-var swap
+ * auto-inverts). See `_shared/themeIdentity.test.ts`.
+ */
+export declare const dateRangePickerVariants: import("tailwind-variants").TVReturnType<{
+    layout: {
+        stacked: {};
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            trigger: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    trigger: string;
+    value: string;
+    placeholder: string;
+    icon: string;
+    panel: string;
+    month: string;
+    header: string;
+    navButton: string;
+    navSpacer: string;
+    monthLabel: string;
+    grid: string;
+    weekdayRow: string;
+    weekday: string;
+    weekRow: string;
+    helperText: string;
+    errorText: string;
+}, undefined, {
+    layout: {
+        stacked: {};
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            trigger: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    trigger: string;
+    value: string;
+    placeholder: string;
+    icon: string;
+    panel: string;
+    month: string;
+    header: string;
+    navButton: string;
+    navSpacer: string;
+    monthLabel: string;
+    grid: string;
+    weekdayRow: string;
+    weekday: string;
+    weekRow: string;
+    helperText: string;
+    errorText: string;
+}, import("tailwind-variants").TVReturnType<{
+    layout: {
+        stacked: {};
+        inline: {
+            root: string;
+            label: string;
+        };
+    };
+    error: {
+        true: {
+            trigger: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            root: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    requiredMark: string;
+    trigger: string;
+    value: string;
+    placeholder: string;
+    icon: string;
+    panel: string;
+    month: string;
+    header: string;
+    navButton: string;
+    navSpacer: string;
+    monthLabel: string;
+    grid: string;
+    weekdayRow: string;
+    weekday: string;
+    weekRow: string;
+    helperText: string;
+    errorText: string;
+}, undefined, unknown, unknown, undefined>>;
+/**
+ * Per-day-cell recipe for the range grid. `endpoint` (a committed start/end)
+ * is the solid fill; `inBand` (inside the committed or previewed range) is
+ * the light tint. Declared `inBand` before `endpoint` so an endpoint cell —
+ * which is also in-band — resolves to the solid fill.
+ */
+export declare const dateRangeDayVariants: import("tailwind-variants").TVReturnType<{
+    inBand: {
+        true: string;
+    };
+    endpoint: {
+        true: string;
+    };
+    siblingMonth: {
+        true: string;
+    };
+    today: {
+        true: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, "flex h-9 w-9 items-center justify-center rounded-md text-sm text-neutral-900 transition-colors hover:bg-neutral-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500", {
+    inBand: {
+        true: string;
+    };
+    endpoint: {
+        true: string;
+    };
+    siblingMonth: {
+        true: string;
+    };
+    today: {
+        true: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    inBand: {
+        true: string;
+    };
+    endpoint: {
+        true: string;
+    };
+    siblingMonth: {
+        true: string;
+    };
+    today: {
+        true: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, "flex h-9 w-9 items-center justify-center rounded-md text-sm text-neutral-900 transition-colors hover:bg-neutral-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500", unknown, unknown, undefined>>;
+//# sourceMappingURL=dateRangePicker.variants.d.ts.map

package/dist/src/components/DateRangePicker/dateRangePicker.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateRangePicker.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/dateRangePicker.variants.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmDlC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0QA8B/B,CAAC"}

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

@@ -1,49 +1,13 @@
-import type { DateTimePickerMode, DateTimePickerProps } from './dateTimePicker.types.js';
+import type { DateTimePickerProps } from './dateTimePicker.types.js';
 /**
- * Coerce a stored/exposed value (ISO 8601-ish string or `null`/`undefined`)
- * into the format the native input expects.
+ * Dashforge TW `<DateTimePicker>` — a form-bound date + time field.
  *
- * 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)
+ * A read-only trigger button paired with a popover combining a `<Calendar>`
+ * and a time list (Radix Popover). Integrates with the Dashforge form
+ * bridge + RBAC.
  *
- * 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.
+ * Storage contract: a naive ISO datetime `"YYYY-MM-DDTHH:mm"` — no seconds,
+ * no timezone. Shared with the MUI `@dashforge/ui` `DateTimePicker`.
  */
 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

@@ -1 +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"}
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AA8ErE;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDAiPxD"}

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

@@ -1,20 +1,8 @@
 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';
+import type { ISODate, WeekDay } from '@dashforge/calendar-core';
+/** Per-slot `className` overrides for `<DateTimePicker>`. */
 export interface DateTimePickerSlotProps {
     root?: {
         className?: string;
@@ -25,10 +13,7 @@ export interface DateTimePickerSlotProps {
     requiredMark?: {
         className?: string;
     };
-    inputWrapper?: {
-        className?: string;
-    };
-    input?: {
+    trigger?: {
         className?: string;
     };
     helperText?: {
@@ -39,57 +24,67 @@ export interface DateTimePickerSlotProps {
     };
 }
 /**
- * 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:
+ * Props for the `<DateTimePicker>` form field (Tailwind skin).
  *
- *  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 read-only trigger paired with a popover combining a `<Calendar>` and a
+ * time list. The stored value is a naive ISO datetime — `"YYYY-MM-DDTHH:mm"`
+ * — or `null`. No seconds, no timezone.
  *
- * A richer "always-visible calendar grid" upgrade can come as F5-B-bis.
- *
- * Value contract: ISO 8601-ish naive strings, always.
+ * For a date-only field use `<DatePicker>`; for time-only use `<TimePicker>`.
+ * The prop surface mirrors the MUI `@dashforge/ui` `DateTimePicker`.
  */
-export interface DateTimePickerProps extends DateTimePickerVariants {
+export interface DateTimePickerProps {
+    /** Field name — the bridge registration key. Required. */
     name: string;
+    /** Validation rules forwarded to the form bridge. */
     rules?: unknown;
-    /** Which native input to render. @default 'date' */
-    mode?: DateTimePickerMode;
+    /** Field label. */
     label?: ReactNode;
+    /** Helper text below the control (overrides a bridge error message). */
     helperText?: ReactNode;
-    required?: boolean;
+    /** Explicit error state (overrides the bridge's auto error). */
     error?: boolean;
+    /** Marks the field required (adds the label asterisk). */
+    required?: boolean;
+    /** Disables the field. */
     disabled?: boolean;
+    /** Placeholder shown when no value is selected. */
     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`. */
+    /** Label/control layout. */
+    layout?: 'stacked' | 'inline';
+    /** Reactive visibility predicate evaluated against the form engine. */
     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). */
+    /** Controlled value — `"YYYY-MM-DDTHH:mm"` or `null`. */
     value?: string | null;
-    /** Default value for uncontrolled mode (no-op in form mode). */
+    /** Uncontrolled initial value. */
     defaultValue?: string | null;
-    /** Fires when the user picks a date/time (after bridge update in form mode). */
-    onValueChange?: (value: string | null) => void;
+    /** Fired with the new datetime (or `null` when cleared). */
+    onChange?: (value: string | null) => void;
+    /** Earliest selectable date (inclusive). */
+    minDate?: ISODate;
+    /** Latest selectable date (inclusive). */
+    maxDate?: ISODate;
+    /** Explicit list of disabled dates. */
+    disabledDates?: readonly ISODate[];
+    /** Predicate marking arbitrary dates disabled. */
+    isDateDisabled?: (date: ISODate) => boolean;
+    /** Weekday of the calendar's first column (`0` = Sunday). */
+    weekStartDay?: WeekDay;
+    /** BCP-47 locale for the calendar and the display format. */
+    locale?: string;
+    /** Step between time-list options, in minutes. Default `30`. */
+    stepMinutes?: number;
+    /** Render the time list in 12-hour notation. Default `false`. */
+    hour12?: boolean;
+    /** Stretches the field to its container width. */
+    fullWidth?: boolean;
+    /** Root-level Tailwind class override. */
+    sx?: string;
+    /** Per-slot `className` overrides. */
+    slotProps?: DateTimePickerSlotProps;
+    /** Test id applied to the field root. */
+    testId?: string;
 }
 //# sourceMappingURL=dateTimePicker.types.d.ts.map

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

@@ -1 +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"}
+{"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,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEjE,6DAA6D;AAC7D,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,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,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;;;;;;;;;GASG;AACH,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,+BAA+B;IAC/B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,aAAa,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IACnC,kDAAkD;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IAC5C,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -1,40 +1,15 @@
-import { type VariantProps } from 'tailwind-variants';
 /**
- * Tailwind-variants recipe for `<DateTimePicker>` with 6 slots.
+ * Slots for `<DateTimePicker>` — a bridge-integrated date+time field whose
+ * trigger is a `<button>` styled as an input, opening a popover that
+ * combines a `<Calendar>` with a time list.
  *
- * 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).
+ * Theme identity: bare neutral / brand token-backed classes only — no
+ * `dark:` variants on the neutral palette (the preset CSS-var swap
+ * auto-inverts). See `_shared/themeIdentity.test.ts`.
  */
 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;
-        };
+        stacked: {};
         inline: {
             root: string;
             label: string;
@@ -42,47 +17,31 @@ export declare const dateTimePickerVariants: import("tailwind-variants").TVRetur
     };
     error: {
         true: {
-            inputWrapper: string;
+            trigger: string;
         };
     };
     fullWidth: {
         true: {
             root: string;
-            inputWrapper: string;
-        };
-    };
-    disabled: {
-        true: {
-            inputWrapper: string;
+            trigger: string;
         };
     };
 }, {
     root: string;
     label: string;
     requiredMark: string;
-    inputWrapper: string[];
-    input: string[];
+    trigger: string;
+    value: string;
+    placeholder: string;
+    icon: string;
+    panel: string;
+    list: string;
+    option: 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;
-        };
+        stacked: {};
         inline: {
             root: string;
             label: string;
@@ -90,47 +49,31 @@ export declare const dateTimePickerVariants: import("tailwind-variants").TVRetur
     };
     error: {
         true: {
-            inputWrapper: string;
+            trigger: string;
         };
     };
     fullWidth: {
         true: {
             root: string;
-            inputWrapper: string;
-        };
-    };
-    disabled: {
-        true: {
-            inputWrapper: string;
+            trigger: string;
         };
     };
 }, {
     root: string;
     label: string;
     requiredMark: string;
-    inputWrapper: string[];
-    input: string[];
+    trigger: string;
+    value: string;
+    placeholder: string;
+    icon: string;
+    panel: string;
+    list: string;
+    option: 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;
-        };
+        stacked: {};
         inline: {
             root: string;
             label: string;
@@ -138,28 +81,27 @@ export declare const dateTimePickerVariants: import("tailwind-variants").TVRetur
     };
     error: {
         true: {
-            inputWrapper: string;
+            trigger: string;
         };
     };
     fullWidth: {
         true: {
             root: string;
-            inputWrapper: string;
-        };
-    };
-    disabled: {
-        true: {
-            inputWrapper: string;
+            trigger: string;
         };
     };
 }, {
     root: string;
     label: string;
     requiredMark: string;
-    inputWrapper: string[];
-    input: string[];
+    trigger: string;
+    value: string;
+    placeholder: string;
+    icon: string;
+    panel: string;
+    list: string;
+    option: 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

@@ -1 +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"}
+{"version":3,"file":"dateTimePicker.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/dateTimePicker.variants.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2CjC,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { TimePickerProps } from './timePicker.types.js';
+/**
+ * Dashforge TW `<TimePicker>` — a form-bound time-of-day field.
+ *
+ * A read-only trigger button paired with a time-list popover (Radix
+ * Popover). Integrates with the Dashforge form bridge + RBAC.
+ *
+ * Storage contract: a canonical 24-hour `"HH:mm"` string, or `null` —
+ * shared with the MUI `@dashforge/ui` `TimePicker`. `hour12` is display-only.
+ */
+export declare function TimePicker(props: TimePickerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TimePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAkB7D;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kDAwOhD"}