@dashforge/tw 1.1.0 → 1.2.0

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

@@ -33,6 +33,26 @@ export interface DateTimePickerSlotProps {
  * For a date-only field use `<DatePicker>`; for time-only use `<TimePicker>`.
  * The prop surface mirrors the MUI `@dashforge/ui` `DateTimePicker`.
  */
+/**
+ * Subset of `<DateTimePicker>` props theme-configurable via
+ * `theme.components.DateTimePicker.defaults` (Option C).
+ */
+export interface DateTimePickerVariantProps {
+    layout?: 'stacked' | 'inline';
+    weekStartDay?: WeekDay;
+    locale?: string;
+    stepMinutes?: number;
+    hour12?: boolean;
+    fullWidth?: boolean;
+}
+declare module '@dashforge/tw-tokens' {
+    interface TWComponentDefaults {
+        DateTimePicker?: {
+            defaults?: Partial<DateTimePickerVariantProps>;
+            slotProps?: DateTimePickerSlotProps;
+        };
+    }
+}
 export interface DateTimePickerProps {
     /** Field name — the bridge registration key. Required. */
     name: string;

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

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

@@ -1 +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"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAmHxC"}

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

@@ -1,5 +1,23 @@
 import type { ReactNode } from 'react';
 import type { DialogVariants } from './dialog.variants.js';
+/**
+ * Subset of `<Dialog>` props theme-configurable via
+ * `theme.components.Dialog.defaults` (Option C).
+ */
+export interface DialogVariantProps {
+    size?: DialogVariants['size'];
+    showCloseButton?: boolean;
+    disableBackdropClose?: boolean;
+    disableEscapeClose?: boolean;
+}
+declare module '@dashforge/tw-tokens' {
+    interface TWComponentDefaults {
+        Dialog?: {
+            defaults?: Partial<DialogVariantProps>;
+            slotProps?: DialogSlotProps;
+        };
+    }
+}
 /**
  * Per-slot className overrides for `<Dialog>`. Mirrors the
  * canonical TW slotProps shape: `{ slot?: { className?: string } }`.
@@ -41,7 +59,13 @@ export interface DialogSlotProps {
  * Three size variants (`sm` / `md` / `lg`) with sensible defaults.
  * Backdrop + content animations respect `prefers-reduced-motion`.
  */
-export interface DialogProps extends Pick<DialogVariants, 'size'> {
+export interface DialogProps {
+    /**
+     * Content max-width tier — `sm` (28rem) / `md` (32rem, default) /
+     * `lg` (48rem). Useful for tuning to the content density.
+     * @default 'md'
+     */
+    size?: DialogVariants['size'];
     /** Controlled open state. */
     open: boolean;
     /** Called when the dialog requests to change open state. */

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

@@ -1 +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"}
+{"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,kBAAkB;IACjC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,mBAAmB;QAC3B,MAAM,CAAC,EAAE;YACP,QAAQ,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;YACvC,SAAS,CAAC,EAAE,eAAe,CAAC;SAC7B,CAAC;KACH;CACF;AAED;;;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,WAAW;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAE9B,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/src/components/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,OAAO,sGAqFnB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,OAAO,sGAoGnB,CAAC"}

package/dist/src/components/Divider/divider.types.d.ts

@@ -1,5 +1,17 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import type { DividerVariants, DividerLineVariants } from './divider.variants.js';
+/**
+ * Subset of `<Divider>` props theme-configurable via
+ * `theme.components.Divider.defaults` (Option C).
+ */
+export type DividerVariantProps = Pick<DividerVariants, 'orientation' | 'align'> & Pick<DividerLineVariants, 'variant' | 'color'>;
+declare module '@dashforge/tw-tokens' {
+    interface TWComponentDefaults {
+        Divider?: {
+            defaults?: Partial<DividerVariantProps>;
+        };
+    }
+}
 /**
  * Props for `<Divider>` — visual separator with optional inline label.
  *
@@ -13,7 +25,31 @@ import type { DividerVariants, DividerLineVariants } from './divider.variants.js
  * The user passes ONE consistent prop set; the implementation chooses
  * the mode based on whether `children` is provided.
  */
-export interface DividerProps extends Omit<HTMLAttributes<HTMLElement>, 'className' | 'color' | 'children'>, Pick<DividerVariants, 'orientation' | 'align'>, Pick<DividerLineVariants, 'variant' | 'color'> {
+export interface DividerProps extends Omit<HTMLAttributes<HTMLElement>, 'className' | 'color' | 'children'> {
+    /**
+     * Line direction. `'horizontal'` renders as `<hr>` (line-only) or a
+     * `<div role="separator">` (labeled). `'vertical'` renders as a
+     * `<div>` because `<hr>` can't be styled vertical cross-browser.
+     * @default 'horizontal'
+     */
+    orientation?: DividerVariants['orientation'];
+    /**
+     * Label position — only meaningful in labeled mode (when `children`
+     * is provided).
+     * @default 'center'
+     */
+    align?: DividerVariants['align'];
+    /**
+     * Border style of the line segments.
+     * @default 'solid'
+     */
+    variant?: DividerLineVariants['variant'];
+    /**
+     * Semantic color of the line — drives the border color via the
+     * corresponding token palette.
+     * @default 'neutral'
+     */
+    color?: DividerLineVariants['color'];
     /**
      * Optional inline label. When present, the divider switches from
      * "single line" to "two segments + label" layout — the canonical

package/dist/src/components/Divider/divider.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAElF;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EACrE,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,OAAO,CAAC,EAC9C,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,OAAO,CAAC;IACtD;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"divider.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAElF;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,OAAO,CAAC,GAC5E,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAEnD,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,mBAAmB;QAC3B,OAAO,CAAC,EAAE;YACR,QAAQ,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;SACzC,CAAC;KACH;CACF;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC;IAC7E;;;;;OAKG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAE7C;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAEzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAErC;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}

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

@@ -0,0 +1,21 @@
+import type { DrawerProps } from './drawer.types.js';
+/**
+ * `<Drawer>` — edge-anchored sliding panel primitive (Sprint 6 SHIP #4).
+ *
+ * Distinct from Dialog / Popover / Menu: anchors to one of the four
+ * viewport edges and spans the full length of that edge. Three variants:
+ *   - `temporary` (default) — modal with backdrop, focus trap, scroll lock,
+ *     Esc + backdrop close.
+ *   - `persistent` — non-modal, coexists with page content, no backdrop;
+ *     Esc + click-outside still close (unless individually disabled).
+ *   - `sticky` — non-modal, non-dismissible via user gesture. Same visual
+ *     as `persistent` but Esc + click-outside are ignored. Only the close
+ *     button and programmatic `onOpenChange(false)` close it.
+ *
+ * See {@link DrawerProps} for the full API surface.
+ */
+export declare function Drawer(props: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Drawer {
+    var displayName: string;
+}
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgFrD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,kDAoZxC;yBApZe,MAAM"}

package/dist/src/components/Drawer/drawer.types.d.ts

@@ -0,0 +1,311 @@
+import type { ReactNode } from 'react';
+import type { Engine } from '@dashforge/ui-core';
+import type { AccessRequirement } from '@dashforge/rbac';
+import type { DrawerVariants } from './drawer.variants.js';
+/**
+ * Subset of `<Drawer>` props theme-configurable via
+ * `theme.components.Drawer.defaults` (Option C).
+ *
+ * Only *visual identity* axes go here — behavioral state (`open`,
+ * `resize`, `disableEscapeClose`, etc.) stays per-instance. A theme
+ * saying "all drawers default to `position='right'` + `size='md'` +
+ * `variant='temporary'` + close button visible" is the identity
+ * decision a DS designer would pin globally; a theme saying "all
+ * drawers default to `open={true}`" would be nonsensical.
+ */
+export interface DrawerVariantProps {
+    position?: DrawerVariants['position'];
+    size?: DrawerVariants['size'];
+    variant?: DrawerVariants['variant'];
+    showCloseButton?: boolean;
+}
+/**
+ * Per-slot className override map. Consumed via
+ * `theme.components.Drawer.slotProps` (application-wide) and instance
+ * `slotProps` (per-render).
+ */
+export interface DrawerSlotProps {
+    overlay?: {
+        className?: string;
+    };
+    content?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    title?: {
+        className?: string;
+    };
+    closeButton?: {
+        className?: string;
+    };
+    body?: {
+        className?: string;
+    };
+    footer?: {
+        className?: string;
+    };
+    resizeHandle?: {
+        className?: string;
+    };
+}
+declare module '@dashforge/tw-tokens' {
+    interface TWComponentDefaults {
+        Drawer?: {
+            defaults?: Partial<DrawerVariantProps>;
+            slotProps?: DrawerSlotProps;
+        };
+    }
+}
+/**
+ * Props for `<Drawer>` — edge-anchored sliding panel.
+ *
+ * Distinct from `<Dialog>` (viewport-centered), `<Popover>` (attached to
+ * a trigger), and `<Menu>` (contextual list): Drawer anchors to a
+ * viewport edge and spans the full length of that edge. Typical uses:
+ * side inspector (right), navigation drawer (left mobile), tool drawer
+ * (left/right desktop), bottom sheet (bottom mobile), notification tray
+ * (top).
+ *
+ * Built on `@radix-ui/react-dialog` for the modal `temporary` variant
+ * (focus trap, scroll lock, Esc, `aria-modal`) and on
+ * `<RadixDialog.Root modal={false}>` for `persistent` (non-modal,
+ * coexists with page content).
+ *
+ * Bridge integration: **none** — Drawer is not a form field. `visibleWhen`
+ * and `access` follow the catalog convention (reactive predicate +
+ * RBAC gate).
+ *
+ * @example Right-side inspector
+ * ```tsx
+ * <Drawer
+ *   open={inspectorOpen}
+ *   onOpenChange={setInspectorOpen}
+ *   position="right"
+ *   variant="persistent"
+ *   title="Properties"
+ *   resize
+ *   resizeKey="blueprintInspector"
+ * >
+ *   <InspectorPanel />
+ * </Drawer>
+ * ```
+ *
+ * @example Mobile bottom sheet
+ * ```tsx
+ * <Drawer
+ *   open={sheetOpen}
+ *   onOpenChange={setSheetOpen}
+ *   position="bottom"
+ *   size="lg"
+ *   title="Filters"
+ *   footer={<Button onClick={applyFilters}>Apply</Button>}
+ * >
+ *   <FilterList />
+ * </Drawer>
+ * ```
+ */
+export interface DrawerProps {
+    /** Controlled open state. */
+    open: boolean;
+    /**
+     * Fires when the drawer requests to change open state — Esc,
+     * backdrop click, close button, or `Radix.Root.onOpenChange`. Mirror
+     * of `<Dialog onOpenChange>`. No `reason` parameter — consumers that
+     * need to differentiate escape-vs-backdrop use `disableEscapeClose` /
+     * `disableBackdropClose` explicitly.
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Which viewport edge the drawer anchors to. Drives the translate
+     * direction on open/close and which border is visible on the panel.
+     * @default 'right'
+     */
+    position?: DrawerVariants['position'];
+    /**
+     * Bounded-axis preset (width for left/right, height for top/bottom).
+     * The `full` variant fills the viewport on the bounded axis.
+     * @default 'md'
+     */
+    size?: DrawerVariants['size'];
+    /**
+     * Three modes, each with a different dismiss contract:
+     *
+     *   - `'temporary'` (default) — modal. Backdrop dims the page,
+     *     focus is trapped, `<body>` scroll is locked, Esc + backdrop
+     *     click close.
+     *   - `'persistent'` — non-modal. No backdrop, coexists with page
+     *     content, no scroll lock. Esc + click-outside still close
+     *     (unless individually disabled).
+     *   - `'sticky'` — non-modal, non-dismissible via user gesture.
+     *     Same visual as `persistent` but Esc + click-outside are
+     *     ignored. The drawer stays open until the consumer closes it
+     *     programmatically (via `onOpenChange(false)`) or the user
+     *     clicks the `×` close button. Use for inspectors / toolbars
+     *     that must remain anchored while the user works elsewhere on
+     *     the page.
+     *
+     * Implemented via Radix's `modal` prop (`temporary` is `modal={true}`;
+     * both non-modal modes are `modal={false}`) plus the internal
+     * dismiss handlers.
+     *
+     * @default 'temporary'
+     */
+    variant?: DrawerVariants['variant'];
+    /** Drawer body — rendered inside the `body` slot. */
+    children?: ReactNode;
+    /**
+     * Optional title — rendered in the `header` slot as
+     * `<RadixDialog.Title>`. Typed as `string | ReactNode` for API
+     * discoverability (a plain string is the 90% case, ReactNode
+     * unlocks full customization: icons + label, chip + title, etc.).
+     */
+    title?: string | ReactNode;
+    /** Optional footer — action bar, rendered under the body. */
+    footer?: ReactNode;
+    /**
+     * Show the `×` close button in the header. Mirror of Dialog's
+     * `showCloseButton`.
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Where the `×` close button sits within the header row.
+     *
+     *   - `'end'` (default) — right side of the header, after the title.
+     *     Standard convention across MUI, Chakra, shadcn.
+     *   - `'start'` — left side of the header, before the title. Used by
+     *     some full-screen mobile drawers (Material Design guideline) and
+     *     by iOS-style sheets where the close affordance is at the leading
+     *     edge.
+     *
+     * @default 'end'
+     */
+    closeButtonPosition?: 'start' | 'end';
+    /**
+     * Fires when the `×` close button is clicked. The drawer closes
+     * unconditionally afterward (via `onOpenChange(false)`) — this is
+     * a side-effect hook for logging, analytics, or last-mile cleanup.
+     * If you need to BLOCK the close, guard the state upstream in
+     * `onOpenChange` instead (the close button doesn't gate it).
+     */
+    onCloseClick?: () => void;
+    /**
+     * Custom auto-focus handler fired when the drawer opens. Escape hatch
+     * for consumers who need different focus semantics than the default.
+     *
+     * DEFAULT (when this prop is omitted): the drawer prevents Radix's
+     * built-in auto-focus (which lands on the first focusable child = the
+     * × close button) and focuses the Content wrapper itself instead.
+     * Screen readers still announce the dialog via `aria-labelledby` →
+     * title; the visible focus ring simply doesn't stick to any child on
+     * open.
+     *
+     * OVERRIDE this when:
+     *   - You want to focus a specific interactive element on open (e.g.
+     *     the first form field: `(e) => { e.preventDefault();
+     *     firstInputRef.current?.focus() }`).
+     *   - You need the Radix default (auto-focus the first tabbable) —
+     *     pass `undefined` at call site? No — pass a handler that does
+     *     nothing: `() => undefined`. The absence of preventDefault lets
+     *     Radix's default fire.
+     *   - You're troubleshooting a screen-reader-specific issue (JAWS,
+     *     older NVDA versions) that needs a specific focus target.
+     *
+     * The event receives the underlying `FocusEvent` — call
+     * `event.preventDefault()` to suppress Radix's default focus, then
+     * do your own focus management.
+     */
+    onOpenAutoFocus?: (event: Event) => void;
+    /**
+     * Disable closing when the user clicks outside the drawer content.
+     * Applies to `variant='temporary'` (backdrop click) and
+     * `variant='persistent'` (click outside the invisible drawer area) —
+     * `variant='sticky'` implicitly defaults this to `true` to keep the
+     * drawer open.
+     *
+     * Explicit values WIN over the sticky default: pass `false` to
+     * re-enable click-outside close on a sticky drawer (opt-in escape).
+     * @default `false` for `temporary` and `persistent`, `true` for `sticky`
+     */
+    disableBackdropClose?: boolean;
+    /**
+     * Disable closing when the user presses Escape.
+     *
+     * Explicit values WIN over the sticky default: `variant='sticky'`
+     * defaults this to `true` so the drawer stays open, but passing
+     * `disableEscapeClose={false}` re-enables Esc close on a sticky
+     * drawer (opt-in escape hatch).
+     * @default `false` for `temporary` and `persistent`, `true` for `sticky`
+     */
+    disableEscapeClose?: boolean;
+    /**
+     * Render a drag handle on the free edge of the drawer that lets the
+     * user resize the bounded axis (width for left/right, height for
+     * top/bottom).
+     * @default false
+     */
+    resize?: boolean;
+    /**
+     * `localStorage` key for persisting the resized dimension across
+     * sessions. Stored under `df.drawer.<resizeKey>`. When `resize=true`
+     * and this is omitted, a one-time dev-warn fires and no persistence
+     * is attempted.
+     */
+    resizeKey?: string;
+    /**
+     * Minimum size (px) for the bounded axis. Clamps `pointermove` and
+     * keyboard-driven resizes.
+     * @default 240
+     */
+    resizeMin?: number;
+    /**
+     * Maximum size (px) for the bounded axis.
+     * @default 800
+     */
+    resizeMax?: number;
+    /**
+     * Optional callback that fires on every commit of the resize handle
+     * (pointer-up OR keyboard step). Useful for consumers that want to
+     * mirror the size into their own store (e.g. a Zustand slice for
+     * layout preferences).
+     */
+    onSizeChange?: (size: number) => void;
+    /**
+     * Reactive visibility predicate. Falsy → renders `null`. The
+     * predicate can freely mix engine state (via the `engine` argument)
+     * and outer-scope local state / context / refs — React's re-render
+     * cascade guarantees fresh values on every evaluation.
+     *
+     * ## Behavior when combined with `open={true}`
+     *
+     * `visibleWhen` does NOT sync back to `open` state. If the predicate
+     * flips to `false` while `open={true}`:
+     *   - The drawer unmounts (returns `null`)
+     *   - `onOpenChange(false)` is NOT called — your `open` state stays
+     *     `true`
+     *   - When the predicate flips back to `true`, the drawer remounts
+     *     with `open={true}` and reappears — no user gesture needed
+     *
+     * This is the "reactive UI" pattern: `visibleWhen` decides IF the
+     * component participates in the tree; `open` decides its state WHEN
+     * it participates. The two axes are orthogonal.
+     *
+     * If you need the drawer to close (state = false) when it's hidden —
+     * for example, to also unmount its side-effects downstream — wire
+     * that into `visibleWhen`'s upstream state via a `useEffect` in the
+     * consumer, or listen for the flip and call `onOpenChange(false)`
+     * yourself.
+     */
+    visibleWhen?: (engine: Engine) => boolean;
+    /** RBAC gate — see `useAccessState`. */
+    access?: AccessRequirement;
+    /** Utility-class shortcut merged onto the `content` slot. */
+    sx?: string;
+    /** Per-slot className overrides. */
+    slotProps?: DrawerSlotProps;
+    /** `data-testid` on the content wrapper. */
+    testId?: string;
+}
+//# sourceMappingURL=drawer.types.d.ts.map

package/dist/src/components/Drawer/drawer.types.d.ts.map

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