@dashforge/tw 0.10.0-beta → 1.0.0

package/dist/components/DateRangePicker/dateRangePicker.types.d.ts

@@ -0,0 +1,85 @@
+import type { ReactNode } from 'react';
+import type { Engine } from '@dashforge/ui-core';
+import type { AccessRequirement } from '@dashforge/rbac';
+import type { DateRange, ISODate, WeekDay } from '@dashforge/calendar-core';
+/** Per-slot `className` overrides for `<DateRangePicker>`. */
+export interface DateRangePickerSlotProps {
+    root?: {
+        className?: string;
+    };
+    label?: {
+        className?: string;
+    };
+    requiredMark?: {
+        className?: string;
+    };
+    trigger?: {
+        className?: string;
+    };
+    helperText?: {
+        className?: string;
+    };
+    errorText?: {
+        className?: string;
+    };
+}
+/**
+ * Props for the `<DateRangePicker>` form field (Tailwind skin).
+ *
+ * A read-only trigger paired with a dual-month range calendar popover. The
+ * stored value is a `{ start, end }` pair of plain ISO calendar dates
+ * (`YYYY-MM-DD`); either side may be `null`. No time, no timezone.
+ *
+ * The prop surface mirrors the MUI `@dashforge/ui` `DateRangePicker`.
+ */
+export interface DateRangePickerProps {
+    /** Field name — the bridge registration key. Required. */
+    name: string;
+    /** Validation rules forwarded to the form bridge. */
+    rules?: unknown;
+    /** Field label. */
+    label?: ReactNode;
+    /** Helper text below the control (overrides a bridge error message). */
+    helperText?: ReactNode;
+    /** 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 range is selected. */
+    placeholder?: string;
+    /** Label/control layout. */
+    layout?: 'stacked' | 'inline';
+    /** Reactive visibility predicate evaluated against the form engine. */
+    visibleWhen?: (engine: Engine) => boolean;
+    /** RBAC access requirement. */
+    access?: AccessRequirement;
+    /** Controlled value — a `{ start, end }` pair. */
+    value?: DateRange;
+    /** Uncontrolled initial value. */
+    defaultValue?: DateRange;
+    /** Fired with the new range (partial on the first click, complete on the second). */
+    onChange?: (value: DateRange) => 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;
+    /** Stretches the field to its container width. */
+    fullWidth?: boolean;
+    /** Root-level Tailwind class override. */
+    sx?: string;
+    /** Per-slot `className` overrides. */
+    slotProps?: DateRangePickerSlotProps;
+    /** Test id applied to the field root. */
+    testId?: string;
+}
+//# sourceMappingURL=dateRangePicker.types.d.ts.map

package/dist/components/DateRangePicker/dateRangePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePicker.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,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAE5E,8DAA8D;AAC9D,MAAM,WAAW,wBAAwB;IACvC,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;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC,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,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,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,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/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/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/components/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,13 @@
+import type { DateTimePickerProps } from './dateTimePicker.types.js';
+/**
+ * Dashforge TW `<DateTimePicker>` — a form-bound date + time field.
+ *
+ * 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.
+ *
+ * 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/components/DateTimePicker/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"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/components/DateTimePicker/dateTimePicker.types.d.ts

@@ -0,0 +1,90 @@
+import type { ReactNode } from 'react';
+import type { Engine } from '@dashforge/ui-core';
+import type { AccessRequirement } from '@dashforge/rbac';
+import type { ISODate, WeekDay } from '@dashforge/calendar-core';
+/** Per-slot `className` overrides for `<DateTimePicker>`. */
+export interface DateTimePickerSlotProps {
+    root?: {
+        className?: string;
+    };
+    label?: {
+        className?: string;
+    };
+    requiredMark?: {
+        className?: string;
+    };
+    trigger?: {
+        className?: string;
+    };
+    helperText?: {
+        className?: string;
+    };
+    errorText?: {
+        className?: string;
+    };
+}
+/**
+ * Props for the `<DateTimePicker>` form field (Tailwind skin).
+ *
+ * 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.
+ *
+ * For a date-only field use `<DatePicker>`; for time-only use `<TimePicker>`.
+ * The prop surface mirrors the MUI `@dashforge/ui` `DateTimePicker`.
+ */
+export interface DateTimePickerProps {
+    /** Field name — the bridge registration key. Required. */
+    name: string;
+    /** Validation rules forwarded to the form bridge. */
+    rules?: unknown;
+    /** Field label. */
+    label?: ReactNode;
+    /** Helper text below the control (overrides a bridge error message). */
+    helperText?: ReactNode;
+    /** 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;
+    /** Label/control layout. */
+    layout?: 'stacked' | 'inline';
+    /** Reactive visibility predicate evaluated against the form engine. */
+    visibleWhen?: (engine: Engine) => boolean;
+    /** RBAC access requirement. */
+    access?: AccessRequirement;
+    /** Controlled value — `"YYYY-MM-DDTHH:mm"` or `null`. */
+    value?: string | null;
+    /** Uncontrolled initial value. */
+    defaultValue?: string | null;
+    /** 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/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,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/components/DateTimePicker/dateTimePicker.variants.d.ts

@@ -0,0 +1,107 @@
+/**
+ * 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.
+ *
+ * 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<{
+    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;
+    list: string;
+    option: 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;
+    list: string;
+    option: 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;
+    list: string;
+    option: string;
+    helperText: string;
+    errorText: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=dateTimePicker.variants.d.ts.map

package/dist/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":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2CjC,CAAC"}

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,17 @@
+import type { DialogProps } from './dialog.types.js';
+/**
+ * Dashforge TW `<Dialog>` — declarative modal dialog.
+ *
+ * Built on `@radix-ui/react-dialog`:
+ *  - APG dialog pattern out of the box (focus trap, restore focus on
+ *    close, Esc-to-close, `aria-modal`, `aria-labelledby`).
+ *  - Renders into a portal (no z-index hell).
+ *  - Scroll lock on `<body>` while open.
+ *
+ * Use the imperative `useDialog()` (export from this same module) if
+ * you want a `confirm()`-style return value pattern (similar to
+ * `useConfirm()` from `ConfirmDialog`). Use `<Dialog>` when you want
+ * the control flow living in your component tree.
+ */
+export declare function Dialog(props: DialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAkFxC"}

package/dist/components/Dialog/dialog.types.d.ts

@@ -0,0 +1,75 @@
+import type { ReactNode } from 'react';
+import type { DialogVariants } from './dialog.variants.js';
+/**
+ * Per-slot className overrides for `<Dialog>`. Mirrors the
+ * canonical TW slotProps shape: `{ slot?: { className?: string } }`.
+ */
+export interface DialogSlotProps {
+    overlay?: {
+        className?: string;
+    };
+    content?: {
+        className?: string;
+    };
+    title?: {
+        className?: string;
+    };
+    description?: {
+        className?: string;
+    };
+    closeButton?: {
+        className?: string;
+    };
+    body?: {
+        className?: string;
+    };
+    actions?: {
+        className?: string;
+    };
+}
+/**
+ * Props for the declarative `<Dialog>` component.
+ *
+ * Built on `@radix-ui/react-dialog`. Use this when:
+ *  - You want full control over the dialog's open state (controlled
+ *    from a parent component).
+ *  - You want to mount a custom-styled dialog body / trigger that
+ *    composes with the rest of your component tree.
+ *  - You don't need an imperative `confirm()`-style return value
+ *    (use `useDialog()` or `useConfirm()` for those).
+ *
+ * Three size variants (`sm` / `md` / `lg`) with sensible defaults.
+ * Backdrop + content animations respect `prefers-reduced-motion`.
+ */
+export interface DialogProps extends Pick<DialogVariants, 'size'> {
+    /** Controlled open state. */
+    open: boolean;
+    /** Called when the dialog requests to change open state. */
+    onOpenChange: (open: boolean) => void;
+    /** Dialog body — usually a `<DialogContent>` subtree. */
+    children: ReactNode;
+    /** Dialog title (screen-reader announced via `aria-labelledby`). */
+    title?: ReactNode;
+    /** Dialog description (announced via `aria-describedby`). */
+    description?: ReactNode;
+    /**
+     * Show the `×` close button in the top-right corner.
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Disable closing on backdrop click.
+     * @default false
+     */
+    disableBackdropClose?: boolean;
+    /**
+     * Disable closing on Escape key.
+     * @default false
+     */
+    disableEscapeClose?: boolean;
+    /** Root className shortcut on the content element. */
+    sx?: string;
+    /** Per-slot overrides. */
+    slotProps?: DialogSlotProps;
+}
+//# sourceMappingURL=dialog.types.d.ts.map

package/dist/components/Dialog/dialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,WAAW,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,WAAW,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC/D,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,4DAA4D;IAC5D,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sDAAsD;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0BAA0B;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B"}

package/dist/components/Dialog/dialog.variants.d.ts

@@ -0,0 +1,80 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * `<Dialog>` variant recipe.
+ *
+ * Slots:
+ *  - `overlay`  — backdrop (Radix's `DialogOverlay`)
+ *  - `content`  — the dialog box itself
+ *  - `title`    — heading at the top
+ *  - `description` — secondary text under the title
+ *  - `closeButton` — top-right `×` button
+ *  - `body`     — main scrollable area
+ *  - `actions`  — footer action bar
+ *
+ * Three sizes (`sm` / `md` / `lg`) drive the content max-width.
+ * Motion is gated by `prefers-reduced-motion` so the slide-in
+ * animation collapses to an instant appear on users that opt out.
+ */
+export declare const dialogVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    title: string;
+    description: string;
+    closeButton: string[];
+    body: string;
+    actions: string;
+}, undefined, {
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    title: string;
+    description: string;
+    closeButton: string[];
+    body: string;
+    actions: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    title: string;
+    description: string;
+    closeButton: string[];
+    body: string;
+    actions: string;
+}, undefined, unknown, unknown, undefined>>;
+export type DialogVariants = VariantProps<typeof dialogVariants>;
+//# sourceMappingURL=dialog.variants.d.ts.map

package/dist/components/Dialog/dialog.variants.d.ts.map

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