cursedbelt 0.0.0

package/dist/react/components/DismissButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissButton.js","sourceRoot":"","sources":["../../../src/react/components/DismissButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAU/B,6EAA6E;AAC7E,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAsB;IAC1F,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,KAAK,EAAE,KAAK,IAAI,KAAK,EACrB,SAAS,EAAE,EAAE,CACX,gJAAgJ,EAChJ,SAAS,CACV,KACG,IAAI,YAEP,IAAI,IAAI,GAAG,GACL,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/DragHandle.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'react';
+export interface DragHandleProps {
+    /** Spread from a drag hook's `handleProps` — the pointer/keyboard drag wiring. */
+    handleProps: Record<string, unknown>;
+    /** dnd-kit's activator ref (the hook's `setActivatorNodeRef`), so the keyboard
+     *  sensor focuses this handle. Optional for whole-row drags. */
+    activatorRef?: Ref<HTMLButtonElement>;
+    label?: string;
+    /** Always show the grip (don't hover-reveal). */
+    alwaysVisible?: boolean;
+    className?: string;
+}
+/** Grab handle for drag-to-reorder rows; reveals on hover by default. */
+export declare function DragHandle({ handleProps, activatorRef, label, alwaysVisible, className, }: DragHandleProps): import("react").JSX.Element;
+//# sourceMappingURL=DragHandle.d.ts.map

package/dist/react/components/DragHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/react/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC;oEACgE;IAChE,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,YAAY,EACZ,KAAyB,EACzB,aAAqB,EACrB,SAAS,GACV,EAAE,eAAe,+BAiBjB"}

package/dist/react/components/DragHandle.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DragHandleIcon } from '../hooks/DragHandleIcon';
+import { cn } from '../lib/cn';
+import { REVEAL_ON_HOVER } from './revealOnHover';
+/** Grab handle for drag-to-reorder rows; reveals on hover by default. */
+export function DragHandle({ handleProps, activatorRef, label = 'Drag to reorder', alwaysVisible = false, className, }) {
+    return (_jsx("button", { type: 'button', ref: activatorRef, ...handleProps, "aria-label": label, title: label, className: cn('flex w-6 shrink-0 items-center justify-center self-stretch text-muted-foreground/60 pointer-coarse:min-h-11 pointer-coarse:w-8', alwaysVisible ? 'transition' : REVEAL_ON_HOVER, className), children: _jsx(DragHandleIcon, {}) }));
+}
+//# sourceMappingURL=DragHandle.js.map

package/dist/react/components/DragHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../../src/react/components/DragHandle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclD,yEAAyE;AACzE,MAAM,UAAU,UAAU,CAAC,EACzB,WAAW,EACX,YAAY,EACZ,KAAK,GAAG,iBAAiB,EACzB,aAAa,GAAG,KAAK,EACrB,SAAS,GACO;IAChB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,YAAY,KACb,WAAW,gBACH,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,gIAAgI,EAChI,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,EAC9C,SAAS,CACV,YAED,KAAC,cAAc,KAAG,GACX,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+export type DrawerSide = 'right' | 'bottom';
+export type DrawerSize = 'sm' | 'md' | 'lg';
+export interface DrawerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    /** Width on a right drawer, height on a bottom drawer. */
+    size?: DrawerSize;
+    side?: DrawerSide;
+    /** When the body holds a dirty form, a soft dismiss prompts "Discard changes?". */
+    isDirty?: boolean;
+    /** Offer "Save changes" in the discard prompt (only when the form is currently saveable). */
+    onSave?: () => void;
+    children: ReactNode;
+    /** Sticky footer slot — typically an `ActionBar` (keyboard-safe by construction). */
+    footer?: ReactNode;
+    /**
+     * Wrap the body in the keyboard-safe {@link ScrollArea} (default `true`). Set `false`
+     * when the children own their own scroll — e.g. a {@link Wizard} hosted as a full-height
+     * slide-over, which renders its own `Stepper` / `ScrollArea` / `ActionBar` column.
+     */
+    scrollBody?: boolean;
+}
+/**
+ * Slide-over panel on Radix Dialog (the `RecordPanel` replacement). Slides in from the
+ * right (a record create/edit panel) or the bottom (a mobile filter/detail sheet). The
+ * body is the keyboard-safe {@link ScrollArea} — a focused field is never hidden behind
+ * the on-screen keyboard, and an `ActionBar` `footer` rides above it via `--keyboard-inset`.
+ *
+ * Like {@link Modal}, a dirty dismiss raises an in-panel "Discard changes?" prompt.
+ */
+export declare function Drawer({ open, onClose, title, size, side, isDirty, onSave, children, footer, scrollBody, }: DrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/react/components/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAc5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAW,EACX,IAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAiB,GAClB,EAAE,WAAW,+BAmEb"}

package/dist/react/components/Drawer.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from 'lucide-react';
+import { useDiscardGuard } from '../hooks/useDiscardGuard';
+import { cn } from '../lib/cn';
+import { Dialog, DialogContent, DialogTitle } from './dialog';
+import { IconButton } from './IconButton';
+import { ScrollArea } from './ScrollArea';
+// `size` is the panel width on a right drawer, the panel height on a bottom drawer.
+const DRAWER_WIDTH = {
+    sm: 'max-w-sm',
+    md: 'max-w-lg',
+    lg: 'max-w-2xl',
+};
+const DRAWER_HEIGHT = {
+    sm: 'max-h-[40dvh]',
+    md: 'max-h-[65dvh]',
+    lg: 'max-h-[85dvh]',
+};
+/**
+ * Slide-over panel on Radix Dialog (the `RecordPanel` replacement). Slides in from the
+ * right (a record create/edit panel) or the bottom (a mobile filter/detail sheet). The
+ * body is the keyboard-safe {@link ScrollArea} — a focused field is never hidden behind
+ * the on-screen keyboard, and an `ActionBar` `footer` rides above it via `--keyboard-inset`.
+ *
+ * Like {@link Modal}, a dirty dismiss raises an in-panel "Discard changes?" prompt.
+ */
+export function Drawer({ open, onClose, title, size = 'md', side = 'right', isDirty, onSave, children, footer, scrollBody = true, }) {
+    const { guardedClose, discardOverlay, isConfirming, cancelDiscard } = useDiscardGuard({
+        open,
+        onClose,
+        isDirty,
+        onSave,
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: (v) => {
+            if (!v)
+                guardedClose();
+        }, children: _jsxs(DialogContent, { className: cn('flex flex-col gap-0 overflow-hidden bg-popover text-popover-foreground shadow-overlay', side === 'right' && [
+                'fixed top-0 right-0 h-full w-full rounded-l-xl border-l border-border',
+                DRAWER_WIDTH[size],
+                'data-[state=open]:animate-in data-[state=open]:slide-in-from-right',
+                'data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right',
+            ], side === 'bottom' && [
+                'fixed right-0 bottom-0 left-0 w-full rounded-t-xl border-t border-border',
+                DRAWER_HEIGHT[size],
+                'data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom',
+                'data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom',
+            ]), onInteractOutside: (e) => {
+                e.preventDefault();
+                guardedClose();
+            }, onEscapeKeyDown: (e) => {
+                e.preventDefault();
+                if (isConfirming)
+                    cancelDiscard();
+                else
+                    guardedClose();
+            }, children: [_jsxs("div", { className: 'flex flex-none items-center justify-between gap-3 border-b border-border px-5 py-4', children: [title ? (_jsx(DialogTitle, { className: 'text-base font-semibold', children: title })) : (_jsx(DialogTitle, { className: 'sr-only', children: "Panel" })), _jsx(IconButton, { label: 'Close', onClick: guardedClose, children: _jsx(X, {}) })] }), scrollBody ? (_jsx(ScrollArea, { className: 'px-5 py-4', children: children })) : (_jsx("div", { className: 'flex min-h-0 flex-1 flex-col', children: children })), footer ? _jsx("div", { className: 'flex-none', children: footer }) : null, discardOverlay] }) }));
+}
+//# sourceMappingURL=Drawer.js.map

package/dist/react/components/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/react/components/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,oFAAoF;AACpF,MAAM,YAAY,GAA+B;IAC/C,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,WAAW;CAChB,CAAC;AACF,MAAM,aAAa,GAA+B;IAChD,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;CACpB,CAAC;AAwBF;;;;;;;GAOG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,OAAO,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,GAAG,IAAI,GACL;IACZ,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,eAAe,CAAC;QACpF,IAAI;QACJ,OAAO;QACP,OAAO;QACP,MAAM;KACP,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,CAAC,CAAC;gBAAE,YAAY,EAAE,CAAC;QACzB,CAAC,YAED,MAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,IAAI,KAAK,OAAO,IAAI;gBAClB,uEAAuE;gBACvE,YAAY,CAAC,IAAI,CAAC;gBAClB,oEAAoE;gBACpE,wEAAwE;aACzE,EACD,IAAI,KAAK,QAAQ,IAAI;gBACnB,0EAA0E;gBAC1E,aAAa,CAAC,IAAI,CAAC;gBACnB,qEAAqE;gBACrE,yEAAyE;aAC1E,CACF,EACD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;YACjB,CAAC,EACD,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY;oBAAE,aAAa,EAAE,CAAC;;oBAC7B,YAAY,EAAE,CAAC;YACtB,CAAC,aAED,eAAK,SAAS,EAAC,oFAAoF,aAChG,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAe,CACvE,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,sBAAoB,CACrD,EACD,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,YAC7C,KAAC,CAAC,KAAG,GACM,IACT,EAEL,UAAU,CAAC,CAAC,CAAC,CAEZ,KAAC,UAAU,IAAC,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAc,CAC1D,CAAC,CAAC,CAAC,CAGF,cAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,CAC/D,EAEA,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,WAAW,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,EAEzD,cAAc,IACD,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/DropIndicator.d.ts

@@ -0,0 +1,11 @@
+export interface DropIndicatorProps {
+    /** `'horizontal'` = a line across the top/bottom edge (vertical lists). */
+    orientation: 'horizontal' | 'vertical';
+    /** Which edge of the hovered item: `'start'` = top/left, `'end'` = bottom/right. */
+    side: 'start' | 'end';
+    /** Override the line color (defaults to the accent token). */
+    color?: string;
+}
+/** A glowing insertion line for drag-and-drop reordering. */
+export declare function DropIndicator({ orientation, side, color }: DropIndicatorProps): import("react").JSX.Element;
+//# sourceMappingURL=DropIndicator.d.ts.map

package/dist/react/components/DropIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropIndicator.d.ts","sourceRoot":"","sources":["../../../src/react/components/DropIndicator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,2EAA2E;IAC3E,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,oFAAoF;IACpF,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;IACtB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,6DAA6D;AAC7D,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,+BAa7E"}

package/dist/react/components/DropIndicator.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+/** A glowing insertion line for drag-and-drop reordering. */
+export function DropIndicator({ orientation, side, color }) {
+    const tone = color ?? 'var(--color-accent)';
+    const style = {
+        boxShadow: `0 0 0 1px ${tone}, 0 0 10px 2px ${tone}`,
+        ...(color ? { backgroundColor: color } : {}),
+    };
+    const base = 'pointer-events-none absolute z-30 rounded-full bg-accent';
+    if (orientation === 'horizontal') {
+        const pos = side === 'start' ? '-top-px -translate-y-1/2' : '-bottom-px translate-y-1/2';
+        return _jsx("span", { "aria-hidden": true, className: cn(base, 'inset-x-0 h-1', pos), style: style });
+    }
+    const pos = side === 'start' ? '-left-px -translate-x-1/2' : '-right-px translate-x-1/2';
+    return _jsx("span", { "aria-hidden": true, className: cn(base, 'inset-y-0 w-1', pos), style: style });
+}
+//# sourceMappingURL=DropIndicator.js.map

package/dist/react/components/DropIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropIndicator.js","sourceRoot":"","sources":["../../../src/react/components/DropIndicator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAW/B,6DAA6D;AAC7D,MAAM,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAsB;IAC5E,MAAM,IAAI,GAAG,KAAK,IAAI,qBAAqB,CAAC;IAC5C,MAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,aAAa,IAAI,kBAAkB,IAAI,EAAE;QACpD,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC7C,CAAC;IACF,MAAM,IAAI,GAAG,0DAA0D,CAAC;IACxE,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;QACjC,MAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,4BAA4B,CAAC;QACzF,OAAO,oCAAkB,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;IACvF,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B,CAAC;IACzF,OAAO,oCAAkB,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACvF,CAAC"}

package/dist/react/components/Dropdown.d.ts

@@ -0,0 +1,64 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import { type StyleableProps } from '../styling';
+import { type PopoverDirection } from './popoverPlacement';
+/** One selectable option in a {@link Dropdown}. */
+export interface DropdownOption<T extends string = string> {
+    /** The value committed via `onChange` when chosen. */
+    value: T;
+    /** What the row (and, when selected, the trigger) shows. */
+    label: ReactNode;
+    /** Optional secondary line under the label in the open list. */
+    description?: ReactNode;
+    /** Greyed-out and unselectable (skipped by keyboard navigation). */
+    disabled?: boolean;
+}
+export type DropdownSlot = 'root' | 'trigger' | 'caret' | 'backdrop' | 'popover' | 'option';
+export interface DropdownProps<T extends string = string> extends StyleableProps<DropdownSlot> {
+    /** The choices, in display order. */
+    options: DropdownOption<T>[];
+    /** The currently-selected value (`null`/`undefined` shows the placeholder). */
+    value: T | null | undefined;
+    /** Called with the chosen value; the list closes afterward. */
+    onChange: (value: T) => void;
+    /** Trigger text when nothing is selected (default "Select…"). */
+    placeholder?: ReactNode;
+    /** Popover horizontal alignment relative to the trigger (default "left"). */
+    align?: 'left' | 'right';
+    /** Vertical direction the popover opens (default "auto" — flips up near the
+     *  viewport bottom and clamps its height so the list stays scrollable). */
+    direction?: PopoverDirection;
+    disabled?: boolean;
+    /** Accessible name for the trigger (use when there's no visible label). */
+    'aria-label'?: string;
+    id?: string;
+    /** Shortcut for `classNames.trigger` (the closed control). */
+    className?: string;
+    /** Shortcut for `styles.trigger`. */
+    style?: CSSProperties;
+}
+/**
+ * Pick the next enabled option index in `options` starting from `from`, stepping
+ * by `dir` (+1 down / -1 up) and wrapping at the ends. Disabled options are
+ * skipped. Returns `from` when there is no other enabled option (so a single-choice
+ * list doesn't jump), or `-1` when the list is empty / all-disabled. Pure +
+ * testable so the keyboard wiring in {@link Dropdown} stays trivial.
+ */
+export declare function nextEnabledIndex<T extends string>(options: DropdownOption<T>[], from: number, dir: 1 | -1): number;
+/**
+ * A styled single-select dropdown — a field-styled trigger plus a custom popover
+ * list, so the open menu matches the app's look instead of the browser's native
+ * (unstyleable) `<select>` list. Reach for it over {@link Select} when the open
+ * options list needs to be styled / themed (the common case in dense editors);
+ * keep `Select` for a plain native control. Fully keyboard-accessible
+ * (Arrow/Home/End/Enter/Esc, ARIA listbox), auto-flips up near the viewport bottom,
+ * and clamps its height to stay on-screen. Tailwind-first, overridable per slot.
+ *
+ *   <Dropdown
+ *     aria-label="Wait kind"
+ *     value={kind}
+ *     onChange={setKind}
+ *     options={[{ value: 'ms', label: 'for ms' }, { value: 'load', label: 'page load' }]}
+ *   />
+ */
+export declare function Dropdown<T extends string = string>({ options, value, onChange, placeholder, align, direction, disabled, id, className, style, classNames, styles, unstyled, ...aria }: DropdownProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/react/components/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,oBAAoB,CAAC;AAM5B,mDAAmD;AACnD,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACvD,sDAAsD;IACtD,KAAK,EAAE,CAAC,CAAC;IACT,4DAA4D;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5F,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,cAAc,CAAC,YAAY,CAAC;IAC5F,qCAAqC;IACrC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,+EAA+E;IAC/E,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5B,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;+EAC2E;IAC3E,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAWD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAC/C,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAC5B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GACV,MAAM,CAYR;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAClD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,KAAc,EACd,SAAkB,EAClB,QAAgB,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,+BAyLlB"}

package/dist/react/components/Dropdown.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId, useLayoutEffect, useRef, useState, } from 'react';
+import { useEscapeKey } from '../hooks/useEscapeKey';
+import { FIELD_CLASS_AUTO } from '../lib/field';
+import { resolveClass, resolveStyle } from '../styling';
+import { computePopoverPlacement, } from './popoverPlacement';
+// useLayoutEffect warns (and never runs) on the server; alias it to useEffect there
+// so SSR stays quiet, while the client still measures before paint.
+const useIsoLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+// Visual defaults mirror Select / AddItemsMenu so a Dropdown sits naturally next to
+// the other field controls. The trigger reuses the shared field look; the popover
+// reuses the AddItemsMenu surface. Positioning (offset/maxHeight) is resolved at
+// open time from the measured room around the trigger.
+const TRIGGER_CLASS = `${FIELD_CLASS_AUTO} inline-flex cursor-pointer items-center justify-between gap-2 text-left`;
+const POPOVER_CLASS = 'absolute z-40 min-w-full overflow-y-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-900';
+const OPTION_BASE = 'block w-full cursor-pointer px-3 py-2 text-left text-sm';
+/**
+ * Pick the next enabled option index in `options` starting from `from`, stepping
+ * by `dir` (+1 down / -1 up) and wrapping at the ends. Disabled options are
+ * skipped. Returns `from` when there is no other enabled option (so a single-choice
+ * list doesn't jump), or `-1` when the list is empty / all-disabled. Pure +
+ * testable so the keyboard wiring in {@link Dropdown} stays trivial.
+ */
+export function nextEnabledIndex(options, from, dir) {
+    const n = options.length;
+    if (n === 0)
+        return -1;
+    if (!options.some((o) => !o.disabled))
+        return -1;
+    // Start the scan one step from `from`; when `from` is out of range (e.g. -1 for
+    // "nothing active yet") begin at the first/last slot so opening lands on an edge.
+    let i = from < 0 || from >= n ? (dir === 1 ? -1 : n) : from;
+    for (let step = 0; step < n; step++) {
+        i = (i + dir + n) % n;
+        if (!options[i]?.disabled)
+            return i;
+    }
+    return from >= 0 && from < n && !options[from]?.disabled ? from : -1;
+}
+/**
+ * A styled single-select dropdown — a field-styled trigger plus a custom popover
+ * list, so the open menu matches the app's look instead of the browser's native
+ * (unstyleable) `<select>` list. Reach for it over {@link Select} when the open
+ * options list needs to be styled / themed (the common case in dense editors);
+ * keep `Select` for a plain native control. Fully keyboard-accessible
+ * (Arrow/Home/End/Enter/Esc, ARIA listbox), auto-flips up near the viewport bottom,
+ * and clamps its height to stay on-screen. Tailwind-first, overridable per slot.
+ *
+ *   <Dropdown
+ *     aria-label="Wait kind"
+ *     value={kind}
+ *     onChange={setKind}
+ *     options={[{ value: 'ms', label: 'for ms' }, { value: 'load', label: 'page load' }]}
+ *   />
+ */
+export function Dropdown({ options, value, onChange, placeholder = 'Select…', align = 'left', direction = 'auto', disabled = false, id, className, style, classNames, styles, unstyled, ...aria }) {
+    const [open, setOpen] = useState(false);
+    const [active, setActive] = useState(-1);
+    const [placement, setPlacement] = useState(null);
+    const rootRef = useRef(null);
+    const listId = useId();
+    const selectedIndex = options.findIndex((o) => o.value === value);
+    const selected = selectedIndex >= 0 ? options[selectedIndex] : undefined;
+    useEscapeKey(() => setOpen(false), open);
+    // Measure the room around the trigger when the list opens so it flips up (or stays
+    // down) and caps its height to never run off-screen; seed the keyboard highlight
+    // on the selected row (or the first enabled one).
+    useIsoLayoutEffect(() => {
+        if (!open) {
+            setPlacement(null);
+            return;
+        }
+        const el = rootRef.current;
+        if (el) {
+            setPlacement(computePopoverPlacement({
+                triggerRect: el.getBoundingClientRect(),
+                viewportHeight: window.innerHeight,
+                direction,
+            }));
+        }
+        setActive(selectedIndex >= 0 && !options[selectedIndex]?.disabled
+            ? selectedIndex
+            : nextEnabledIndex(options, -1, 1));
+    }, [open, direction]);
+    const choose = (opt) => {
+        if (opt.disabled)
+            return;
+        onChange(opt.value);
+        setOpen(false);
+    };
+    const onKeyDown = (e) => {
+        if (disabled)
+            return;
+        if (!open) {
+            if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                setOpen(true);
+            }
+            return;
+        }
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setActive((i) => nextEnabledIndex(options, i, 1));
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setActive((i) => nextEnabledIndex(options, i, -1));
+                break;
+            case 'Home':
+                e.preventDefault();
+                setActive(nextEnabledIndex(options, -1, 1));
+                break;
+            case 'End':
+                e.preventDefault();
+                setActive(nextEnabledIndex(options, options.length, -1));
+                break;
+            case 'Enter':
+            case ' ': {
+                e.preventDefault();
+                const opt = options[active];
+                if (opt)
+                    choose(opt);
+                break;
+            }
+            case 'Tab':
+                setOpen(false);
+                break;
+        }
+    };
+    return (_jsxs("div", { ref: rootRef, className: resolveClass('relative inline-block', classNames?.root, unstyled), style: resolveStyle({}, styles?.root, unstyled), children: [_jsxs("button", { type: 'button', id: id, disabled: disabled, "aria-haspopup": 'listbox', "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-label": aria['aria-label'], className: resolveClass(TRIGGER_CLASS, classNames?.trigger ?? className, unstyled), style: resolveStyle({}, styles?.trigger ?? style, unstyled), onClick: () => !disabled && setOpen((o) => !o), onKeyDown: onKeyDown, children: [_jsx("span", { className: selected ? undefined : 'text-gray-400 dark:text-gray-500', children: selected ? selected.label : placeholder }), _jsx("span", { "aria-hidden": true, className: resolveClass('shrink-0 text-gray-400 transition dark:text-gray-500', classNames?.caret, unstyled), children: "\u25BE" })] }), open && (_jsxs(_Fragment, { children: [_jsx("button", { type: 'button', "aria-label": 'Close', className: resolveClass('fixed inset-0 z-30 cursor-default', classNames?.backdrop, unstyled), onClick: () => setOpen(false) }), _jsx("div", { id: listId, role: 'listbox', "aria-label": aria['aria-label'], className: resolveClass(`${POPOVER_CLASS} ${align === 'right' ? 'right-0' : 'left-0'} ${placement?.dir === 'up' ? 'bottom-full mb-1' : 'top-full mt-1'}`, classNames?.popover, unstyled), style: resolveStyle(placement ? { maxHeight: placement.maxHeight } : {}, styles?.popover, unstyled), children: options.length === 0 ? (_jsx("p", { className: 'px-3 py-2 text-sm text-gray-500 dark:text-gray-400', children: "No options" })) : (options.map((opt, i) => {
+                            const isSelected = opt.value === value;
+                            const isActive = i === active;
+                            const state = opt.disabled
+                                ? 'cursor-not-allowed text-gray-400 dark:text-gray-600'
+                                : isSelected
+                                    ? 'bg-accent/10 font-medium text-gray-900 dark:text-gray-100'
+                                    : isActive
+                                        ? 'bg-gray-100 text-gray-900 dark:bg-gray-800 dark:text-gray-100'
+                                        : 'text-gray-700 hover:bg-gray-50 dark:text-gray-200 dark:hover:bg-gray-800';
+                            return (_jsxs("button", { type: 'button', role: 'option', "aria-selected": isSelected, tabIndex: -1, disabled: opt.disabled, className: resolveClass(`${OPTION_BASE} ${state}`, classNames?.option, unstyled), onClick: () => choose(opt), onMouseEnter: () => !opt.disabled && setActive(i), children: [_jsx("span", { className: 'block', children: opt.label }), opt.description != null && opt.description !== '' && (_jsx("span", { className: 'block text-xs text-gray-500 dark:text-gray-400', children: opt.description }))] }, opt.value));
+                        })) })] }))] }));
+}
+//# sourceMappingURL=Dropdown.js.map

package/dist/react/components/Dropdown.js.map

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

package/dist/react/components/DropdownMenu.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+export interface DropdownMenuItem {
+    key: string;
+    label: ReactNode;
+    description?: ReactNode;
+    /** Show a checkmark when defined (toggle item); the value is the checked state. */
+    checked?: boolean;
+    disabled?: boolean;
+    destructive?: boolean;
+    icon?: ReactNode;
+    onClick?: () => void;
+    /** Nested sub-items (renders a sub-menu trigger). */
+    children?: DropdownMenuItem[];
+}
+export interface DropdownMenuProps {
+    trigger: ReactNode;
+    items: DropdownMenuItem[];
+    /** Preferred alignment of the menu relative to the trigger. Default: 'start'. */
+    align?: 'start' | 'center' | 'end';
+    /** Preferred side. Radix auto-flips if there's no room. Default: 'bottom'. */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    className?: string;
+}
+/**
+ * Portal-based dropdown menu on Radix DropdownMenu. Never clipped by overflow
+ * ancestors; auto-flips + shifts to stay on-screen; keyboard-navigable (arrow
+ * keys, Home/End, type-ahead); fully accessible.
+ *
+ * Reach for this for action menus (kebab `⋯`, split-button, row actions). For
+ * "pick one value from a list" use {@link SelectField}; for field help use
+ * {@link InfoHint}.
+ */
+export declare function DropdownMenu({ trigger, items, align, side, className, }: DropdownMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/react/components/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/react/components/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,iFAAiF;IACjF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,KAAe,EACf,IAAe,EACf,SAAS,GACV,EAAE,iBAAiB,+BAmBnB"}

package/dist/react/components/DropdownMenu.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RDrop from '@radix-ui/react-dropdown-menu';
+import { Check, ChevronRight } from 'lucide-react';
+import { cn } from '../lib/cn';
+import { FLOATING_ANIMATION, FLOATING_CONTENT_BASE, FLOATING_ITEM_BASE, } from '../lib/floatingStyles';
+/**
+ * Portal-based dropdown menu on Radix DropdownMenu. Never clipped by overflow
+ * ancestors; auto-flips + shifts to stay on-screen; keyboard-navigable (arrow
+ * keys, Home/End, type-ahead); fully accessible.
+ *
+ * Reach for this for action menus (kebab `⋯`, split-button, row actions). For
+ * "pick one value from a list" use {@link SelectField}; for field help use
+ * {@link InfoHint}.
+ */
+export function DropdownMenu({ trigger, items, align = 'start', side = 'bottom', className, }) {
+    return (_jsxs(RDrop.Root, { children: [_jsx(RDrop.Trigger, { asChild: true, children: trigger }), _jsx(RDrop.Portal, { children: _jsxs(RDrop.Content, { align: align, side: side, sideOffset: 4, className: cn(FLOATING_CONTENT_BASE, FLOATING_ANIMATION, 'min-w-[8rem] p-1', className), children: [items.map((item) => (_jsx(DropdownItem, { item: item }, item.key))), _jsx(RDrop.Arrow, { className: 'fill-border' })] }) })] }));
+}
+function DropdownItem({ item }) {
+    if (item.children?.length) {
+        return (_jsxs(RDrop.Sub, { children: [_jsxs(RDrop.SubTrigger, { className: cn(FLOATING_ITEM_BASE, 'justify-between'), children: [_jsxs("span", { className: 'flex items-center gap-2', children: [item.icon && (_jsx("span", { className: 'inline-flex size-4 items-center justify-center', "aria-hidden": true, children: item.icon })), item.label] }), _jsx(ChevronRight, { className: 'size-4 opacity-60' })] }), _jsx(RDrop.Portal, { children: _jsx(RDrop.SubContent, { className: cn(FLOATING_CONTENT_BASE, FLOATING_ANIMATION, 'min-w-[8rem] p-1'), sideOffset: 2, children: item.children.map((child) => (_jsx(DropdownItem, { item: child }, child.key))) }) })] }));
+    }
+    if (item.checked !== undefined) {
+        return (_jsxs(RDrop.CheckboxItem, { checked: item.checked, onCheckedChange: () => item.onClick?.(), disabled: item.disabled, className: cn(FLOATING_ITEM_BASE, 'pl-8', item.destructive && 'text-destructive focus:text-destructive'), children: [_jsx(RDrop.ItemIndicator, { className: 'absolute left-2 flex size-4 items-center justify-center', children: _jsx(Check, { className: 'size-3' }) }), item.icon && (_jsx("span", { className: 'inline-flex size-4 items-center justify-center', "aria-hidden": true, children: item.icon })), _jsx("span", { children: item.label }), item.description && (_jsx("span", { className: 'ml-auto text-xs text-muted-foreground', children: item.description }))] }));
+    }
+    return (_jsxs(RDrop.Item, { onSelect: () => item.onClick?.(), disabled: item.disabled, className: cn(FLOATING_ITEM_BASE, item.destructive && 'text-destructive focus:bg-destructive/10 focus:text-destructive'), children: [item.icon && (_jsx("span", { className: 'inline-flex size-4 items-center justify-center', "aria-hidden": true, children: item.icon })), _jsx("span", { children: item.label }), item.description && (_jsx("span", { className: 'ml-auto text-xs text-muted-foreground', children: item.description }))] }));
+}
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/react/components/DropdownMenu.js.map

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

package/dist/react/components/EmojiField.d.ts

@@ -0,0 +1,17 @@
+export interface EmojiFieldProps {
+    /** The current emoji (a single grapheme), or '' for none. */
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    id?: string;
+    'aria-describedby'?: string;
+    className?: string;
+}
+/**
+ * The registry's `emoji` control: a button showing the current emoji that opens the
+ * full {@link EmojiPicker} (searchable, skin tones, recents — emoji-mart, lazy).
+ * Thin wrapper over `EmojiPicker` that supplies the value-showing trigger and keeps
+ * the `value`/`onChange` field contract, so Field/registry wiring is unchanged.
+ */
+export declare function EmojiField({ value, onChange, disabled, id, 'aria-describedby': ariaDescribedBy, className, }: EmojiFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=EmojiField.d.ts.map

package/dist/react/components/EmojiField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiField.d.ts","sourceRoot":"","sources":["../../../src/react/components/EmojiField.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,eAAe,+BA4BjB"}

package/dist/react/components/EmojiField.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { EmojiPicker } from '../emoji/EmojiPicker';
+import { cn } from '../lib/cn';
+/**
+ * The registry's `emoji` control: a button showing the current emoji that opens the
+ * full {@link EmojiPicker} (searchable, skin tones, recents — emoji-mart, lazy).
+ * Thin wrapper over `EmojiPicker` that supplies the value-showing trigger and keeps
+ * the `value`/`onChange` field contract, so Field/registry wiring is unchanged.
+ */
+export function EmojiField({ value, onChange, disabled, id, 'aria-describedby': ariaDescribedBy, className, }) {
+    const [open, setOpen] = useState(false);
+    return (_jsx(EmojiPicker, { open: open, onOpenChange: setOpen, onSelect: (emoji) => {
+            onChange(emoji);
+            setOpen(false);
+        }, trigger: _jsx("button", { id: id, type: 'button', disabled: disabled, "aria-describedby": ariaDescribedBy, "aria-label": value ? `Emoji: ${value}` : 'Pick an emoji', className: cn('inline-flex size-10 items-center justify-center rounded-field border border-field-border bg-field-bg text-xl transition hover:border-field-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-field-ring/30 disabled:cursor-not-allowed disabled:opacity-50', className), children: value || _jsx("span", { className: 'text-sm text-field-placeholder', children: "\uFF0B" }) }) }));
+}
+//# sourceMappingURL=EmojiField.js.map

package/dist/react/components/EmojiField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../src/react/components/EmojiField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAY/B;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACO;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,EACD,OAAO,EACL,iBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,sBACA,eAAe,gBACrB,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,EACvD,SAAS,EAAE,EAAE,CACX,kRAAkR,EAClR,SAAS,CACV,YAEA,KAAK,IAAI,eAAM,SAAS,EAAC,gCAAgC,uBAAS,GAC5D,GAEX,CACH,CAAC;AACJ,CAAC"}

package/dist/react/components/EmptyState.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+export interface EmptyStateProps {
+    /** Large illustrative icon (rendered at size-12). */
+    icon?: ReactNode;
+    title: ReactNode;
+    /** Supporting copy under the title. */
+    message?: ReactNode;
+    /** A call to action — typically a `<Button>`. */
+    action?: ReactNode;
+    className?: string;
+}
+/**
+ * The "nothing here yet" placeholder: a centered icon + title + message + action.
+ * Borderless by design so it drops into any container (wrap it in a `<Surface>` if
+ * you want a bordered card).
+ */
+export declare function EmptyState({ icon, title, message, action, className }: EmptyStateProps): import("react").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/react/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/react/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,+BActF"}

package/dist/react/components/EmptyState.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+/**
+ * The "nothing here yet" placeholder: a centered icon + title + message + action.
+ * Borderless by design so it drops into any container (wrap it in a `<Surface>` if
+ * you want a bordered card).
+ */
+export function EmptyState({ icon, title, message, action, className }) {
+    return (_jsxs("div", { className: cn('flex flex-col items-center justify-center gap-3 px-4 py-12 text-center', className), children: [icon && _jsx("span", { className: 'text-muted-foreground [&_svg]:size-12', children: icon }), _jsx("p", { className: 'text-base font-medium text-foreground', children: title }), message && _jsx("p", { className: 'max-w-xs text-sm text-muted-foreground', children: message }), action] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/react/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/react/components/EmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAa/B;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAmB;IACrF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,aAEA,IAAI,IAAI,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,EAC9E,YAAG,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAK,EAC/D,OAAO,IAAI,YAAG,SAAS,EAAC,wCAAwC,YAAE,OAAO,GAAK,EAC9E,MAAM,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/EnvCompare.d.ts

@@ -0,0 +1,20 @@
+import { type CSSProperties } from 'react';
+import { type EnvSource } from '../../data/env';
+import { type StyleableProps } from '../styling';
+export type EnvCompareSlot = 'root' | 'toolbar' | 'table' | 'th' | 'td';
+export interface EnvCompareProps extends StyleableProps<EnvCompareSlot> {
+    /** The named env texts to compare side by side. */
+    sources: EnvSource[];
+    /** Notified after a value is copied (e.g. to fire a toast). */
+    onCopied?: (value: string) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Compare N named env texts in a key×source grid: every key is a row, every source
+ * a column. Rows where a value is missing or disagrees are flagged (so "which apps
+ * are missing / have a stale value" is obvious at a glance). Values are masked with
+ * a single "Reveal all" toggle; "Only differences" hides keys that match everywhere.
+ */
+export declare const EnvCompare: ({ sources, onCopied, className, style, classNames, styles, unstyled, }: EnvCompareProps) => import("react").JSX.Element;
+//# sourceMappingURL=EnvCompare.d.ts.map

package/dist/react/components/EnvCompare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvCompare.d.ts","sourceRoot":"","sources":["../../../src/react/components/EnvCompare.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAI7E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,mDAAmD;IACnD,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,wEAQxB,eAAe,gCAmGjB,CAAC"}