@vaam-apps/ui 0.1.0

package/dist/components/primitives/date-picker.d.ts

@@ -0,0 +1,68 @@
+import type { DateRange } from "react-day-picker";
+export type { DateRange };
+/**
+ * `2026-09-11` — ISO 8601 calendar date, no time, no zone.
+ *
+ * Every date this module exchanges with a caller is one of these, not a
+ * `Date`. A `Date` is an instant, and an instant rendered in a different
+ * zone is a different calendar day — which is how a filter for "today"
+ * silently returns yesterday's rows for anyone west of the server. The
+ * `Date` objects `react-day-picker` works in are confined to this file.
+ */
+export type IsoDate = string;
+/** `Date` (local midnight) → `YYYY-MM-DD`, without going through UTC. */
+export declare function toIsoDate(date: Date): IsoDate;
+/**
+ * `YYYY-MM-DD` → `Date` at *local* midnight.
+ *
+ * Deliberately not `new Date("2026-09-11")`, which the spec parses as
+ * UTC midnight — in any negative-offset zone that is the previous day,
+ * so a calendar built on it highlights the wrong cell.
+ */
+export declare function fromIsoDate(iso: IsoDate): Date | undefined;
+export interface DatePickerProps {
+    value: IsoDate | undefined;
+    onValueChange: (value: IsoDate | undefined) => void;
+    /** Shown when empty, and used as the control's accessible name. */
+    placeholder?: string;
+    /** Earliest selectable date, inclusive. */
+    min?: IsoDate | undefined;
+    /** Latest selectable date, inclusive. */
+    max?: IsoDate | undefined;
+    disabled?: boolean | undefined;
+    /** Show an inline clear affordance once a date is picked. */
+    clearable?: boolean;
+    className?: string | undefined;
+}
+/** A single calendar date, chosen from a popover calendar. */
+export declare function DatePicker({ value, onValueChange, placeholder, min, max, disabled, clearable, className, }: DatePickerProps): import("react").JSX.Element;
+/** Two ISO dates, inclusive at both ends. `undefined` at either end means open. */
+export interface IsoDateRange {
+    from?: IsoDate | undefined;
+    to?: IsoDate | undefined;
+}
+export interface DateRangePickerProps {
+    value: IsoDateRange | undefined;
+    onValueChange: (value: IsoDateRange | undefined) => void;
+    placeholder?: string;
+    min?: IsoDate | undefined;
+    max?: IsoDate | undefined;
+    disabled?: boolean | undefined;
+    clearable?: boolean;
+    /** Months shown side by side. Two makes a cross-month range selectable
+     * without navigating, which is the common case for "last 30 days". */
+    numberOfMonths?: number;
+    className?: string | undefined;
+}
+/**
+ * A start and end date as one control.
+ *
+ * Exists because the alternative — two `<input type="date">` side by side
+ * — is what applications actually ship, and it cannot express the one
+ * thing a range needs: that the two ends constrain each other. Here the
+ * second click is always after the first, the fill between them is
+ * visible, and a half-finished range is representable (`from` set, `to`
+ * open) rather than being a validation error.
+ */
+export declare function DateRangePicker({ value, onValueChange, placeholder, min, max, disabled, clearable, numberOfMonths, className, }: DateRangePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKlD,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;;;;;;;GAQG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAK7C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAK1D;AAuED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,yCAAyC;IACzC,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,WAA2B,EAC3B,GAAG,EACH,GAAG,EACH,QAAQ,EACR,SAAgB,EAChB,SAAS,GACV,EAAE,eAAe,+BAoCjB;AAED,mFAAmF;AACnF,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;0EACsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAWD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,WAAiC,EACjC,GAAG,EACH,GAAG,EACH,QAAQ,EACR,SAAgB,EAChB,cAAkB,EAClB,SAAS,GACV,EAAE,oBAAoB,+BA6CtB"}

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

@@ -0,0 +1,107 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover as HeadlessPopover, PopoverButton, PopoverPanel } from "@headlessui/react";
+import { CalendarDays, X } from "lucide-react";
+import { cn } from "../../lib/cn.js";
+import { omitUndefined } from "../../lib/omit-undefined.js";
+import { Calendar } from "./calendar.js";
+/** `Date` (local midnight) → `YYYY-MM-DD`, without going through UTC. */
+export function toIsoDate(date) {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    return `${year}-${month}-${day}`;
+}
+/**
+ * `YYYY-MM-DD` → `Date` at *local* midnight.
+ *
+ * Deliberately not `new Date("2026-09-11")`, which the spec parses as
+ * UTC midnight — in any negative-offset zone that is the previous day,
+ * so a calendar built on it highlights the wrong cell.
+ */
+export function fromIsoDate(iso) {
+    const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+    if (match === null)
+        return undefined;
+    const [, year, month, day] = match;
+    return new Date(Number(year), Number(month) - 1, Number(day));
+}
+function displayLabel(iso, placeholder) {
+    return iso === undefined || iso === "" ? placeholder : iso;
+}
+/**
+ * The field-looking button that opens the calendar.
+ *
+ * A `<button>`, not an `<input>`: the value is chosen from the calendar,
+ * and a text input that looks editable but is not is worse than a button
+ * that looks like a field. Callers who want typed entry should use a
+ * plain `<Input type="date">` — the browser's own picker is better than
+ * anything worth reimplementing here.
+ */
+function PickerTrigger({ placeholder, label, hasValue, disabled, onClear, className, }) {
+    return (_jsxs("div", { className: cn("relative inline-flex w-full items-center", className), children: [_jsxs(PopoverButton, { ...omitUndefined({ disabled }), className: cn("input input-bordered flex w-full items-center gap-2 text-left font-sans text-prose", !hasValue && "text-subtle-foreground", "disabled:cursor-not-allowed disabled:opacity-50", hasValue && onClear !== undefined && "pr-9"), children: [_jsx(CalendarDays, { size: 14, strokeWidth: 1.5, className: "shrink-0 text-subtle-foreground" }), _jsx("span", { className: "truncate font-mono tabular-nums", children: label }), _jsx("span", { className: "sr-only", children: placeholder })] }), hasValue && onClear !== undefined && (_jsx("button", { type: "button", onClick: onClear, "aria-label": `Clear ${placeholder}`, className: "-translate-y-1/2 absolute top-1/2 right-2 text-subtle-foreground hover:text-foreground", children: _jsx(X, { size: 14, strokeWidth: 1.5 }) }))] }));
+}
+const PANEL_CLASS = cn("z-50 rounded-md border border-edge bg-surface-2 shadow-[var(--shadow-popover)]", "[--anchor-gap:6px] focus:outline-none", "origin-top transition duration-100 ease-out data-closed:scale-95 data-closed:opacity-0");
+/** A single calendar date, chosen from a popover calendar. */
+export function DatePicker({ value, onValueChange, placeholder = "Pick a date", min, max, disabled, clearable = true, className, }) {
+    const selected = value === undefined ? undefined : fromIsoDate(value);
+    return (_jsx(HeadlessPopover, { className: cn("relative", className), children: ({ close }) => (_jsxs(_Fragment, { children: [_jsx(PickerTrigger, { placeholder: placeholder, label: displayLabel(value, placeholder), hasValue: value !== undefined && value !== "", disabled: disabled, onClear: clearable ? () => onValueChange(undefined) : undefined, className: undefined }), _jsx(PopoverPanel, { anchor: "bottom start", transition: true, className: PANEL_CLASS, children: _jsx(Calendar, { mode: "single", ...omitUndefined({
+                            selected,
+                            defaultMonth: selected,
+                            startMonth: min === undefined ? undefined : fromIsoDate(min),
+                            endMonth: max === undefined ? undefined : fromIsoDate(max),
+                        }), onSelect: (next) => {
+                            onValueChange(next === undefined ? undefined : toIsoDate(next));
+                            // Closing on pick is right for a single date and wrong for
+                            // a range, where the first click is only half the answer.
+                            if (next !== undefined)
+                                close();
+                        } }) })] })) }));
+}
+function rangeLabel(value, placeholder) {
+    if (value === undefined)
+        return placeholder;
+    const { from, to } = value;
+    if (from === undefined && to === undefined)
+        return placeholder;
+    if (from !== undefined && to === undefined)
+        return `${from} → …`;
+    if (from === undefined && to !== undefined)
+        return `… → ${to}`;
+    return `${from} → ${to}`;
+}
+/**
+ * A start and end date as one control.
+ *
+ * Exists because the alternative — two `<input type="date">` side by side
+ * — is what applications actually ship, and it cannot express the one
+ * thing a range needs: that the two ends constrain each other. Here the
+ * second click is always after the first, the fill between them is
+ * visible, and a half-finished range is representable (`from` set, `to`
+ * open) rather than being a validation error.
+ */
+export function DateRangePicker({ value, onValueChange, placeholder = "Pick a date range", min, max, disabled, clearable = true, numberOfMonths = 2, className, }) {
+    const selected = value === undefined
+        ? undefined
+        : {
+            from: value.from === undefined ? undefined : fromIsoDate(value.from),
+            to: value.to === undefined ? undefined : fromIsoDate(value.to),
+        };
+    const hasValue = value !== undefined && (value.from !== undefined || value.to !== undefined);
+    return (_jsxs(HeadlessPopover, { className: cn("relative", className), children: [_jsx(PickerTrigger, { placeholder: placeholder, label: rangeLabel(value, placeholder), hasValue: hasValue, disabled: disabled, onClear: clearable ? () => onValueChange(undefined) : undefined, className: undefined }), _jsx(PopoverPanel, { anchor: "bottom start", transition: true, className: PANEL_CLASS, children: _jsx(Calendar, { mode: "range", numberOfMonths: numberOfMonths, ...omitUndefined({
+                        selected,
+                        defaultMonth: selected?.from,
+                        startMonth: min === undefined ? undefined : fromIsoDate(min),
+                        endMonth: max === undefined ? undefined : fromIsoDate(max),
+                    }), onSelect: (next) => {
+                        if (next === undefined) {
+                            onValueChange(undefined);
+                            return;
+                        }
+                        onValueChange({
+                            from: next.from === undefined ? undefined : toIsoDate(next.from),
+                            to: next.to === undefined ? undefined : toIsoDate(next.to),
+                        });
+                    } }) })] }));
+}
+//# sourceMappingURL=date-picker.js.map

package/dist/components/primitives/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/primitives/date-picker.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+import { DialogDescription as HeadlessDialogDescription, DialogTitle as HeadlessDialogTitle } from "@headlessui/react";
+import { type ComponentPropsWithoutRef, type ElementType, type ReactNode } from "react";
+export interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
+}
+/**
+ * D3: Radix `Dialog` → Headless UI `Dialog`/`DialogPanel`/`DialogTitle`/`DialogBackdrop`.
+ *
+ * `Dialog` itself is **not** a Headless UI component — it's a plain context
+ * provider. Headless UI's own `Dialog` only wraps the modal
+ * backdrop/panel (`DialogContent` below) and is controlled-only
+ * (`open`/`onClose`); it has no equivalent to Radix's `Dialog.Trigger`,
+ * which rendered in place (outside any portal) and could itself drive an
+ * *uncontrolled* open state. Two real consumers need both shapes:
+ * `providers-screen.tsx`'s edit dialog is fully controlled
+ * (`open={selectedId !== null}`, no `DialogTrigger` at all), while the
+ * gallery's demo dialog is uncontrolled, opened by its own in-place
+ * `DialogTrigger`. This root supplies the open/close plumbing for both,
+ * the same controlled/uncontrolled duality `Select` (D17) uses.
+ */
+export declare function Dialog({ open, defaultOpen, onOpenChange, children }: DialogProps): import("react").JSX.Element;
+type TriggerProps<T extends ElementType> = {
+    as?: T;
+} & Omit<ComponentPropsWithoutRef<T>, "as">;
+/**
+ * Renders in place, not portaled — `as` selects the rendered element/component,
+ * matching Headless UI's own polymorphism convention rather than Radix's
+ * `asChild` (D4 already retired that pattern for `Button`; this is the
+ * identical call applied to a trigger). Replaces
+ * `<DialogTrigger asChild><Button variant="secondary">…</Button></DialogTrigger>`
+ * with `<DialogTrigger as={Button} variant="secondary">…</DialogTrigger>`
+ * (the gallery's own only consumer, updated in this same change).
+ */
+export declare function DialogTrigger<T extends ElementType = "button">({ as, onClick, ...props }: TriggerProps<T>): import("react").JSX.Element;
+/** Unconsumed today (grepped across `admin/`) — kept for API parity. Same
+ * `as`-polymorphic shape as `DialogTrigger`. */
+export declare function DialogClose<T extends ElementType = "button">({ as, onClick, ...props }: TriggerProps<T>): import("react").JSX.Element;
+export declare function DialogContent({ className, children, ...props }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+export declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+/** #56: the confirm/requeue dialog's own action row. Mirrors `DialogHeader`'s
+ * shape (a thin, class-composing div, not a Headless-UI-wrapped primitive —
+ * a footer has no accessibility semantics either library needs to own). */
+export declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function DialogTitle({ className, ...props }: ComponentPropsWithoutRef<typeof HeadlessDialogTitle>): import("react").JSX.Element;
+export declare function DialogDescription({ className, ...props }: ComponentPropsWithoutRef<typeof HeadlessDialogDescription>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,iBAAiB,IAAI,yBAAyB,EAC9C,WAAW,IAAI,mBAAmB,EACnC,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAEhB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAiBf,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,WAAW,+BAexF;AAED,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,IAAI;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAEhG;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC9D,EAAE,EACF,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,CAAC,CAAC,CAAC,+BAajB;AAED;gDACgD;AAChD,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC5D,EAAE,EACF,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,CAAC,CAAC,CAAC,+BAajB;AAKD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,CAAC,KAAK,CAAC,+BA+B/F;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,+BAEzF;AAED;;2EAE2E;AAC3E,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,+BAEzF;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,+BAOtD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,yBAAyB,CAAC,+BAO5D"}

package/dist/components/primitives/dialog.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DialogBackdrop, DialogPanel, Dialog as HeadlessDialog, DialogDescription as HeadlessDialogDescription, DialogTitle as HeadlessDialogTitle, } from "@headlessui/react";
+import { X } from "lucide-react";
+import { createContext, useContext, useState, } from "react";
+import { cn } from "../../lib/cn.js";
+const DialogContext = createContext(null);
+function useDialogContext(component) {
+    const ctx = useContext(DialogContext);
+    if (ctx === null) {
+        throw new Error(`<${component} /> must be rendered inside <Dialog>.`);
+    }
+    return ctx;
+}
+/**
+ * D3: Radix `Dialog` → Headless UI `Dialog`/`DialogPanel`/`DialogTitle`/`DialogBackdrop`.
+ *
+ * `Dialog` itself is **not** a Headless UI component — it's a plain context
+ * provider. Headless UI's own `Dialog` only wraps the modal
+ * backdrop/panel (`DialogContent` below) and is controlled-only
+ * (`open`/`onClose`); it has no equivalent to Radix's `Dialog.Trigger`,
+ * which rendered in place (outside any portal) and could itself drive an
+ * *uncontrolled* open state. Two real consumers need both shapes:
+ * `providers-screen.tsx`'s edit dialog is fully controlled
+ * (`open={selectedId !== null}`, no `DialogTrigger` at all), while the
+ * gallery's demo dialog is uncontrolled, opened by its own in-place
+ * `DialogTrigger`. This root supplies the open/close plumbing for both,
+ * the same controlled/uncontrolled duality `Select` (D17) uses.
+ */
+export function Dialog({ open, defaultOpen = false, onOpenChange, children }) {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isControlled = open !== undefined;
+    const currentOpen = isControlled ? open : internalOpen;
+    function setOpen(next) {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChange?.(next);
+    }
+    return (_jsx(DialogContext.Provider, { value: { open: currentOpen, setOpen }, children: children }));
+}
+/**
+ * Renders in place, not portaled — `as` selects the rendered element/component,
+ * matching Headless UI's own polymorphism convention rather than Radix's
+ * `asChild` (D4 already retired that pattern for `Button`; this is the
+ * identical call applied to a trigger). Replaces
+ * `<DialogTrigger asChild><Button variant="secondary">…</Button></DialogTrigger>`
+ * with `<DialogTrigger as={Button} variant="secondary">…</DialogTrigger>`
+ * (the gallery's own only consumer, updated in this same change).
+ */
+export function DialogTrigger({ as, onClick, ...props }) {
+    const { setOpen } = useDialogContext("DialogTrigger");
+    const Component = (as ?? "button");
+    return (_jsx(Component, { type: as === undefined ? "button" : undefined, onClick: (event) => {
+            onClick?.(event);
+            setOpen(true);
+        }, ...props }));
+}
+/** Unconsumed today (grepped across `admin/`) — kept for API parity. Same
+ * `as`-polymorphic shape as `DialogTrigger`. */
+export function DialogClose({ as, onClick, ...props }) {
+    const { setOpen } = useDialogContext("DialogClose");
+    const Component = (as ?? "button");
+    return (_jsx(Component, { type: as === undefined ? "button" : undefined, onClick: (event) => {
+            onClick?.(event);
+            setOpen(false);
+        }, ...props }));
+}
+// Radius bumps to --radius-md here on purpose (design doc §3.5, unchanged by
+// D8's radius-scale rewrite — see theme.css): a floating layer reads as
+// detached from the grid beneath it.
+export function DialogContent({ className, children, ...props }) {
+    const { open, setOpen } = useDialogContext("DialogContent");
+    return (_jsxs(HeadlessDialog, { open: open, onClose: setOpen, className: "relative z-50", children: [_jsx(DialogBackdrop, { transition: true, className: "fixed inset-0 bg-black/50 duration-150 ease-out data-closed:opacity-0" }), _jsx("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-4", children: _jsxs(DialogPanel, { transition: true, className: cn("relative w-full max-w-[480px] rounded-md border border-edge bg-surface-2 p-6 shadow-[var(--shadow-dialog)]", "duration-150 ease-out data-closed:scale-95 data-closed:opacity-0", className), ...props, children: [children, _jsx("button", { type: "button", "aria-label": "Close", onClick: () => setOpen(false), className: "absolute top-4 right-4 text-subtle-foreground hover:text-foreground", children: _jsx(X, { size: 16, strokeWidth: 1.5 }) })] }) })] }));
+}
+export function DialogHeader({ className, ...props }) {
+    return _jsx("div", { className: cn("mb-4 flex flex-col gap-1", className), ...props });
+}
+/** #56: the confirm/requeue dialog's own action row. Mirrors `DialogHeader`'s
+ * shape (a thin, class-composing div, not a Headless-UI-wrapped primitive —
+ * a footer has no accessibility semantics either library needs to own). */
+export function DialogFooter({ className, ...props }) {
+    return _jsx("div", { className: cn("mt-6 flex items-center justify-end gap-2", className), ...props });
+}
+export function DialogTitle({ className, ...props }) {
+    return (_jsx(HeadlessDialogTitle, { className: cn("font-medium text-foreground text-title-sm", className), ...props }));
+}
+export function DialogDescription({ className, ...props }) {
+    return (_jsx(HeadlessDialogDescription, { className: cn("text-muted-foreground text-prose", className), ...props }));
+}
+//# sourceMappingURL=dialog.js.map

package/dist/components/primitives/dialog.js.map

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

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

@@ -0,0 +1,71 @@
+import { type ReactNode } from "react";
+export declare const Drawer: typeof import("vaul").Root;
+export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DrawerClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DrawerPortal: typeof import("vaul").Portal;
+export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Not previously exported — `vaul`'s `Content` renders Radix Dialog's
+ * `Content` underneath (`vaul/dist/index.js` imports `@radix-ui/react-
+ * dialog` directly and forwards its `Content`/`Title`/`Description`), so
+ * Radix's own "DialogContent requires a DialogTitle" dev warning applies
+ * here exactly as it does to `primitives/dialog.tsx`. `QuickDetailDrawer`/
+ * `MoreDetailDrawer` below always render one; exported separately too for
+ * any future one-off use of the generic `DrawerContent` above. */
+export declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+/** See `DrawerTitle` — same "not previously exported, Radix warns without
+ * one" reasoning, for `aria-describedby` instead of the accessible name. */
+export declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+interface DetailDrawerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Rendered as the drawer's accessible name (`Drawer.Title`) — required,
+     * not optional, because both variants always render one and Radix warns
+     * loudly in dev without it. */
+    title: ReactNode;
+    /** Rendered as the drawer's accessible description (`Drawer.Description`).
+     * Optional for the *caller* — when omitted, a screen-reader-only
+     * fallback is still rendered so `aria-describedby` is always wired,
+     * matching `primitives/dialog.tsx`'s own precedent of never shipping a
+     * `Content` with no description at all. */
+    description?: ReactNode;
+    /** The scrollable body — a summary of fields, an edit form, whatever the
+     * calling screen owns. This file has no opinion on it. */
+    children: ReactNode;
+    /** Optional sticky action row (§1.5's Polar reference: "a fixed bottom
+     * action row... stays visible without the form needing to scroll"). */
+    footer?: ReactNode;
+    className?: string;
+}
+/**
+ * **Quick details** (§3, D14) — a peek at one row's state without leaving
+ * the list. Narrow (`420–480px` at `md`+), undimmed (background stays
+ * legible and, per `vaul`'s own `modal={false}` behaviour verified above,
+ * scrollable/clickable — matching the Mercury reference, §1.4), no route
+ * ownership: the caller owns `open`/`onOpenChange` from local state (e.g.
+ * "which row id is selected"), and losing it on refresh is expected and
+ * fine (reopening is one click on the same row).
+ *
+ * Not a `Dialog`, and not for anything destructive — §1.7/§3 reserve that
+ * for the centered `Dialog` primitive. This is a read-mostly summary with
+ * 1–2 actions, e.g. a "View full details" link that upgrades to
+ * `MoreDetailDrawer`.
+ */
+export declare function QuickDetailDrawer(props: DetailDrawerProps): import("react").JSX.Element;
+/**
+ * **More details** (§3, D14) — the full record: every field, an edit
+ * form, destructive actions, short nested history. Wide (`640–720px` at
+ * `md`+), dimmed (modal-weight, matching the Polar reference, §1.5). The
+ * *caller* is expected to own a shallow `?panel=<recordId>` route so this
+ * survives refresh and is linkable (D14) — this component only owns the
+ * visual/behavioural weight, never routing; pass `open` derived from that
+ * query param and `onOpenChange` wired to update it.
+ *
+ * A destructive-confirmation step opened *from inside* this drawer (e.g.
+ * webhook-secret rotation) stays a nested `Dialog` (§3's own footnote) —
+ * that dialog needs a z-index at or above this drawer's `z-50`; setting
+ * that is `primitives/dialog.tsx`'s job (§8 risk list), not this file's.
+ */
+export declare function MoreDetailDrawer(props: DetailDrawerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAenD,eAAO,MAAM,MAAM,4BAAuB,CAAC;AAC3C,eAAO,MAAM,aAAa,mJAA0B,CAAC;AACrD,eAAO,MAAM,WAAW,iJAAwB,CAAC;AACjD,eAAO,MAAM,YAAY,8BAAyB,CAAC;AAEnD,eAAO,MAAM,aAAa,0QASxB,CAAC;AAGH,eAAO,MAAM,aAAa,0QAkBxB,CAAC;AAGH;;;;;;kEAMkE;AAClE,eAAO,MAAM,WAAW,mNAStB,CAAC;AAGH;4EAC4E;AAC5E,eAAO,MAAM,iBAAiB,6NAS5B,CAAC;AAoFH,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;mCAE+B;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB;;;;+CAI2C;IAC3C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;8DAC0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;IACpB;2EACuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+FD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,+BAQzD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,+BAExD"}

package/dist/components/primitives/drawer.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { forwardRef } from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { cn } from "../../lib/cn.js";
+// vaul is standalone. Direction defaults to "right" — a side drawer reads
+// as the console's Sheet-equivalent (design doc T15: "extend, don't fork");
+// pass `direction="bottom"` for the mobile/narrow-viewport case.
+//
+// This generic composition (`Drawer`/`DrawerTrigger`/`DrawerClose`/
+// `DrawerContent`) is unchanged by console-redesign.md §6.4/D14 — it is
+// still the right tool for a one-off drawer with no quick-vs-more
+// distinction to encode (see the gallery's own "Open drawer" example).
+// `QuickDetailDrawer`/`MoreDetailDrawer` below are a *second*, self-
+// contained API for the specific §3 distinction; they do not replace this
+// one.
+export const Drawer = DrawerPrimitive.Root;
+export const DrawerTrigger = DrawerPrimitive.Trigger;
+export const DrawerClose = DrawerPrimitive.Close;
+export const DrawerPortal = DrawerPrimitive.Portal;
+export const DrawerOverlay = forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/50", className), ...props })));
+DrawerOverlay.displayName = "DrawerOverlay";
+export const DrawerContent = forwardRef(({ className, children, ...props }, ref) => (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsx(DrawerPrimitive.Content, { ref: ref, className: cn("fixed inset-y-0 right-0 z-50 flex h-full w-full max-w-[560px] flex-col", "border-edge border-l bg-surface-2 shadow-[var(--shadow-dialog)]", className), ...props, children: children })] })));
+DrawerContent.displayName = "DrawerContent";
+/** Not previously exported — `vaul`'s `Content` renders Radix Dialog's
+ * `Content` underneath (`vaul/dist/index.js` imports `@radix-ui/react-
+ * dialog` directly and forwards its `Content`/`Title`/`Description`), so
+ * Radix's own "DialogContent requires a DialogTitle" dev warning applies
+ * here exactly as it does to `primitives/dialog.tsx`. `QuickDetailDrawer`/
+ * `MoreDetailDrawer` below always render one; exported separately too for
+ * any future one-off use of the generic `DrawerContent` above. */
+export const DrawerTitle = forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Title, { ref: ref, className: cn("font-medium text-foreground text-title-sm", className), ...props })));
+DrawerTitle.displayName = "DrawerTitle";
+/** See `DrawerTitle` — same "not previously exported, Radix warns without
+ * one" reasoning, for `aria-describedby` instead of the accessible name. */
+export const DrawerDescription = forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Description, { ref: ref, className: cn("text-muted-foreground text-prose", className), ...props })));
+DrawerDescription.displayName = "DrawerDescription";
+function DetailDrawerContent({ open, onOpenChange, title, description, children, footer, className, dimmed, contentClassName, }) {
+    return (_jsx(DrawerPrimitive.Root, { open: open, onOpenChange: onOpenChange, direction: "bottom", modal: dimmed, dismissible: true, handleOnly: true, 
+        // vaul defaults this to `false` (`onOpenAutoFocus` is pre-vented
+        // unless the caller opts in) — verified in `dist/index.js`'s `Root`
+        // default parameters. Without it, opening either drawer would leave
+        // keyboard focus sitting on whatever triggered it instead of moving
+        // into the panel, which is a real, checkable regression from plain
+        // Radix `Dialog` behaviour (its own default *does* auto-focus
+        // `Content`) — set explicitly so focus genuinely lands inside the
+        // drawer the moment it opens, not just gets trapped there once the
+        // user starts tabbing.
+        autoFocus: true, children: _jsxs(DrawerPrimitive.Portal, { children: [dimmed && _jsx(DrawerPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }), _jsxs(DrawerPrimitive.Content, { className: cn("fixed z-50 flex flex-col bg-surface-2 shadow-[var(--shadow-dialog)] outline-none", 
+                    // Phone: bottom sheet.
+                    "inset-x-0 bottom-0 rounded-t-box border-edge border-t", 
+                    // `md`+: right-hand panel — every sheet-only property above is
+                    // reset explicitly (inset, rounding, border side, max-height),
+                    // not just overridden by a wider max-width, per this file's
+                    // own D12-correction note above.
+                    "md:inset-x-auto md:inset-y-0 md:right-0 md:h-full md:max-h-none", "md:w-full md:rounded-t-none md:rounded-l-box md:border-t-0 md:border-l", contentClassName, className), children: [_jsx(DrawerPrimitive.Handle, { className: "mt-2 shrink-0 bg-edge-strong md:hidden!" }), _jsxs("div", { className: "flex items-start justify-between gap-3 border-edge border-b px-5 py-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx(DrawerTitle, { className: "truncate", children: title }), _jsx(DrawerDescription, { className: description == null ? "sr-only" : "mt-1", children: description ?? "Details panel." })] }), _jsx(DrawerPrimitive.Close, { "aria-label": "Close", className: "shrink-0 text-subtle-foreground hover:text-foreground", children: _jsx(X, { size: 16, strokeWidth: 1.5 }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: children }), footer != null && (_jsx("div", { className: "flex shrink-0 items-center justify-end gap-2 border-edge border-t px-5 py-4", children: footer }))] })] }) }));
+}
+/**
+ * **Quick details** (§3, D14) — a peek at one row's state without leaving
+ * the list. Narrow (`420–480px` at `md`+), undimmed (background stays
+ * legible and, per `vaul`'s own `modal={false}` behaviour verified above,
+ * scrollable/clickable — matching the Mercury reference, §1.4), no route
+ * ownership: the caller owns `open`/`onOpenChange` from local state (e.g.
+ * "which row id is selected"), and losing it on refresh is expected and
+ * fine (reopening is one click on the same row).
+ *
+ * Not a `Dialog`, and not for anything destructive — §1.7/§3 reserve that
+ * for the centered `Dialog` primitive. This is a read-mostly summary with
+ * 1–2 actions, e.g. a "View full details" link that upgrades to
+ * `MoreDetailDrawer`.
+ */
+export function QuickDetailDrawer(props) {
+    return (_jsx(DetailDrawerContent, { ...props, dimmed: false, contentClassName: "max-h-[70vh] md:max-w-[440px]" }));
+}
+/**
+ * **More details** (§3, D14) — the full record: every field, an edit
+ * form, destructive actions, short nested history. Wide (`640–720px` at
+ * `md`+), dimmed (modal-weight, matching the Polar reference, §1.5). The
+ * *caller* is expected to own a shallow `?panel=<recordId>` route so this
+ * survives refresh and is linkable (D14) — this component only owns the
+ * visual/behavioural weight, never routing; pass `open` derived from that
+ * query param and `onOpenChange` wired to update it.
+ *
+ * A destructive-confirmation step opened *from inside* this drawer (e.g.
+ * webhook-secret rotation) stays a nested `Dialog` (§3's own footnote) —
+ * that dialog needs a z-index at or above this drawer's `z-50`; setting
+ * that is `primitives/dialog.tsx`'s job (§8 risk list), not this file's.
+ */
+export function MoreDetailDrawer(props) {
+    return _jsx(DetailDrawerContent, { ...props, dimmed: true, contentClassName: "max-h-[92vh] md:max-w-[680px]" });
+}
+//# sourceMappingURL=drawer.js.map

package/dist/components/primitives/drawer.js.map

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

package/dist/components/primitives/dropdown-menu.d.ts

@@ -0,0 +1,40 @@
+import { MenuItems, MenuSeparator } from "@headlessui/react";
+import type { ComponentPropsWithoutRef } from "react";
+export declare const DropdownMenu: import("@headlessui/react")._internal_ComponentMenu & {
+    Button: import("@headlessui/react")._internal_ComponentMenuButton;
+    Items: import("@headlessui/react")._internal_ComponentMenuItems;
+    Item: import("@headlessui/react")._internal_ComponentMenuItem;
+    Section: import("@headlessui/react")._internal_ComponentMenuSection;
+    Heading: import("@headlessui/react")._internal_ComponentMenuHeading;
+    Separator: import("@headlessui/react")._internal_ComponentMenuSeparator;
+};
+export declare const DropdownMenuTrigger: import("@headlessui/react")._internal_ComponentMenuButton;
+export declare const DropdownMenuGroup: import("@headlessui/react")._internal_ComponentMenuSection;
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentPropsWithoutRef<typeof MenuSeparator>): import("react").JSX.Element;
+export declare function DropdownMenuContent({ className, ...props }: ComponentPropsWithoutRef<typeof MenuItems>): import("react").JSX.Element;
+export declare function DropdownMenuItem({ className, ...props }: Omit<ComponentPropsWithoutRef<"button">, "type">): import("react").JSX.Element;
+/** Unconsumed today (see module doc above) — caller controls `checked`
+ * itself, since Headless UI's `Menu` has no built-in checkbox-item state
+ * the way Radix's `DropdownMenuCheckboxItem` did. */
+export declare function DropdownMenuCheckboxItem({ className, checked, children, ...props }: Omit<ComponentPropsWithoutRef<"button">, "type"> & {
+    checked?: boolean;
+}): import("react").JSX.Element;
+/**
+ * **Found live, not assumed**: Headless UI's own `MenuHeading` throws the
+ * identical "not inside a relevant parent" error `label.tsx`'s own module
+ * doc already found for the standalone `Label` — `MenuHeading` needs a
+ * `MenuSection` ancestor to supply that context (`MenuSection`'s own
+ * implementation calls `useLabels()` to *create* the provider; `MenuHeading`
+ * calls `useLabelContext()` to *consume* it), and every call site here
+ * (matching the original Radix `DropdownMenuLabel`'s own shape) renders a
+ * standalone label with no surrounding group. Radix's own `Label` was a
+ * plain, non-interactive `<div>` with no roving-focus/ARIA-grouping
+ * behaviour beyond being read as ordinary text inside the menu's
+ * accessible tree — so a plain `<div>` here loses nothing real and avoids
+ * a dependency this element doesn't actually need. Reproduced live: a real
+ * "Uncaught Error: You used a <Label /> component, but it is not inside a
+ * relevant parent" client-side exception, thrown the instant the gallery's
+ * demo menu opened, before this fix.
+ */
+export declare function DropdownMenuLabel({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/primitives/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAET,aAAa,EACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAKtD,eAAO,MAAM,YAAY;;;;;;;CAAO,CAAC;AAKjC,eAAO,MAAM,mBAAmB,2DAAa,CAAC;AAM9C,eAAO,MAAM,iBAAiB,4DAAc,CAAC;AAE7C,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,aAAa,CAAC,+BAEhD;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,SAAS,CAAC,+BAa5C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,+BAclD;AAED;;qDAEqD;AACrD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,+BAoB1E;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,+BAO9F"}