@dowel-ui/react 0.1.0

package/dist/components/dialog/dialog.js

@@ -0,0 +1,79 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Dialog } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/dialog/dialog.tsx
+/**
+* A modal window that interrupts the user to gather a response.
+*
+* Focus is trapped while open, restored to the trigger on close, and the rest
+* of the page is hidden from assistive technology — all handled by the
+* underlying primitive rather than reimplemented here.
+*/
+const Dialog$1 = Dialog.Root;
+const DialogTrigger = Dialog.Trigger;
+const DialogPortal = Dialog.Portal;
+const DialogClose = Dialog.Close;
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("fixed inset-0 z-[var(--z-overlay)] bg-overlay backdrop-blur-[2px]", "data-[state=closed]:animate-overlay-out data-[state=open]:animate-overlay-in", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Content, {
+		"data-slot": "dialog-content",
+		className: cn("fixed top-1/2 left-1/2 z-[var(--z-modal)] w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2", "grid gap-4 rounded-xl border border-border bg-card p-6 text-card-foreground shadow-xl", "data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in", className),
+		...props,
+		children: [children, showCloseButton ? /* @__PURE__ */ jsx(Dialog.Close, {
+			"data-slot": "dialog-close",
+			"aria-label": "Close",
+			className: cn("absolute top-4 right-4 grid size-7 place-items-center rounded-md text-muted-foreground", "transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground", "[&_svg]:size-4", focusRing),
+			children: /* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "m6 6 12 12M18 6 6 18",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round"
+				})
+			})
+		}) : null]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-1.5 pr-8 text-left", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-lg leading-tight font-semibold tracking-tight", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["Dialog","DialogPrimitive"],"sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A modal window that interrupts the user to gather a response.\n *\n * Focus is trapped while open, restored to the trigger on close, and the rest\n * of the page is hidden from assistive technology — all handled by the\n * underlying primitive rather than reimplemented here.\n */\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogPortal = DialogPrimitive.Portal;\nexport const DialogClose = DialogPrimitive.Close;\n\nexport type DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;\n\nexport function DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-[var(--z-overlay)] bg-overlay backdrop-blur-[2px]\",\n        \"data-[state=closed]:animate-overlay-out data-[state=open]:animate-overlay-in\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface DialogContentProps extends ComponentPropsWithRef<\n  typeof DialogPrimitive.Content\n> {\n  /** Renders the built-in close button. Turn off to supply your own. */\n  showCloseButton?: boolean;\n}\n\nexport function DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed top-1/2 left-1/2 z-[var(--z-modal)] w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2\",\n          \"grid gap-4 rounded-xl border border-border bg-card p-6 text-card-foreground shadow-xl\",\n          \"data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton ? (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            aria-label=\"Close\"\n            className={cn(\n              \"absolute top-4 right-4 grid size-7 place-items-center rounded-md text-muted-foreground\",\n              \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-foreground\",\n              \"[&_svg]:size-4\",\n              focusRing,\n            )}\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path\n                d=\"m6 6 12 12M18 6 6 18\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            </svg>\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nexport function DialogHeader({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-1.5 pr-8 text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogFooter({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;\n\nexport function DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-tight font-semibold tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nexport type DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;\n\nexport function DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAaA,WAASC,OAAgB;AACtC,MAAa,gBAAgBA,OAAgB;AAC7C,MAAa,eAAeA,OAAgB;AAC5C,MAAa,cAAcA,OAAgB;AAI3C,SAAgB,cAAc,EAAE,WAAW,GAAG,SAA6B;CACzE,OACE,oBAACA,OAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,qEACA,gFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AASA,SAAgB,cAAc,EAC5B,WACA,UACA,kBAAkB,MAClB,GAAG,SACkB;CACrB,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAACA,OAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,4GACA,yFACA,8EACA,SACF;EACA,GAAI;EARN,UAAA,CAUG,UACA,kBACC,oBAACA,OAAgB,OAAjB;GACE,aAAU;GACV,cAAW;GACX,WAAW,GACT,0FACA,2FACA,kBACA,SACF;GAEA,UAAA,oBAAC,OAAD;IAAK,SAAQ;IAAY,MAAK;IAAO,eAAY;IAC/C,UAAA,oBAAC,QAAD;KACE,GAAE;KACF,QAAO;KACP,aAAY;KACZ,eAAc;IACf,CAAA;GACE,CAAA;EACgB,CAAA,IACrB,IACmB;CACb,CAAA,CAAA,EAAA,CAAA;AAElB;AAEA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAAuC;CAClF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,aAAa,EAAE,WAAW,GAAG,SAAuC;CAClF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,0DAA0D,SAAS;EACjF,GAAI;CACL,CAAA;AAEL;AAIA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAA2B;CACrE,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL;AAIA,SAAgB,kBAAkB,EAAE,WAAW,GAAG,SAAiC;CACjF,OACE,oBAACA,OAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,2 @@
+import { Dialog, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogOverlayProps, DialogPortal, DialogTitle, DialogTitleProps, DialogTrigger } from "./dialog.js";
+export { Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger };

package/dist/components/dialog/index.js

@@ -0,0 +1,2 @@
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/dialog/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/dialog/meta.ts
+const meta = defineMeta({
+	name: "dialog",
+	title: "Dialog",
+	description: "A modal window that interrupts the user to gather a response.",
+	category: "overlay",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["dialog.tsx"],
+	a11y: "Focus is trapped while open and restored to the trigger on close; Escape and an overlay click dismiss. Always render a DialogTitle — it names the dialog for screen readers. Use DialogDescription, or aria-describedby, to explain consequential actions."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/dialog/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"dialog\",\n  title: \"Dialog\",\n  description: \"A modal window that interrupts the user to gather a response.\",\n  category: \"overlay\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"dialog.tsx\"],\n  a11y:\n    \"Focus is trapped while open and restored to the trigger on close; Escape and an overlay \" +\n    \"click dismiss. Always render a DialogTitle — it names the dialog for screen readers. \" +\n    \"Use DialogDescription, or aria-describedby, to explain consequential actions.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,YAAY;CACpB,MACE;AAGJ,CAAC"}

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

@@ -0,0 +1,32 @@
+import { Dialog } from "radix-ui";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/drawer/drawer.d.ts
+interface DrawerProps extends Omit<ComponentPropsWithRef<typeof Dialog.Root>, "onOpenChange"> {
+  /**
+   * Redeclared as a property rather than inherited as a method signature. The
+   * inherited shorthand reads as a method, which makes destructuring it look
+   * like an unbound `this` hazard to static analysis; a plain function property
+   * says what this actually is.
+   */
+  onOpenChange?: (open: boolean) => void;
+}
+declare function Drawer({ open, defaultOpen, onOpenChange, children, ...props }: DrawerProps): import("react").JSX.Element;
+declare const DrawerTrigger: import("react").ForwardRefExoticComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: import("react").FC<Dialog.DialogPortalProps>;
+declare const DrawerClose: import("react").ForwardRefExoticComponent<Dialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare function DrawerOverlay({ className, ...props }: ComponentPropsWithRef<typeof Dialog.Overlay>): import("react").JSX.Element;
+interface DrawerContentProps extends ComponentPropsWithRef<typeof Dialog.Content> {
+  /** Shows the grab handle. Turn off only if the drawer cannot be dragged. */
+  showHandle?: boolean;
+}
+declare function DrawerContent({ className, children, showHandle, ...props }: DrawerContentProps): import("react").JSX.Element;
+declare function DrawerHeader({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+declare function DrawerBody({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+declare function DrawerFooter({ className, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+declare function DrawerTitle({ className, ...props }: ComponentPropsWithRef<typeof Dialog.Title>): import("react").JSX.Element;
+declare function DrawerDescription({ className, ...props }: ComponentPropsWithRef<typeof Dialog.Description>): import("react").JSX.Element;
+/** Close control for the drawer footer, styled as a full-width secondary action. */
+declare function DrawerCancel({ className, ...props }: ComponentPropsWithRef<typeof Dialog.Close>): import("react").JSX.Element;
+//#endregion
+export { Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerProps, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../../src/components/drawer/drawer.tsx"],"mappings":";;;UA2CiB,oBAAoB,KACnC,6BAA6B,OAAgB;;;;;;;EAS7C,gBAAgB;;iBAGF,SAAS,MAAM,aAAa,cAAc,aAAa,SAAS,8BAAW,IAAA;cA4B9E,+BAAa,0BAAA,OAAA,qCAAA,cAAA;cACb,8BAAY,GAAA,OAAA;cACZ,6BAAW,0BAAA,OAAA,mCAAA,cAAA;iBAER,gBACd,cACG,SACF,6BAA6B,OAAgB,2BAAQ,IAAA;UA2BvC,2BAA2B,6BACnC,OAAgB;;EAGvB;;iBAGc,gBACd,WACA,UACA,eACG,SACF,qCAAkB,IAAA;iBAyFL,eAAe,cAAc,SAAS,+CAA4B,IAAA;iBAUlE,aAAa,cAAc,SAAS,+CAA4B,IAAA;iBAUhE,eAAe,cAAc,SAAS,+CAA4B,IAAA;iBAUlE,cACd,cACG,SACF,6BAA6B,OAAgB,yBAAM,IAAA;iBAUtC,oBACd,cACG,SACF,6BAA6B,OAAgB,+BAAY,IAAA;;iBAW5C,eACd,cACG,SACF,6BAA6B,OAAgB,yBAAM,IAAA"}

package/dist/components/drawer/drawer.js

@@ -0,0 +1,153 @@
+"use client";
+import { focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { Dialog } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
+//#region src/components/drawer/drawer.tsx
+const DrawerContext = createContext(null);
+function useDrawerContext(component) {
+	const context = useContext(DrawerContext);
+	if (!context) throw new Error(`${component} must be rendered inside <Drawer>.`);
+	return context;
+}
+function Drawer({ open, defaultOpen, onOpenChange, children, ...props }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);
+	const isControlled = open !== void 0;
+	const isOpen = isControlled ? open : uncontrolledOpen;
+	const setOpen = useCallback((next) => {
+		if (!isControlled) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	}, [isControlled, onOpenChange]);
+	const contextValue = useMemo(() => ({ close: () => setOpen(false) }), [setOpen]);
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: isOpen,
+		onOpenChange: setOpen,
+		...props,
+		children: /* @__PURE__ */ jsx(DrawerContext.Provider, {
+			value: contextValue,
+			children
+		})
+	});
+}
+const DrawerTrigger = Dialog.Trigger;
+const DrawerPortal = Dialog.Portal;
+const DrawerClose = Dialog.Close;
+function DrawerOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: cn("fixed inset-0 z-[var(--z-overlay)] bg-overlay", "data-[state=closed]:animate-overlay-out data-[state=open]:animate-overlay-in", className),
+		...props
+	});
+}
+/** Fraction of the drawer's height past which release dismisses it. */
+const DISMISS_DISTANCE_RATIO = .25;
+/** Downward speed (px/ms) that dismisses a short but deliberate flick. */
+const DISMISS_VELOCITY = .5;
+/**
+* Travel below which nothing dismisses, however fast.
+*
+* A tap on the handle registers as a few pixels of movement over a couple of
+* milliseconds, which is an enormous velocity. Without a floor, touching the
+* drawer would close it.
+*/
+const MIN_FLICK_DISTANCE = 24;
+function DrawerContent({ className, children, showHandle = true, ...props }) {
+	const { close } = useDrawerContext("DrawerContent");
+	const contentRef = useRef(null);
+	const gesture = useRef(null);
+	const [offset, setOffset] = useState(0);
+	const [isDragging, setIsDragging] = useState(false);
+	const handlePointerDown = (event) => {
+		if (event.button !== 0) return;
+		gesture.current = {
+			startY: event.clientY,
+			startTime: event.timeStamp
+		};
+		setIsDragging(true);
+		event.currentTarget.setPointerCapture(event.pointerId);
+	};
+	const handlePointerMove = (event) => {
+		if (!gesture.current) return;
+		setOffset(Math.max(0, event.clientY - gesture.current.startY));
+	};
+	const handlePointerUp = (event) => {
+		if (!gesture.current) return;
+		const distance = Math.max(0, event.clientY - gesture.current.startY);
+		const velocity = distance / Math.max(1, event.timeStamp - gesture.current.startTime);
+		const height = contentRef.current?.getBoundingClientRect().height ?? 0;
+		gesture.current = null;
+		setIsDragging(false);
+		setOffset(0);
+		if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+		if (height > 0 && distance > height * DISMISS_DISTANCE_RATIO || distance >= MIN_FLICK_DISTANCE && velocity > DISMISS_VELOCITY) close();
+	};
+	const dragHandlers = {
+		onPointerDown: handlePointerDown,
+		onPointerMove: handlePointerMove,
+		onPointerUp: handlePointerUp,
+		onPointerCancel: handlePointerUp
+	};
+	return /* @__PURE__ */ jsxs(DrawerPortal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Content, {
+		ref: contentRef,
+		"data-slot": "drawer-content",
+		"data-dragging": isDragging || void 0,
+		style: offset > 0 ? { transform: `translate3d(0, ${String(offset)}px, 0)` } : void 0,
+		className: cn("fixed inset-x-0 bottom-0 z-[var(--z-drawer)] flex max-h-[92svh] flex-col", "rounded-t-2xl border-t border-border bg-card text-card-foreground shadow-xl", "[--slide-y:100%]", "data-[state=closed]:animate-slide-out data-[state=open]:animate-slide-in", "data-[dragging]:animate-none data-[dragging]:transition-none", "transition-transform duration-[var(--duration-normal)] ease-[var(--ease-out-quint)]", className),
+		...props,
+		children: [showHandle ? /* @__PURE__ */ jsx("div", {
+			"data-slot": "drawer-handle",
+			"aria-hidden": "true",
+			className: "flex shrink-0 cursor-grab touch-none justify-center pt-3 pb-1 active:cursor-grabbing",
+			...dragHandlers,
+			children: /* @__PURE__ */ jsx("div", { className: "h-1.5 w-10 rounded-full bg-border-strong" })
+		}) : null, children]
+	})] });
+}
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-4 pb-2 text-left", className),
+		...props
+	});
+}
+function DrawerBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-body",
+		className: cn("overflow-y-auto overscroll-contain px-6 py-2", className),
+		...props
+	});
+}
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("flex shrink-0 flex-col gap-2 px-6 pt-2 pb-6", className),
+		...props
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-lg leading-tight font-semibold tracking-tight", className),
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+/** Close control for the drawer footer, styled as a full-width secondary action. */
+function DrawerCancel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "drawer-cancel",
+		className: cn("inline-flex h-10 items-center justify-center rounded-md border border-input bg-background px-5 text-sm font-medium", "transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-accent-foreground", focusRing, className),
+		...props
+	});
+}
+//#endregion
+export { Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive"],"sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as DrawerPrimitive } from \"radix-ui\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type PointerEvent as ReactPointerEvent,\n} from \"react\";\n\nimport { focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A bottom sheet that can be dismissed by dragging it down.\n *\n * Drag is a pointer-only affordance. Escape, the overlay and the close button\n * are the accessible equivalents and are always present, so keyboard and screen\n * reader users are never dependent on the gesture.\n *\n * Deliberately bottom-anchored only. A drawer that enters from the side with no\n * gesture is a Sheet, and having two components that differ by nothing but a\n * name is worse than having one. Snap points are not supported in this version.\n */\n\ninterface DrawerContextValue {\n  close: () => void;\n}\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nfunction useDrawerContext(component: string): DrawerContextValue {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(`${component} must be rendered inside <Drawer>.`);\n  }\n  return context;\n}\n\nexport interface DrawerProps extends Omit<\n  ComponentPropsWithRef<typeof DrawerPrimitive.Root>,\n  \"onOpenChange\"\n> {\n  /**\n   * Redeclared as a property rather than inherited as a method signature. The\n   * inherited shorthand reads as a method, which makes destructuring it look\n   * like an unbound `this` hazard to static analysis; a plain function property\n   * says what this actually is.\n   */\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport function Drawer({ open, defaultOpen, onOpenChange, children, ...props }: DrawerProps) {\n  // State is owned here (while still supporting the controlled form) because\n  // dismissing by drag has to close the drawer, and the primitive exposes no\n  // imperative close.\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n  const isControlled = open !== undefined;\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const contextValue = useMemo<DrawerContextValue>(\n    () => ({ close: () => setOpen(false) }),\n    [setOpen],\n  );\n\n  return (\n    <DrawerPrimitive.Root open={isOpen} onOpenChange={setOpen} {...props}>\n      <DrawerContext.Provider value={contextValue}>{children}</DrawerContext.Provider>\n    </DrawerPrimitive.Root>\n  );\n}\n\nexport const DrawerTrigger = DrawerPrimitive.Trigger;\nexport const DrawerPortal = DrawerPrimitive.Portal;\nexport const DrawerClose = DrawerPrimitive.Close;\n\nexport function DrawerOverlay({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"fixed inset-0 z-[var(--z-overlay)] bg-overlay\",\n        \"data-[state=closed]:animate-overlay-out data-[state=open]:animate-overlay-in\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Fraction of the drawer's height past which release dismisses it. */\nconst DISMISS_DISTANCE_RATIO = 0.25;\n/** Downward speed (px/ms) that dismisses a short but deliberate flick. */\nconst DISMISS_VELOCITY = 0.5;\n/**\n * Travel below which nothing dismisses, however fast.\n *\n * A tap on the handle registers as a few pixels of movement over a couple of\n * milliseconds, which is an enormous velocity. Without a floor, touching the\n * drawer would close it.\n */\nconst MIN_FLICK_DISTANCE = 24;\n\nexport interface DrawerContentProps extends ComponentPropsWithRef<\n  typeof DrawerPrimitive.Content\n> {\n  /** Shows the grab handle. Turn off only if the drawer cannot be dragged. */\n  showHandle?: boolean;\n}\n\nexport function DrawerContent({\n  className,\n  children,\n  showHandle = true,\n  ...props\n}: DrawerContentProps) {\n  const { close } = useDrawerContext(\"DrawerContent\");\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const gesture = useRef<{ startY: number; startTime: number } | null>(null);\n  const [offset, setOffset] = useState(0);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const handlePointerDown = (event: ReactPointerEvent<HTMLElement>) => {\n    if (event.button !== 0) return;\n    gesture.current = { startY: event.clientY, startTime: event.timeStamp };\n    setIsDragging(true);\n    event.currentTarget.setPointerCapture(event.pointerId);\n  };\n\n  const handlePointerMove = (event: ReactPointerEvent<HTMLElement>) => {\n    if (!gesture.current) return;\n    // Downward only: dragging up must not detach the drawer from the edge.\n    setOffset(Math.max(0, event.clientY - gesture.current.startY));\n  };\n\n  const handlePointerUp = (event: ReactPointerEvent<HTMLElement>) => {\n    if (!gesture.current) return;\n\n    const distance = Math.max(0, event.clientY - gesture.current.startY);\n    const elapsed = Math.max(1, event.timeStamp - gesture.current.startTime);\n    const velocity = distance / elapsed;\n    const height = contentRef.current?.getBoundingClientRect().height ?? 0;\n\n    gesture.current = null;\n    setIsDragging(false);\n    setOffset(0);\n\n    if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n      event.currentTarget.releasePointerCapture(event.pointerId);\n    }\n\n    const draggedPastThreshold = height > 0 && distance > height * DISMISS_DISTANCE_RATIO;\n    const flicked = distance >= MIN_FLICK_DISTANCE && velocity > DISMISS_VELOCITY;\n\n    if (draggedPastThreshold || flicked) {\n      close();\n    }\n  };\n\n  const dragHandlers = {\n    onPointerDown: handlePointerDown,\n    onPointerMove: handlePointerMove,\n    onPointerUp: handlePointerUp,\n    onPointerCancel: handlePointerUp,\n  };\n\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        ref={contentRef}\n        data-slot=\"drawer-content\"\n        data-dragging={isDragging || undefined}\n        style={offset > 0 ? { transform: `translate3d(0, ${String(offset)}px, 0)` } : undefined}\n        className={cn(\n          \"fixed inset-x-0 bottom-0 z-[var(--z-drawer)] flex max-h-[92svh] flex-col\",\n          \"rounded-t-2xl border-t border-border bg-card text-card-foreground shadow-xl\",\n          \"[--slide-y:100%]\",\n          \"data-[state=closed]:animate-slide-out data-[state=open]:animate-slide-in\",\n          // While a finger is down the transform is driven directly; afterwards\n          // it springs back. Suppressing the entry animation mid-drag stops the\n          // two from fighting over the same property.\n          \"data-[dragging]:animate-none data-[dragging]:transition-none\",\n          \"transition-transform duration-[var(--duration-normal)] ease-[var(--ease-out-quint)]\",\n          className,\n        )}\n        {...props}\n      >\n        {showHandle ? (\n          <div\n            data-slot=\"drawer-handle\"\n            aria-hidden=\"true\"\n            className=\"flex shrink-0 cursor-grab touch-none justify-center pt-3 pb-1 active:cursor-grabbing\"\n            {...dragHandlers}\n          >\n            <div className=\"h-1.5 w-10 rounded-full bg-border-strong\" />\n          </div>\n        ) : null}\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nexport function DrawerHeader({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\"flex shrink-0 flex-col gap-1.5 px-6 pt-4 pb-2 text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function DrawerBody({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-body\"\n      className={cn(\"overflow-y-auto overscroll-contain px-6 py-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function DrawerFooter({ className, ...props }: ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"flex shrink-0 flex-col gap-2 px-6 pt-2 pb-6\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function DrawerTitle({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"text-lg leading-tight font-semibold tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function DrawerDescription({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Close control for the drawer footer, styled as a full-width secondary action. */\nexport function DrawerCancel({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof DrawerPrimitive.Close>) {\n  return (\n    <DrawerPrimitive.Close\n      data-slot=\"drawer-cancel\"\n      className={cn(\n        \"inline-flex h-10 items-center justify-center rounded-md border border-input bg-background px-5 text-sm font-medium\",\n        \"transition-colors duration-[var(--duration-fast)] hover:bg-accent hover:text-accent-foreground\",\n        focusRing,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerProps, DrawerTitle, DrawerTrigger } from "./drawer.js";
+export { Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger };

package/dist/components/drawer/index.js

@@ -0,0 +1,2 @@
+import { Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./drawer.js";
+export { Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/drawer/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/drawer/meta.ts
+const meta = defineMeta({
+	name: "drawer",
+	title: "Drawer",
+	description: "A bottom sheet that can be dismissed by dragging it down.",
+	category: "overlay",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["drawer.tsx"],
+	a11y: "Drag is pointer-only and never the sole way out: Escape, the overlay and DrawerCancel all dismiss. The grab handle is aria-hidden because it duplicates those affordances. Always render a DrawerTitle."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/drawer/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"drawer\",\n  title: \"Drawer\",\n  description: \"A bottom sheet that can be dismissed by dragging it down.\",\n  category: \"overlay\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"drawer.tsx\"],\n  a11y:\n    \"Drag is pointer-only and never the sole way out: Escape, the overlay and DrawerCancel all \" +\n    \"dismiss. The grab handle is aria-hidden because it duplicates those affordances. Always \" +\n    \"render a DrawerTitle.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,YAAY;CACpB,MACE;AAGJ,CAAC"}

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

@@ -0,0 +1,43 @@
+import { DropdownMenu } from "radix-ui";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+/**
+ * A menu of actions revealed from a trigger.
+ *
+ * Actions, not navigation and not form state: a menu item does something. For a
+ * list of links use a nav, and for a value the user picks from use Select
+ * (Phase 3) — the roles differ and assistive technology treats them differently.
+ */
+declare const DropdownMenu$1: import("react").FC<DropdownMenu.DropdownMenuProps>;
+declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: import("react").FC<DropdownMenu.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: import("react").FC<DropdownMenu.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+type DropdownMenuContentProps = ComponentPropsWithRef<typeof DropdownMenu.Content>;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: DropdownMenuContentProps): import("react").JSX.Element;
+interface DropdownMenuItemProps extends ComponentPropsWithRef<typeof DropdownMenu.Item> {
+  /** Styles the item as destructive. Pair with a label that says what is destroyed. */
+  variant?: "default" | "destructive";
+  /** Indents the item to align with items that have a leading indicator. */
+  inset?: boolean;
+}
+declare function DropdownMenuItem({ className, variant, inset, ...props }: DropdownMenuItemProps): import("react").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, ...props }: ComponentPropsWithRef<typeof DropdownMenu.CheckboxItem>): import("react").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: ComponentPropsWithRef<typeof DropdownMenu.RadioItem>): import("react").JSX.Element;
+interface DropdownMenuLabelProps extends ComponentPropsWithRef<typeof DropdownMenu.Label> {
+  inset?: boolean;
+}
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): import("react").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: ComponentPropsWithRef<typeof DropdownMenu.Separator>): import("react").JSX.Element;
+/** Keyboard hint. aria-hidden because the shortcut is decoration here — bind it
+ * for real at the application level. */
+declare function DropdownMenuShortcut({ className, ...props }: ComponentPropsWithRef<"span">): import("react").JSX.Element;
+interface DropdownMenuSubTriggerProps extends ComponentPropsWithRef<typeof DropdownMenu.SubTrigger> {
+  inset?: boolean;
+}
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): import("react").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: ComponentPropsWithRef<typeof DropdownMenu.SubContent>): import("react").JSX.Element;
+//#endregion
+export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"mappings":";;;;;;;;;;cAca,gCAAY,GAAA,aAAA;cACZ,qCAAmB,0BAAA,aAAA,2CAAA,cAAA;cACnB,mCAAiB,0BAAA,aAAA,yCAAA,cAAA;cACjB,oCAAkB,GAAA,aAAA;cAClB,iCAAe,GAAA,aAAA;cACf,wCAAsB,0BAAA,aAAA,8CAAA,cAAA;KAqBvB,2BAA2B,6BAC9B,aAAsB;iBAGf,sBACd,WACA,eACG,SACF,2CAAwB,IAAA;UAaV,8BAA8B,6BACtC,aAAsB;;EAG7B;;EAEA;;iBAGc,mBACd,WACA,SACA,UACG,SACF,wCAAqB,IAAA;iBAyCR,2BACd,WACA,aACG,SACF,6BAA6B,aAAsB,gCAAa,IAAA;iBAanD,wBACd,WACA,aACG,SACF,6BAA6B,aAAsB,6BAAU,IAAA;UAa/C,+BAA+B,6BACvC,aAAsB;EAE7B;;iBAGc,oBAAoB,WAAW,UAAU,SAAS,yCAAsB,IAAA;iBAcxE,wBACd,cACG,SACF,6BAA6B,aAAsB,6BAAU,IAAA;;;iBAYhD,uBAAuB,cAAc,SAAS,gDAA6B,IAAA;UAW1E,oCAAoC,6BAC5C,aAAsB;EAE7B;;iBAGc,yBACd,WACA,OACA,aACG,SACF,8CAA2B,IAAA;iBAqBd,yBACd,cACG,SACF,6BAA6B,aAAsB,8BAAW,IAAA"}

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,130 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { DropdownMenu } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+/**
+* A menu of actions revealed from a trigger.
+*
+* Actions, not navigation and not form state: a menu item does something. For a
+* list of links use a nav, and for a value the user picks from use Select
+* (Phase 3) — the roles differ and assistive technology treats them differently.
+*/
+const DropdownMenu$1 = DropdownMenu.Root;
+const DropdownMenuTrigger = DropdownMenu.Trigger;
+const DropdownMenuGroup = DropdownMenu.Group;
+const DropdownMenuPortal = DropdownMenu.Portal;
+const DropdownMenuSub = DropdownMenu.Sub;
+const DropdownMenuRadioGroup = DropdownMenu.RadioGroup;
+/** Shared surface styling for the root menu and every submenu. */
+const menuSurface = cn("z-[var(--z-popover)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg border border-border", "bg-popover p-1 text-popover-foreground shadow-lg outline-none", "max-h-[var(--radix-dropdown-menu-content-available-height)]", "origin-[var(--radix-dropdown-menu-content-transform-origin)]", "data-[state=closed]:animate-float-out data-[state=open]:animate-float-in");
+/** Shared item styling. Highlight follows data-highlighted, which the primitive
+* drives from both pointer and keyboard, so the two never disagree. */
+const menuItem = cn("relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none", "transition-colors duration-[var(--duration-instant)]", "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-55", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4");
+function DropdownMenuContent({ className, sideOffset = 6, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		className: cn(menuSurface, className),
+		...props
+	}) });
+}
+function DropdownMenuItem({ className, variant = "default", inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-variant": variant,
+		className: cn(menuItem, inset && "pl-8", variant === "destructive" && "text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive", className),
+		...props
+	});
+}
+/** Tick shown by checkbox and radio items. Decorative: the state is already in
+* aria-checked, so announcing it twice would be noise. */
+function ItemIndicator({ radio = false }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "pointer-events-none absolute left-2 grid size-4 place-items-center",
+		children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: radio ? /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-current" }) : /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "size-3.5",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m5 13 4 4L19 7",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}) })
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: cn(menuItem, "pl-8", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ItemIndicator, {}), children]
+	});
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: cn(menuItem, "pl-8", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ItemIndicator, { radio: true }), children]
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Label, {
+		"data-slot": "dropdown-menu-label",
+		className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", inset && "pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+/** Keyboard hint. aria-hidden because the shortcut is decoration here — bind it
+* for real at the application level. */
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		"aria-hidden": "true",
+		className: cn("ml-auto text-2xs tracking-wide text-muted-foreground", className),
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		className: cn(menuItem, "data-[state=open]:bg-accent", inset && "pl-8", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			className: "ml-auto size-3.5",
+			children: /* @__PURE__ */ jsx("path", {
+				d: "m9 18 6-6-6-6",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: cn(menuSurface, className),
+		...props
+	}) });
+}
+//#endregion
+export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":["DropdownMenu","DropdownMenuPrimitive"],"sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/**\n * A menu of actions revealed from a trigger.\n *\n * Actions, not navigation and not form state: a menu item does something. For a\n * list of links use a nav, and for a value the user picks from use Select\n * (Phase 3) — the roles differ and assistive technology treats them differently.\n */\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub;\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\n/** Shared surface styling for the root menu and every submenu. */\nconst menuSurface = cn(\n  \"z-[var(--z-popover)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg border border-border\",\n  \"bg-popover p-1 text-popover-foreground shadow-lg outline-none\",\n  \"max-h-[var(--radix-dropdown-menu-content-available-height)]\",\n  \"origin-[var(--radix-dropdown-menu-content-transform-origin)]\",\n  \"data-[state=closed]:animate-float-out data-[state=open]:animate-float-in\",\n);\n\n/** Shared item styling. Highlight follows data-highlighted, which the primitive\n * drives from both pointer and keyboard, so the two never disagree. */\nconst menuItem = cn(\n  \"relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none\",\n  \"transition-colors duration-[var(--duration-instant)]\",\n  \"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground\",\n  \"data-[disabled]:pointer-events-none data-[disabled]:opacity-55\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n);\n\nexport type DropdownMenuContentProps = ComponentPropsWithRef<\n  typeof DropdownMenuPrimitive.Content\n>;\n\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 6,\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(menuSurface, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport interface DropdownMenuItemProps extends ComponentPropsWithRef<\n  typeof DropdownMenuPrimitive.Item\n> {\n  /** Styles the item as destructive. Pair with a label that says what is destroyed. */\n  variant?: \"default\" | \"destructive\";\n  /** Indents the item to align with items that have a leading indicator. */\n  inset?: boolean;\n}\n\nexport function DropdownMenuItem({\n  className,\n  variant = \"default\",\n  inset,\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant}\n      className={cn(\n        menuItem,\n        inset && \"pl-8\",\n        variant === \"destructive\" &&\n          \"text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Tick shown by checkbox and radio items. Decorative: the state is already in\n * aria-checked, so announcing it twice would be noise. */\nfunction ItemIndicator({ radio = false }: { radio?: boolean }) {\n  return (\n    <span className=\"pointer-events-none absolute left-2 grid size-4 place-items-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        {radio ? (\n          <span className=\"size-2 rounded-full bg-current\" />\n        ) : (\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"size-3.5\">\n            <path\n              d=\"m5 13 4 4L19 7\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        )}\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(menuItem, \"pl-8\", className)}\n      {...props}\n    >\n      <ItemIndicator />\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithRef<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(menuItem, \"pl-8\", className)}\n      {...props}\n    >\n      <ItemIndicator radio />\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport interface DropdownMenuLabelProps extends ComponentPropsWithRef<\n  typeof DropdownMenuPrimitive.Label\n> {\n  inset?: boolean;\n}\n\nexport function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn(\n        \"px-2 py-1.5 text-xs font-medium text-muted-foreground\",\n        inset && \"pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Keyboard hint. aria-hidden because the shortcut is decoration here — bind it\n * for real at the application level. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentPropsWithRef<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      aria-hidden=\"true\"\n      className={cn(\"ml-auto text-2xs tracking-wide text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport interface DropdownMenuSubTriggerProps extends ComponentPropsWithRef<\n  typeof DropdownMenuPrimitive.SubTrigger\n> {\n  inset?: boolean;\n}\n\nexport function DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(menuItem, \"data-[state=open]:bg-accent\", inset && \"pl-8\", className)}\n      {...props}\n    >\n      {children}\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className=\"ml-auto size-3.5\">\n        <path\n          d=\"m9 18 6-6-6-6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  ...props\n}: ComponentPropsWithRef<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        className={cn(menuSurface, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger } from "./dropdown-menu.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger };

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1,2 @@
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/dropdown-menu/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/dropdown-menu/meta.ts
+const meta = defineMeta({
+	name: "dropdown-menu",
+	title: "Dropdown Menu",
+	description: "A menu of actions revealed from a trigger, with submenus and selectable items.",
+	category: "overlay",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["dropdown-menu.tsx"],
+	a11y: "Full menu keyboard model: arrows move, Home/End jump, typeahead searches, Escape closes and restores focus, Right/Left open and close submenus. Highlight is driven by data-highlighted so pointer and keyboard focus never diverge. Use it for actions — links belong in a nav, and value selection belongs in Select."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/dropdown-menu/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/dropdown-menu/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"dropdown-menu\",\n  title: \"Dropdown Menu\",\n  description: \"A menu of actions revealed from a trigger, with submenus and selectable items.\",\n  category: \"overlay\",\n  status: \"stable\",\n  dependencies: [\"radix-ui\"],\n  registryDependencies: [],\n  files: [\"dropdown-menu.tsx\"],\n  a11y:\n    \"Full menu keyboard model: arrows move, Home/End jump, typeahead searches, Escape closes \" +\n    \"and restores focus, Right/Left open and close submenus. Highlight is driven by \" +\n    \"data-highlighted so pointer and keyboard focus never diverge. Use it for actions — links \" +\n    \"belong in a nav, and value selection belongs in Select.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,UAAU;CACzB,sBAAsB,CAAC;CACvB,OAAO,CAAC,mBAAmB;CAC3B,MACE;AAIJ,CAAC"}