@nanisoft/prism-ui 0.13.0 → 0.15.0

package/dist/components/ui/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAI5D,yCAAyC;AACzC,MAAM,WAAW,eAAe;IAC9B;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IAC9B,iEAAiE;IACjE,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAA;IACnC,gEAAgE;IAChE,aAAa,EAAE,gBAAgB,CAAA;IAC/B,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxC,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAA;IACrB,uEAAuE;IACvE,SAAS,EAAE,MAAM,CAAA;IACjB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IACxC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACjC,iEAAiE;IACjE,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAgB,EAChB,aAAa,EACb,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,cAAc,EACd,QAAQ,EACR,KAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,SAAS,GACV,EAAE,eAAe,+BA0HjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAI5D,yCAAyC;AACzC,MAAM,WAAW,eAAe;IAC9B;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IAC9B,iEAAiE;IACjE,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAA;IACnC,gEAAgE;IAChE,aAAa,EAAE,gBAAgB,CAAA;IAC/B,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxC,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAA;IACrB,uEAAuE;IACvE,SAAS,EAAE,MAAM,CAAA;IACjB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IACxC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACjC,iEAAiE;IACjE,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAgB,EAChB,aAAa,EACb,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,cAAc,EACd,QAAQ,EACR,KAAkB,EAClB,QAAgB,EAChB,QAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,SAAS,GACV,EAAE,eAAe,+BAkIjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/ui/date-picker.js

@@ -69,6 +69,14 @@ function DatePicker({ label, format, monthLabel, weekdayLabels, firstWeekday = 0
         setOwnOpen(next);
     };
     const canClear = chosen !== null && clearLabel !== undefined;
-    return (_jsxs("div", { "data-slot": "date-picker", className: cn('relative w-full', className), children: [canClear ? (_jsx("button", { type: "button", "data-slot": "date-picker-clear", "aria-label": clearLabel, disabled: disabled, onClick: clear, className: cn('text-muted-foreground hover:text-foreground absolute top-1/2 right-9 z-10 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none', 'transition-colors duration-fast ease-out focus-visible:ring-ring focus-visible:ring-[3px]', 'disabled:pointer-events-none disabled:opacity-50'), children: _jsx(XIcon, { className: "size-4", "aria-hidden": "true" }) })) : null, _jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [_jsx(PopoverTrigger, { "data-slot": "date-picker-trigger", id: triggerId, "aria-label": label, "aria-describedby": shown === '' ? undefined : valueId, "aria-invalid": required && chosen === null ? true : undefined, disabled: disabled, className: cn('border-input bg-background text-foreground w-full justify-between outline-none', 'focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', canClear && 'pr-16'), children: _jsx("span", { "data-slot": "date-picker-value", "aria-hidden": "true", className: shown === '' ? 'text-muted-foreground' : undefined, children: shown === '' ? placeholder : shown }) }), _jsx(PopoverContent, { sideOffset: 4, "aria-label": label, className: "w-auto p-0", children: _jsx(Calendar, { label: label, monthLabel: monthLabel(month), weekdayLabels: weekdayLabels, firstWeekday: firstWeekday, previousLabel: previousLabel, nextLabel: nextLabel, month: month, onMonthChange: setMonth, value: chosen, onValueChange: choose, isDateDisabled: isDateDisabled, dayLabel: dayLabel, today: today }) })] }), shown === '' ? null : (_jsx("span", { id: valueId, className: "sr-only", children: shown })), name === undefined ? null : (_jsx("input", { type: "hidden", name: name, ...(form === undefined ? null : { form }), value: chosen === null ? '' : iso(chosen), readOnly: true }))] }));
+    return (_jsxs("div", { "data-slot": "date-picker", className: cn('relative w-full', className), children: [canClear ? (_jsx("button", { type: "button", "data-slot": "date-picker-clear", "aria-label": clearLabel, disabled: disabled, onClick: clear, className: cn('text-muted-foreground hover:text-foreground absolute top-1/2 right-9 z-10 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none', 'transition-colors duration-fast ease-out focus-visible:ring-ring focus-visible:ring-[3px]', 'disabled:pointer-events-none disabled:opacity-50', 
+                // The floor, as a band rather than a step. This control is absolutely
+                // positioned over the field's own trigger, and `pr-16` on that trigger
+                // reserves exactly 64px of clear space; a 44px step at `right-9` would be
+                // 44 wide starting there and would run 16px under the value text the
+                // reservation exists to keep clear. The band adds ten rather than
+                // twenty-two, and `absolute` already gives it the containing block it
+                // needs, so no positioning class is added to the control itself.
+                'pointer-coarse:before:absolute pointer-coarse:before:left-1/2 pointer-coarse:before:top-1/2 pointer-coarse:before:h-11 pointer-coarse:before:w-11 pointer-coarse:before:-translate-x-1/2 pointer-coarse:before:-translate-y-1/2 pointer-coarse:before:content-[""]'), children: _jsx(XIcon, { className: "size-4", "aria-hidden": "true" }) })) : null, _jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [_jsx(PopoverTrigger, { "data-slot": "date-picker-trigger", id: triggerId, "aria-label": label, "aria-describedby": shown === '' ? undefined : valueId, "aria-invalid": required && chosen === null ? true : undefined, disabled: disabled, className: cn('border-input bg-background text-foreground w-full justify-between outline-none', 'focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', canClear && 'pr-16'), children: _jsx("span", { "data-slot": "date-picker-value", "aria-hidden": "true", className: shown === '' ? 'text-muted-foreground' : undefined, children: shown === '' ? placeholder : shown }) }), _jsx(PopoverContent, { sideOffset: 4, "aria-label": label, className: "w-auto p-0", children: _jsx(Calendar, { label: label, monthLabel: monthLabel(month), weekdayLabels: weekdayLabels, firstWeekday: firstWeekday, previousLabel: previousLabel, nextLabel: nextLabel, month: month, onMonthChange: setMonth, value: chosen, onValueChange: choose, isDateDisabled: isDateDisabled, dayLabel: dayLabel, today: today }) })] }), shown === '' ? null : (_jsx("span", { id: valueId, className: "sr-only", children: shown })), name === undefined ? null : (_jsx("input", { type: "hidden", name: name, ...(form === undefined ? null : { form }), value: chosen === null ? '' : iso(chosen), readOnly: true }))] }));
 }
 export { DatePicker };

package/dist/components/ui/dialog.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps } from 'react';
+import type { ComponentProps, RefObject } from 'react';
 /**
  * The props the Dialog root forwards to Base UI.
  *
@@ -12,6 +12,17 @@ export interface DialogProps {
     defaultOpen?: boolean;
     /** Called when the open state changes. */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Called after the open state change has finished animating, in both
+     * directions.
+     *
+     * Named because "the state changed" and "the panel has finished coming and
+     * going" are different moments, and a caller that unmounts on the first one
+     * takes the exit transition with it. It fires once the animations the panel
+     * declared have ended, and it fires immediately when there were none: a
+     * consumer whose own stylesheet removes transitions still gets told.
+     */
+    onOpenChangeComplete?: (open: boolean) => void;
     /** Whether the dialog is modal. @defaultValue true */
     modal?: boolean | 'trap-focus';
     /** The trigger and content. */
@@ -48,6 +59,18 @@ export interface DialogContentProps extends ComponentProps<'div'> {
      * @defaultValue 'Close'
      */
     closeLabel?: string;
+    /**
+     * The element that takes focus when the dialog opens.
+     *
+     * Left out, the panel focuses its first tabbable element, which is right for
+     * a dialog whose first control is the one the reader came for. It is named
+     * here for the dialog whose first tabbable element is not that control: a
+     * search field, where the reader opened the dialog to type and where the
+     * dialog wants the field rather than whatever the panel happens to draw
+     * first. A ref and not an element because the panel does not exist until the
+     * portal commits.
+     */
+    initialFocus?: RefObject<HTMLElement | null>;
 }
 /** The props DialogHeader forwards to a plain container. */
 export interface DialogHeaderProps extends ComponentProps<'div'> {
@@ -72,12 +95,18 @@ export interface DialogCloseProps extends ComponentProps<'button'> {
  * closes. Always give it a `DialogTitle`, which names the dialog for every
  * reader. Use a Dialog for a decision or a short task; for content that is
  * not a task, use a Popover or navigate to a page.
+ *
+ * The built-in close control is 16px for a mouse and a trackpad and takes the
+ * 44px coarse-pointer floor on touch input, without moving on screen: it stays in
+ * the panel's top-right corner and the panel's own padding stays what it is. Pass
+ * `showCloseButton={false}` and draw your own control when a dialog's header runs
+ * the full width of its panel, which is what `search-dialog.tsx` does.
  */
 declare function Dialog({ ...props }: DialogProps): import("react").JSX.Element;
 /** The element that opens the dialog. */
 declare function DialogTrigger({ className, ...props }: DialogTriggerProps): import("react").JSX.Element;
 /** The dialog panel, its backdrop and its portal. */
-declare function DialogContent({ className, side, showCloseButton, closeLabel, children, ...props }: DialogContentProps): import("react").JSX.Element;
+declare function DialogContent({ className, side, showCloseButton, closeLabel, initialFocus, children, ...props }: DialogContentProps): import("react").JSX.Element;
 /** The dialog's heading area, above the body. */
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): import("react").JSX.Element;
 /** The dialog's action area, below the body. */

package/dist/components/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,mDAAmD;AACnD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAEvE;;;;;GAKG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC/D;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACrD,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEnE,4DAA4D;AAC5D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEnE,iDAAiD;AACjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,IAAI,CAAC;CAAG;AAEjE,uDAAuD;AACvD,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,GAAG,CAAC;CAAG;AAEtE,iDAAiD;AACjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAqBrE;;;;;;;;GAQG;AACH,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAExC;AAED,yCAAyC;AACzC,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAcjE;AAED,qDAAqD;AACrD,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAe,EACf,eAAsB,EACtB,UAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAgCpB;AAED,iDAAiD;AACjD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAQ/D;AAED,gDAAgD;AAChD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAW/D;AAED,0EAA0E;AAC1E,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAQ7D;AAED,yCAAyC;AACzC,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,+BAQzE;AAED,gEAAgE;AAChE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAc7D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,mDAAmD;AACnD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAEvE;;;;;GAKG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC/D;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACrD,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAC7C;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEnE,4DAA4D;AAC5D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEnE,iDAAiD;AACjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,IAAI,CAAC;CAAG;AAEjE,uDAAuD;AACvD,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,GAAG,CAAC;CAAG;AAEtE,iDAAiD;AACjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAgCrE;;;;;;;;;;;;;;GAcG;AACH,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAExC;AAED,yCAAyC;AACzC,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAmBjE;AAED,qDAAqD;AACrD,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAe,EACf,eAAsB,EACtB,UAAoB,EACpB,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAiDpB;AAED,iDAAiD;AACjD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAQ/D;AAED,gDAAgD;AAChD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAW/D;AAED,0EAA0E;AAC1E,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAQ7D;AAED,yCAAyC;AACzC,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,+BAQzE;AAED,gEAAgE;AAChE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAc7D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAA"}

package/dist/components/ui/dialog.js

@@ -10,12 +10,23 @@ const VIEWPORT = {
     left: 'fixed inset-y-0 left-0 z-50 flex',
     right: 'fixed inset-y-0 right-0 z-50 flex',
 };
+/**
+ * The panel a dialog draws at each side.
+ *
+ * The two widths are authored container tokens rather than steps of a size scale,
+ * because an overlay's width is a property of the kind of surface it is and not of
+ * the page grid underneath it. `overlay-panel` is the side sheet, which is a panel
+ * beside the work; `overlay-dialog` is the centred card, which is a decision or a
+ * short task. Both used to be spelled with Tailwind's own container steps, which
+ * ship at the same values, so nothing rendered differently and a retune of the
+ * authored token would have moved one spelling and not the other.
+ */
 const POPUP = {
-    center: 'w-full max-w-md rounded-xl border data-[starting-style]:scale-95 data-[ending-style]:scale-95',
+    center: 'w-full max-w-overlay-dialog rounded-xl border data-[starting-style]:scale-95 data-[ending-style]:scale-95',
     top: 'w-full rounded-b-xl border-x border-b data-[starting-style]:-translate-y-4 data-[ending-style]:-translate-y-4',
     bottom: 'w-full rounded-t-xl border-x border-t data-[starting-style]:translate-y-4 data-[ending-style]:translate-y-4',
-    left: 'h-full w-3/4 max-w-sm rounded-r-xl border-y border-r data-[starting-style]:-translate-x-4 data-[ending-style]:-translate-x-4',
-    right: 'h-full w-3/4 max-w-sm rounded-l-xl border-y border-l data-[starting-style]:translate-x-4 data-[ending-style]:translate-x-4',
+    left: 'h-full w-3/4 max-w-overlay-panel rounded-r-xl border-y border-r data-[starting-style]:-translate-x-4 data-[ending-style]:-translate-x-4',
+    right: 'h-full w-3/4 max-w-overlay-panel rounded-l-xl border-y border-l data-[starting-style]:translate-x-4 data-[ending-style]:translate-x-4',
 };
 /**
  * A modal surface that interrupts the page.
@@ -25,17 +36,40 @@ const POPUP = {
  * closes. Always give it a `DialogTitle`, which names the dialog for every
  * reader. Use a Dialog for a decision or a short task; for content that is
  * not a task, use a Popover or navigate to a page.
+ *
+ * The built-in close control is 16px for a mouse and a trackpad and takes the
+ * 44px coarse-pointer floor on touch input, without moving on screen: it stays in
+ * the panel's top-right corner and the panel's own padding stays what it is. Pass
+ * `showCloseButton={false}` and draw your own control when a dialog's header runs
+ * the full width of its panel, which is what `search-dialog.tsx` does.
  */
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { ...props });
 }
 /** The element that opens the dialog. */
 function DialogTrigger({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", className: cn('bg-background shadow-xs inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium outline-none', 'transition-[color,box-shadow,background-color] duration-fast ease-out', 'hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'disabled:pointer-events-none disabled:opacity-50', className), ...props }));
+    return (_jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", className: cn('bg-background shadow-xs inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium outline-none', 
+        // The same step `Button`'s `default` size takes, and this string is that
+        // size's string: the trigger here was written as a copy of it and the copy
+        // did not bring the coarse-pointer floor with it, which left a dialog's
+        // own trigger below both the 44px standard and its own trigger on desktop.
+        'pointer-coarse:h-11 pointer-coarse:min-w-11', 'transition-[color,box-shadow,background-color] duration-fast ease-out', 'hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'disabled:pointer-events-none disabled:opacity-50', className), ...props }));
 }
 /** The dialog panel, its backdrop and its portal. */
-function DialogContent({ className, side = 'center', showCloseButton = true, closeLabel = 'Close', children, ...props }) {
-    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-backdrop", className: "bg-background/80 fixed inset-0 z-50 backdrop-blur-sm transition-opacity duration-base ease-out data-[starting-style]:opacity-0 data-[ending-style]:opacity-0" }), _jsx(DialogPrimitive.Viewport, { "data-slot": "dialog-viewport", className: VIEWPORT[side], children: _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn('bg-background shadow-md relative grid gap-4 p-6 outline-none', 'transition-[opacity,transform] duration-base ease-out data-[starting-style]:opacity-0 data-[ending-style]:opacity-0', POPUP[side], className), ...props, children: [children, showCloseButton ? (_jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", "aria-label": closeLabel, className: "ring-offset-background focus-visible:ring-ring absolute top-4 right-4 rounded-sm opacity-70 outline-none transition-opacity duration-fast ease-out hover:opacity-100 focus-visible:ring-[3px] disabled:pointer-events-none", children: _jsx(XIcon, { className: "size-4" }) })) : null] }) })] }));
+function DialogContent({ className, side = 'center', showCloseButton = true, closeLabel = 'Close', initialFocus, children, ...props }) {
+    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-backdrop", className: "bg-background/80 fixed inset-0 z-50 backdrop-blur-sm transition-opacity duration-base ease-out data-[starting-style]:opacity-0 data-[ending-style]:opacity-0" }), _jsx(DialogPrimitive.Viewport, { "data-slot": "dialog-viewport", className: VIEWPORT[side], children: _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", initialFocus: initialFocus, className: cn('bg-background shadow-md relative grid gap-4 p-6 outline-none', 'transition-[opacity,transform] duration-base ease-out data-[starting-style]:opacity-0 data-[ending-style]:opacity-0', POPUP[side], className), ...props, children: [children, showCloseButton ? (_jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", "aria-label": closeLabel, className: cn('ring-offset-background focus-visible:ring-ring absolute top-4 right-4 flex items-center justify-center rounded-sm opacity-70 outline-none', 
+                            // The floor, as a coarse-pointer step. A dialog is the one surface where
+                            // growing a control is more constrained than it looks, because the
+                            // close button is absolutely positioned in the panel's top-right corner
+                            // and a 44px box at a 16px inset overhangs the panel's own 24px padding
+                            // into the header. What it reaches there is the empty right-hand end of
+                            // the title row, and the answer for a dialog whose header does reach
+                            // there is `showCloseButton={false}` and a close control of the caller's
+                            // own, which `search-dialog.tsx` draws in its field row. A band was the
+                            // other option and it is worse: at a 16px corner inset any 44px band
+                            // hangs off the panel, and on a phone the panel is the viewport minus
+                            // its own gutter, so the overhang is clipped by the screen.
+                            'transition-opacity duration-fast ease-out hover:opacity-100 focus-visible:ring-[3px]', 'pointer-coarse:size-11', 'disabled:pointer-events-none'), children: _jsx(XIcon, { className: "size-4" }) })) : null] }) })] }));
 }
 /** The dialog's heading area, above the body. */
 function DialogHeader({ className, ...props }) {

package/dist/components/ui/drawer.d.ts

@@ -0,0 +1,270 @@
+import type { ComponentProps } from 'react';
+/**
+ * The edges a Drawer may be anchored to, and why there are three of them.
+ *
+ * `top` is not on this list and that is a decision rather than an omission. A
+ * panel that arrives from above the reader is a shade rather than a task
+ * surface, and the gesture that dismisses it is a pull towards the thing the
+ * reader was already looking at, which is the opposite of a dismissal. A Sheet
+ * carries all four edges because a Sheet has no gesture and the top edge is a
+ * legitimate place for a filter set. Exported because the union is the whole of
+ * what `DrawerContent` accepts and a caller building a wrapper wants to name it
+ * rather than repeat it.
+ */
+export type DrawerSide = 'bottom' | 'left' | 'right';
+/**
+ * The props the Drawer root forwards to its Base UI root.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam, which is the same rule `Dialog` states.
+ */
+export interface DrawerProps {
+    /** The controlled open state. */
+    open?: boolean;
+    /** The initially open state, for an uncontrolled drawer. */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the drawer is modal.
+     *
+     * `true` traps focus inside the panel, locks page scroll and makes the rest of
+     * the document inert to the pointer. `'trap-focus'` traps focus and leaves the
+     * page scrollable, which is the arrangement for a panel the reader has to be
+     * able to scroll away from. `false` closes nothing and traps nothing, and is
+     * for a panel sitting beside live work on a wide viewport.
+     *
+     * @defaultValue true
+     */
+    modal?: boolean | 'trap-focus';
+    /** The trigger and the panel. */
+    children?: React.ReactNode;
+}
+/** The props the DrawerTrigger forwards to Base UI. */
+export interface DrawerTriggerProps extends ComponentProps<'button'> {
+}
+/**
+ * The props the DrawerContent forwards to Base UI.
+ *
+ * `side` is not defaulted, for the reason `SheetContent` does not default
+ * `side`: a panel has an edge and the edge is a decision the caller has to make.
+ * Base UI's own default is the bottom sheet, which is a good default for Base UI
+ * and the wrong one here, because a default nobody chose is how a side panel
+ * arrives as a bottom sheet in a product that believes it shipped a drawer on
+ * the right.
+ */
+export interface DrawerContentProps extends Omit<ComponentProps<'div'>, 'children'> {
+    /** Which edge of the viewport the panel is anchored to. */
+    side: DrawerSide;
+    /**
+     * Whether the built-in close control is rendered. @defaultValue true
+     *
+     * On by default even though the panel can be dismissed by a drag, because the
+     * drag is not available to everyone: a reader with a switch device, a keyboard
+     * and no pointer gets the grip as a decorative bar, and a panel whose only
+     * visible way out is that bar is a panel some readers cannot leave.
+     */
+    showCloseButton?: boolean;
+    /**
+     * The accessible name of the built-in close control, and required.
+     *
+     * Required rather than defaulted, on the reasoning `Lightbox` states at
+     * length: a hardcoded accessible name is a sentence a consumer cannot
+     * localise, so a product in any language but English inherits an English
+     * control in the middle of its own interface, and the only fix is a fork. It
+     * is required even when `showCloseButton` is false, which looks like friction
+     * and is the same friction `Lightbox` accepts: a required prop is a question
+     * asked at build time, and an optional one is a question nobody asks. It also
+     * keeps the prop set stable, so turning the control on later is not a breaking
+     * change.
+     */
+    closeLabel: string;
+    /** The panel's own contents. */
+    children?: React.ReactNode;
+}
+/** The props DrawerHeader forwards to a plain container. */
+export interface DrawerHeaderProps extends ComponentProps<'div'> {
+}
+/** The props DrawerBody forwards to a plain container. */
+export interface DrawerBodyProps extends ComponentProps<'div'> {
+}
+/** The props DrawerFooter forwards to a plain container. */
+export interface DrawerFooterProps extends ComponentProps<'div'> {
+}
+/** The props DrawerTitle forwards to Base UI. */
+export interface DrawerTitleProps extends ComponentProps<'h2'> {
+}
+/** The props DrawerDescription forwards to Base UI. */
+export interface DrawerDescriptionProps extends ComponentProps<'p'> {
+}
+/** The props DrawerHandle forwards to a plain container. */
+export interface DrawerHandleProps extends ComponentProps<'div'> {
+}
+/** The props DrawerClose forwards to Base UI. */
+export interface DrawerCloseProps extends ComponentProps<'button'> {
+}
+/**
+ * A panel anchored to an edge of the viewport that the reader can push away.
+ *
+ * **The distinction from `Sheet` is a gesture and nothing else, and it is worth
+ * stating plainly because the two read as synonyms.** Prism's `Sheet` is
+ * `Dialog` with a named edge: the same focus trap, the same Escape key, the same
+ * outside press, the same portal, and a panel the reader leaves by pressing a
+ * key, pressing outside, or pressing a control. A Drawer is a panel the reader
+ * can also leave by dragging it off the edge with their thumb, and it says so: it
+ * draws a grip, its exit is driven by pointer movement, and its own content
+ * region is marked so that selecting text with a mouse does not read as the
+ * start of a drag. Base UI, which supplies both, draws the same line: a Drawer
+ * extends Dialog and adds gesture support, and a panel that slides in from the
+ * edge and needs no gesture is a positioned Dialog, which is what `Sheet` is. So
+ * the rule for a caller is short. **If the reader can throw it away, use a
+ * Drawer. If the reader dismisses it, use a Sheet.**
+ *
+ * **The gesture is never the only way out.** Every dismissal it offers is also
+ * available without a pointer: Escape closes the panel, and the close control is
+ * on by default. That is not politeness, it is the accessibility floor. A panel
+ * whose grip is the only visible affordance is a panel a switch-device user and a
+ * keyboard user cannot leave, and the grip is drawn from `bg-muted`, so it is a
+ * grey bar carrying no name and no role.
+ *
+ * **The focus trap, the Escape key, the scroll lock and the portal are Base UI's,
+ * and they are inherited rather than re-derived.** Five behaviours that are
+ * already correct and are each wrong more often than right when hand-rolled: an
+ * overlay built on a `div` and a `keydown` listener gets Escape and no trap, so a
+ * keyboard reader tabs behind the panel into a page they cannot see. `modal`
+ * defaults to `true`, which traps focus, locks page scroll and makes the rest of
+ * the document inert to the pointer. Focus moves into the panel on open and
+ * returns to whatever opened it on close. Escape closes it. There is deliberately
+ * no prop that turns any of that off: a panel a reader cannot leave by the
+ * keyboard is a trap in both the ordinary and the technical sense, and the case
+ * for a panel that refuses a stray press is an `AlertDialog`, which is what
+ * `Sheet` says in its own documentation.
+ *
+ * **A wide viewport gets a narrower panel, not a different Component.** The
+ * cross-axis extent is capped, so a side drawer is `w-3/4` bounded by
+ * `max-w-overlay-panel`
+ * and a bottom drawer is full width with `max-h-[85vh]`: at 64rem the panel is a
+ * panel beside the work rather than a wall across it. What Prism will not do is
+ * swap the Drawer for a Dialog at a breakpoint. A surface that changes shape with
+ * the viewport is two Components under one name with a media query deciding
+ * which one the reader got, and the caller's own `onOpenChange` cannot tell which
+ * fired, so a drawer that became a dialog on a desktop would be a component whose
+ * behaviour is a function of somebody else's window size. A product that wants a
+ * centred modal on a wide screen and a drawer on a phone renders both and chooses.
+ * The cost is real and it is this Component's: that choice is the caller's to
+ * write, and a caller who wanted one name for it does not get one here.
+ *
+ * **Snap points are deliberately left off, and that is the largest omission in
+ * this Component.** Base UI's Drawer can stop at preset heights, which is what a
+ * half-expanded bottom sheet is, and that is the shape most mobile task panels
+ * want. Expressing one honestly takes two numbers that must agree: the snap
+ * point, and the panel's own height at that point, because Base UI hands over the
+ * offset in pixels and leaves the height to whoever styles the panel. Prism has no
+ * token for a height in the world, so the caller's half of the pair would be an
+ * arbitrary `h-[...]` in a `className`, kept in step by hand with a prop on the
+ * root. Two numbers that have to agree, one of them authored outside the token
+ * tier, is a second source of truth, and this package has spent a migration
+ * unpicking exactly that. So the feature is off rather than half shipped, and
+ * what it costs is named: a half-expanded bottom sheet is not available here, and
+ * a consumer who needs one asks for it upstream rather than assembling it from a
+ * `className` that only half works. The nested-drawer stack and the indent effect
+ * Base UI also adds are left off for the same reason and for a second one: both
+ * are about drawers inside drawers, which is a shape no consumer of this package
+ * ships.
+ *
+ * **The entrance is a spatial move, and the whole of it is stopped under reduced
+ * motion.** A panel crossing the whole width of a viewport is the largest movement
+ * in the shipped surface, and a reader who has asked for less motion gets the panel
+ * already open, with no fade either, because the panel's resting state is its full
+ * form and there is nothing to lose. That used to be this Component's own decision,
+ * spelled in a `motion-safe:` on the panel and left off the backdrop so the backdrop
+ * could still fade; it is now `packages/ui/src/styles.css`'s, in one unlayered rule
+ * that stops every transition in the package, which is both the fade and the travel
+ * and every other one. Nothing here is guarded per call site any more, and a guard
+ * that sits beside an unguarded `transition-transform` never stopped anything:
+ * Tailwind's variant adds a rule rather than removing one.
+ *
+ * **The release from a flick is not velocity-matched, and that is the price of
+ * the token.** Base UI's own examples scale the dismissal duration by the swipe
+ * velocity, which is the right feel and is written as a computed millisecond
+ * value in the component. Prism names `duration-slow` and nothing else, so a
+ * reader who throws the panel off the edge hard watches it complete over the same
+ * 280ms as a reader who barely nudged it. A flick that ought to feel like the
+ * panel was flicked instead feels like the panel agreed to go. The alternative
+ * was a duration computed in a class string, and the compositor rule and the
+ * motion law are worth more than the velocity curve.
+ *
+ * It is a client Component, and the reason is the gesture and the portal rather
+ * than the panel: a drag is a stream of pointer events and a portal needs the
+ * document.
+ */
+declare function Drawer({ ...props }: DrawerProps): import("react").JSX.Element;
+/** The element that opens the drawer. */
+declare function DrawerTrigger({ className, ...props }: DrawerTriggerProps): import("react").JSX.Element;
+/**
+ * The panel, its backdrop, its layer and its portal, over Base UI's four parts.
+ *
+ * The parts are internal rather than exported for the reason `Dialog` keeps its
+ * backdrop and viewport internal: a consumer who composes them has to know the
+ * order they go in, and a panel drawn in the wrong order is a panel that traps
+ * focus in an element that is not on screen. `DrawerContent` is the only way in,
+ * and the header, body, footer and title are slots inside it.
+ */
+declare function DrawerContent({ className, side, showCloseButton, closeLabel, children, ...props }: DrawerContentProps): import("react").JSX.Element;
+/**
+ * The panel's heading area, above the body.
+ *
+ * Sits above the body rather than inside it, so a reader who has scrolled a long
+ * task to its last field still sees what the panel is. The panel's own scroll is
+ * the body's, not this element's, which is the difference between a header that
+ * travels with the work and one that stays.
+ */
+declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): import("react").JSX.Element;
+/**
+ * The part of the panel that scrolls.
+ *
+ * The one element with `min-h-0` and the only one with an overflow, and both are
+ * load bearing. The popup is a flex column with a capped height, so the body has
+ * to be allowed to be shorter than its content, and `min-h-0` is what makes that
+ * possible in a flex column: without it a flex item's automatic minimum size is
+ * its content, the body refuses to shrink, and a panel with a long form grows
+ * past the cap and off the screen with the footer unreachable. `overscroll-contain`
+ * is the other half, because a reader who has reached the end of the task and
+ * keeps scrolling should not drag the page behind the panel along with it.
+ */
+declare function DrawerBody({ className, ...props }: DrawerBodyProps): import("react").JSX.Element;
+/**
+ * The panel's action area, below the body.
+ *
+ * On the muted surface and above a rule, for the reason a `FilterPanel`'s footer
+ * is: it is the one band that does not scroll with the work above it, and a
+ * reader part way through a task has to reach the control that commits it without
+ * scrolling back to a field they have already filled. Stacked with the caller's
+ * first child at the bottom on a narrow screen and beside the rest from `sm` up,
+ * which puts the primary action under the same thumb either way.
+ */
+declare function DrawerFooter({ className, ...props }: DrawerFooterProps): import("react").JSX.Element;
+/** The panel's heading. It names the panel for assistive technology. */
+declare function DrawerTitle({ className, ...props }: DrawerTitleProps): import("react").JSX.Element;
+/**
+ * A supporting line under the title.
+ *
+ * The panel is named by the title and described by this, and both are the
+ * caller's words. A drawer on a narrow screen is read by a reader who has just
+ * interrupted something, so the description is where the panel says what will be
+ * lost by putting it away, and only the consumer knows that.
+ */
+declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): import("react").JSX.Element;
+/**
+ * The bar that says the panel can be pushed away.
+ *
+ * A caller reaching for this is usually a caller who wants a panel on an edge
+ * where no drag exits, which is a grip that promises something the panel will not
+ * do. It is here so that `DrawerContent` can draw it without inventing a slot,
+ * and it takes layout through `className` like every other part.
+ */
+declare function DrawerHandle({ className, ...props }: DrawerHandleProps): import("react").JSX.Element;
+/** A control that closes the drawer from inside its content. */
+declare function DrawerClose({ className, ...props }: DrawerCloseProps): import("react").JSX.Element;
+export { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerBody, DrawerFooter, DrawerTitle, DrawerDescription, DrawerHandle, DrawerClose, };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/ui/drawer.d.ts.map

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