@humain/ui 2.1.63 → 2.1.65

package/dist/index209.js

@@ -1,154 +1,113 @@
 "use client";
 import { cn } from "./index2.js";
-import { DrawerDirectionContext, useDrawerDirection } from "./index208.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/organisms/overlays/Drawer/Drawer.tsx
-var Root = React.forwardRef(function Root({ direction = "bottom", defaultOpen = false, onOpenChange, children, ...props }, _ref) {
-	const [open, setOpen] = React.useState(defaultOpen);
-	const handleOpenChange = React.useCallback((newOpen) => {
-		setOpen(newOpen);
-		onOpenChange?.(newOpen);
-	}, [onOpenChange]);
+//#region src/components/ui/drawer.tsx
+var DrawerDirectionContext = React.createContext("bottom");
+function useDrawerDirection() {
+	return React.useContext(DrawerDirectionContext);
+}
+function Drawer({ direction = "bottom", ...props }) {
 	return /* @__PURE__ */ jsx(DrawerDirectionContext.Provider, {
 		value: direction,
 		children: /* @__PURE__ */ jsx(Dialog.Root, {
 			"data-slot": "drawer",
-			open,
-			onOpenChange: handleOpenChange,
-			...props,
-			children
+			...props
 		})
 	});
-});
-Root.displayName = "Drawer.Root";
-var Trigger = React.forwardRef(function Trigger({ ...props }, ref) {
+}
+function DrawerTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Trigger, {
-		ref,
 		"data-slot": "drawer-trigger",
 		...props
 	});
-});
-Trigger.displayName = "Drawer.Trigger";
-function Portal({ ...props }) {
+}
+function DrawerPortal({ ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Portal, {
 		"data-slot": "drawer-portal",
 		...props
 	});
 }
-Portal.displayName = "Drawer.Portal";
-var Close = React.forwardRef(function Close({ ...props }, ref) {
+function DrawerClose({ ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Close, {
-		ref,
 		"data-slot": "drawer-close",
 		...props
 	});
-});
-Close.displayName = "Drawer.Close";
-var Backdrop = React.forwardRef(function Backdrop({ className, disableAnimation, disableBackdropBlur, ...props }, ref) {
+}
+function DrawerOverlay({ className, disableAnimation, disableBackdropBlur, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
-		ref,
-		"data-slot": "drawer-backdrop",
-		className: cn("bg-background/80/10 fixed inset-0 z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 motion-reduce:animate-none", !disableBackdropBlur && "supports-backdrop-filter:backdrop-blur-xs", className),
+		"data-slot": "drawer-overlay",
+		className: cn("bg-background/80/10 fixed inset-0 z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0", !disableBackdropBlur && "supports-backdrop-filter:backdrop-blur-xs", className),
 		...props
 	});
-});
-Backdrop.displayName = "Drawer.Backdrop";
-var Viewport = React.forwardRef(function Viewport({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Viewport, {
-		ref,
-		"data-slot": "drawer-viewport",
-		className: cn("fixed inset-0 z-50", className),
-		...props,
-		children
-	});
-});
-Viewport.displayName = "Drawer.Viewport";
-var Popup = React.forwardRef(function Popup({ className, children, disableAnimation, disableBackdropBlur, ...props }, ref) {
+}
+function DrawerContent({ className, children, disableAnimation, disableBackdropBlur, ...props }) {
 	const direction = useDrawerDirection();
-	return /* @__PURE__ */ jsxs(Portal, {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
 		"data-slot": "drawer-portal",
-		children: [/* @__PURE__ */ jsx(Backdrop, {
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {
 			disableAnimation,
 			disableBackdropBlur
 		}), /* @__PURE__ */ jsxs(Dialog.Popup, {
-			ref,
-			"data-slot": "drawer-popup",
+			"data-slot": "drawer-content",
 			"data-vaul-drawer-direction": direction,
-			className: cn("bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-open:duration-300 data-closed:duration-200 data-open:ease-(--ease-decelerate) data-closed:ease-in data-[vaul-drawer-direction=bottom]:data-open:slide-in-from-bottom-full data-[vaul-drawer-direction=bottom]:data-closed:slide-out-to-bottom-full data-[vaul-drawer-direction=top]:data-open:slide-in-from-top-full data-[vaul-drawer-direction=top]:data-closed:slide-out-to-top-full data-[vaul-drawer-direction=left]:data-open:slide-in-from-left-full data-[vaul-drawer-direction=left]:data-closed:slide-out-to-left-full data-[vaul-drawer-direction=right]:data-open:slide-in-from-right-full data-[vaul-drawer-direction=right]:data-closed:slide-out-to-right-full motion-reduce:animate-none", className),
+			className: cn("bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", className),
 			...props,
-			children: [/* @__PURE__ */ jsx("div", {
-				"aria-hidden": "true",
-				className: "bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block delight-fade-in motion-reduce:!animate-none"
-			}), children]
+			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
 		})]
 	});
-});
-Popup.displayName = "Drawer.Popup";
-var Header = React.forwardRef(function Header({ className, ...props }, ref) {
+}
+function DrawerHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
 		"data-slot": "drawer-header",
 		className: cn("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col", className),
 		...props
 	});
-});
-Header.displayName = "Drawer.Header";
-var Footer = React.forwardRef(function Footer({ className, ...props }, ref) {
+}
+function DrawerFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
 		"data-slot": "drawer-footer",
 		className: cn("gap-2 p-4 mt-auto flex flex-col", className),
 		...props
 	});
-});
-Footer.displayName = "Drawer.Footer";
-var Title = React.forwardRef(function Title({ className, ...props }, ref) {
+}
+function DrawerTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Title, {
-		ref,
 		"data-slot": "drawer-title",
-		className: cn("text-foreground font-medium delight-stagger motion-reduce:!animate-none", className),
-		...props,
-		style: { "--delight-delay": "50ms" }
+		className: cn("text-foreground font-medium", className),
+		...props
 	});
-});
-Title.displayName = "Drawer.Title";
-var Description = React.forwardRef(function Description({ className, ...props }, ref) {
+}
+function DrawerDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog.Description, {
-		ref,
 		"data-slot": "drawer-description",
-		className: cn("text-muted-foreground text-sm delight-stagger motion-reduce:!animate-none", className),
-		...props,
-		style: { "--delight-delay": "100ms" }
-	});
-});
-Description.displayName = "Drawer.Description";
-var Handle = React.forwardRef(function Handle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		"data-slot": "drawer-handle",
-		"aria-hidden": "true",
-		className: cn("bg-muted mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full", className),
+		className: cn("text-muted-foreground text-sm", className),
 		...props
 	});
-});
-Handle.displayName = "Drawer.Handle";
-var Drawer = Object.assign(Root, {
-	Root,
-	Trigger,
-	Portal,
-	Backdrop,
-	Viewport,
-	Popup,
-	Header,
-	Footer,
-	Title,
-	Description,
-	Close,
-	Handle
+}
+DrawerTrigger.displayName = "Drawer.Trigger";
+DrawerPortal.displayName = "Drawer.Portal";
+DrawerClose.displayName = "Drawer.Close";
+DrawerOverlay.displayName = "Drawer.Overlay";
+DrawerContent.displayName = "Drawer.Content";
+DrawerHeader.displayName = "Drawer.Header";
+DrawerFooter.displayName = "Drawer.Footer";
+DrawerTitle.displayName = "Drawer.Title";
+DrawerDescription.displayName = "Drawer.Description";
+Drawer.displayName = "Drawer";
+Object.assign(Drawer, {
+	Trigger: DrawerTrigger,
+	Portal: DrawerPortal,
+	Close: DrawerClose,
+	Overlay: DrawerOverlay,
+	Content: DrawerContent,
+	Header: DrawerHeader,
+	Footer: DrawerFooter,
+	Title: DrawerTitle,
+	Description: DrawerDescription
 });
 //#endregion
-export { Drawer, Backdrop as DrawerBackdrop, Close as DrawerClose, Description as DrawerDescription, Footer as DrawerFooter, Handle as DrawerHandle, Header as DrawerHeader, Popup as DrawerPopup, Portal as DrawerPortal, Root as DrawerRoot, Title as DrawerTitle, Trigger as DrawerTrigger, Viewport as DrawerViewport };
+export { DrawerClose, DrawerContent, DrawerDescription, DrawerDirectionContext, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, useDrawerDirection };
 
 //# sourceMappingURL=index209.js.map

package/dist/index209.js.map

@@ -1 +1 @@
-{"version":3,"file":"index209.js","names":[],"sources":["../src/components/organisms/overlays/Drawer/Drawer.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DrawerPrimitive } from '@base-ui/react/dialog';\nimport * as React from 'react';\n\nimport {\n  type DrawerDirection,\n  DrawerDirectionContext,\n  useDrawerDirection,\n} from '@/components/ui/drawer';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Root (with internal state management)\n// ============================================\n\nexport interface RootProps\n  extends Omit<DrawerPrimitive.Root.Props, 'open' | 'onOpenChange'> {\n  /** Direction from which the drawer slides in */\n  direction?: DrawerDirection;\n  /** Initial open state. Component manages state internally. */\n  defaultOpen?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, RootProps>(function Root(\n  {\n    direction = 'bottom',\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    ...props\n  },\n  _ref,\n) {\n  const [open, setOpen] = React.useState(defaultOpen);\n\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      setOpen(newOpen);\n      onOpenChange?.(newOpen);\n    },\n    [onOpenChange],\n  );\n\n  return (\n    <DrawerDirectionContext.Provider value={direction}>\n      <DrawerPrimitive.Root\n        data-slot=\"drawer\"\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerDirectionContext.Provider>\n  );\n});\nRoot.displayName = 'Drawer.Root';\n\n// ============================================\n// Trigger\n// ============================================\n\nexport type TriggerProps = DrawerPrimitive.Trigger.Props;\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n  function Trigger({ ...props }, ref) {\n    return (\n      <DrawerPrimitive.Trigger\n        ref={ref}\n        data-slot=\"drawer-trigger\"\n        {...props}\n      />\n    );\n  },\n);\nTrigger.displayName = 'Drawer.Trigger';\n\n// ============================================\n// Portal\n// ============================================\n\nexport type PortalProps = DrawerPrimitive.Portal.Props;\n\nfunction Portal({ ...props }: PortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\nPortal.displayName = 'Drawer.Portal';\n\n// ============================================\n// Close\n// ============================================\n\nexport type CloseProps = DrawerPrimitive.Close.Props;\n\nconst Close = React.forwardRef<HTMLButtonElement, CloseProps>(function Close(\n  { ...props },\n  ref,\n) {\n  return (\n    <DrawerPrimitive.Close ref={ref} data-slot=\"drawer-close\" {...props} />\n  );\n});\nClose.displayName = 'Drawer.Close';\n\n// ============================================\n// Backdrop (formerly DrawerOverlay)\n// ============================================\n\nexport interface BackdropProps extends DrawerPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  function Backdrop(\n    { className, disableAnimation, disableBackdropBlur, ...props },\n    ref,\n  ) {\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        className={cn(\n          'bg-background/80/10 fixed inset-0 z-50',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 motion-reduce:animate-none',\n          !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nBackdrop.displayName = 'Drawer.Backdrop';\n\n// ============================================\n// Viewport - Scroll container for drawer positioning\n// ============================================\n\nexport interface ViewportProps extends DrawerPrimitive.Viewport.Props {}\n\nconst Viewport = React.forwardRef<HTMLDivElement, ViewportProps>(\n  function Viewport({ className, children, ...props }, ref) {\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        className={cn('fixed inset-0 z-50', className)}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Viewport>\n    );\n  },\n);\nViewport.displayName = 'Drawer.Viewport';\n\n// ============================================\n// Popup (formerly DrawerContent)\n// ============================================\n\nexport interface PopupProps extends DrawerPrimitive.Popup.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Popup = React.forwardRef<HTMLDivElement, PopupProps>(function Popup(\n  { className, children, disableAnimation, disableBackdropBlur, ...props },\n  ref,\n) {\n  const direction = useDrawerDirection();\n\n  return (\n    <Portal data-slot=\"drawer-portal\">\n      <Backdrop\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-vaul-drawer-direction={direction}\n        className={cn(\n          'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-open:duration-300 data-closed:duration-200 data-open:ease-(--ease-decelerate) data-closed:ease-in data-[vaul-drawer-direction=bottom]:data-open:slide-in-from-bottom-full data-[vaul-drawer-direction=bottom]:data-closed:slide-out-to-bottom-full data-[vaul-drawer-direction=top]:data-open:slide-in-from-top-full data-[vaul-drawer-direction=top]:data-closed:slide-out-to-top-full data-[vaul-drawer-direction=left]:data-open:slide-in-from-left-full data-[vaul-drawer-direction=left]:data-closed:slide-out-to-left-full data-[vaul-drawer-direction=right]:data-open:slide-in-from-right-full data-[vaul-drawer-direction=right]:data-closed:slide-out-to-right-full motion-reduce:animate-none',\n          className,\n        )}\n        {...props}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block delight-fade-in motion-reduce:!animate-none\"\n        />\n        {children}\n      </DrawerPrimitive.Popup>\n    </Portal>\n  );\n});\nPopup.displayName = 'Drawer.Popup';\n\n// ============================================\n// Header\n// ============================================\n\nexport type HeaderProps = React.ComponentProps<'div'>;\n\nconst Header = React.forwardRef<HTMLDivElement, HeaderProps>(function Header(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"drawer-header\"\n      className={cn(\n        'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nHeader.displayName = 'Drawer.Header';\n\n// ============================================\n// Footer\n// ============================================\n\nexport type FooterProps = React.ComponentProps<'div'>;\n\nconst Footer = React.forwardRef<HTMLDivElement, FooterProps>(function Footer(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"drawer-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n});\nFooter.displayName = 'Drawer.Footer';\n\n// ============================================\n// Title\n// ============================================\n\nexport type TitleProps = DrawerPrimitive.Title.Props;\n\nconst Title = React.forwardRef<HTMLHeadingElement, TitleProps>(function Title(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <DrawerPrimitive.Title\n      ref={ref}\n      data-slot=\"drawer-title\"\n      className={cn(\n        'text-foreground font-medium delight-stagger motion-reduce:!animate-none',\n        className,\n      )}\n      {...props}\n      style={{ '--delight-delay': '50ms' } as React.CSSProperties}\n    />\n  );\n});\nTitle.displayName = 'Drawer.Title';\n\n// ============================================\n// Description\n// ============================================\n\nexport type DescriptionProps = DrawerPrimitive.Description.Props;\n\nconst Description = React.forwardRef<HTMLParagraphElement, DescriptionProps>(\n  function Description({ className, ...props }, ref) {\n    return (\n      <DrawerPrimitive.Description\n        ref={ref}\n        data-slot=\"drawer-description\"\n        className={cn(\n          'text-muted-foreground text-sm delight-stagger motion-reduce:!animate-none',\n          className,\n        )}\n        {...props}\n        style={{ '--delight-delay': '100ms' } as React.CSSProperties}\n      />\n    );\n  },\n);\nDescription.displayName = 'Drawer.Description';\n\n// ============================================\n// Handle - Drag handle for bottom drawers\n// ============================================\n\nexport type HandleProps = React.ComponentProps<'div'>;\n\nconst Handle = React.forwardRef<HTMLDivElement, HandleProps>(function Handle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"drawer-handle\"\n      aria-hidden=\"true\"\n      className={cn(\n        'bg-muted mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nHandle.displayName = 'Drawer.Handle';\n\n// ============================================\n// Compound component via dot notation (ADR-011)\n// ============================================\n\nconst Drawer = Object.assign(Root, {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Header,\n  Footer,\n  Title,\n  Description,\n  Close,\n  Handle,\n});\n\n// ============================================\n// Exports\n// ============================================\n\nexport {\n  Backdrop as DrawerBackdrop,\n  Close as DrawerClose,\n  Description as DrawerDescription,\n  Drawer,\n  Footer as DrawerFooter,\n  Handle as DrawerHandle,\n  Header as DrawerHeader,\n  Popup as DrawerPopup,\n  Portal as DrawerPortal,\n  // Sub-components with Drawer prefix for direct imports\n  Root as DrawerRoot,\n  Title as DrawerTitle,\n  Trigger as DrawerTrigger,\n  Viewport as DrawerViewport,\n};\n"],"mappings":";;;;;;;AA0BA,IAAM,OAAO,MAAM,WAAsC,SAAS,KAChE,EACE,YAAY,UACZ,cAAc,OACd,cACA,UACA,GAAG,SAEL,MACA;CACA,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,WAAW;CAElD,MAAM,mBAAmB,MAAM,aAC5B,YAAqB;EACpB,QAAQ,OAAO;EACf,eAAe,OAAO;CACxB,GACA,CAAC,YAAY,CACf;CAEA,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,oBAAC,OAAgB,MAAjB;GACE,aAAU;GACJ;GACN,cAAc;GACd,GAAI;GAEH;EACmB,CAAA;CACS,CAAA;AAErC,CAAC;AACD,KAAK,cAAc;AAQnB,IAAM,UAAU,MAAM,WACpB,SAAS,QAAQ,EAAE,GAAG,SAAS,KAAK;CAClC,OACE,oBAAC,OAAgB,SAAjB;EACO;EACL,aAAU;EACV,GAAI;CACL,CAAA;AAEL,CACF;AACA,QAAQ,cAAc;AAQtB,SAAS,OAAO,EAAE,GAAG,SAAsB;CACzC,OAAO,oBAAC,OAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AACA,OAAO,cAAc;AAQrB,IAAM,QAAQ,MAAM,WAA0C,SAAS,MACrE,EAAE,GAAG,SACL,KACA;CACA,OACE,oBAAC,OAAgB,OAAjB;EAA4B;EAAK,aAAU;EAAe,GAAI;CAAQ,CAAA;AAE1E,CAAC;AACD,MAAM,cAAc;AAapB,IAAM,WAAW,MAAM,WACrB,SAAS,SACP,EAAE,WAAW,kBAAkB,qBAAqB,GAAG,SACvD,KACA;CACA,OACE,oBAAC,OAAgB,UAAjB;EACO;EACL,aAAU;EACV,WAAW,GACT,0CACA,CAAC,oBACC,sHACF,CAAC,uBAAuB,6CACxB,SACF;EACA,GAAI;CACL,CAAA;AAEL,CACF;AACA,SAAS,cAAc;AAQvB,IAAM,WAAW,MAAM,WACrB,SAAS,SAAS,EAAE,WAAW,UAAU,GAAG,SAAS,KAAK;CACxD,OACE,oBAAC,OAAgB,UAAjB;EACO;EACL,aAAU;EACV,WAAW,GAAG,sBAAsB,SAAS;EAC7C,GAAI;EAEH;CACuB,CAAA;AAE9B,CACF;AACA,SAAS,cAAc;AAavB,IAAM,QAAQ,MAAM,WAAuC,SAAS,MAClE,EAAE,WAAW,UAAU,kBAAkB,qBAAqB,GAAG,SACjE,KACA;CACA,MAAM,YAAY,mBAAmB;CAErC,OACE,qBAAC,QAAD;EAAQ,aAAU;YAAlB,CACE,oBAAC,UAAD;GACoB;GACG;EACtB,CAAA,GACD,qBAAC,OAAgB,OAAjB;GACO;GACL,aAAU;GACV,8BAA4B;GAC5B,WAAW,GACT,knCACA,CAAC,oBACC,8tBACF,SACF;GACA,GAAI;aAVN,CAYE,oBAAC,OAAD;IACE,eAAY;IACZ,WAAU;GACX,CAAA,GACA,QACoB;IACjB;;AAEZ,CAAC;AACD,MAAM,cAAc;AAQpB,IAAM,SAAS,MAAM,WAAwC,SAAS,OACpE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAW,GACT,4LACA,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AACD,OAAO,cAAc;AAQrB,IAAM,SAAS,MAAM,WAAwC,SAAS,OACpE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,OAAO,cAAc;AAQrB,IAAM,QAAQ,MAAM,WAA2C,SAAS,MACtE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,OAAgB,OAAjB;EACO;EACL,aAAU;EACV,WAAW,GACT,2EACA,SACF;EACA,GAAI;EACJ,OAAO,EAAE,mBAAmB,OAAO;CACpC,CAAA;AAEL,CAAC;AACD,MAAM,cAAc;AAQpB,IAAM,cAAc,MAAM,WACxB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OACE,oBAAC,OAAgB,aAAjB;EACO;EACL,aAAU;EACV,WAAW,GACT,6EACA,SACF;EACA,GAAI;EACJ,OAAO,EAAE,mBAAmB,QAAQ;CACrC,CAAA;AAEL,CACF;AACA,YAAY,cAAc;AAQ1B,IAAM,SAAS,MAAM,WAAwC,SAAS,OACpE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,OAAD;EACO;EACL,aAAU;EACV,eAAY;EACZ,WAAW,GACT,+DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AACD,OAAO,cAAc;AAMrB,IAAM,SAAS,OAAO,OAAO,MAAM;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC"}
+{"version":3,"file":"index209.js","names":[],"sources":["../src/components/ui/drawer.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DrawerPrimitive } from '@base-ui/react/dialog';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type DrawerDirection = 'top' | 'right' | 'bottom' | 'left';\n\nexport const DrawerDirectionContext =\n  React.createContext<DrawerDirection>('bottom');\n\nexport function useDrawerDirection() {\n  return React.useContext(DrawerDirectionContext);\n}\n\nfunction Drawer({\n  direction = 'bottom',\n  ...props\n}: DrawerPrimitive.Root.Props & { direction?: DrawerDirection }) {\n  return (\n    <DrawerDirectionContext.Provider value={direction}>\n      <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n    </DrawerDirectionContext.Provider>\n  );\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nexport interface DrawerOverlayProps\n  extends React.ComponentProps<typeof DrawerPrimitive.Backdrop> {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction DrawerOverlay({\n  className,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: DrawerOverlayProps) {\n  return (\n    <DrawerPrimitive.Backdrop\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'bg-background/80/10 fixed inset-0 z-50',\n        !disableAnimation &&\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n        !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface DrawerContentProps extends DrawerPrimitive.Popup.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: DrawerContentProps) {\n  const direction = useDrawerDirection();\n\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <DrawerPrimitive.Popup\n        data-slot=\"drawer-content\"\n        data-vaul-drawer-direction={direction}\n        className={cn(\n          'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Popup>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-foreground font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nDrawerTrigger.displayName = 'Drawer.Trigger';\nDrawerPortal.displayName = 'Drawer.Portal';\nDrawerClose.displayName = 'Drawer.Close';\nDrawerOverlay.displayName = 'Drawer.Overlay';\nDrawerContent.displayName = 'Drawer.Content';\nDrawerHeader.displayName = 'Drawer.Header';\nDrawerFooter.displayName = 'Drawer.Footer';\nDrawerTitle.displayName = 'Drawer.Title';\nDrawerDescription.displayName = 'Drawer.Description';\n\nDrawer.displayName = 'Drawer';\n\nconst DrawerNamespace = Object.assign(Drawer, {\n  Trigger: DrawerTrigger,\n  Portal: DrawerPortal,\n  Close: DrawerClose,\n  Overlay: DrawerOverlay,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n});\n\nexport {\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerNamespace as Drawer,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger,\n};\n"],"mappings":";;;;;;AASA,IAAa,yBACX,MAAM,cAA+B,QAAQ;AAE/C,SAAgB,qBAAqB;CACnC,OAAO,MAAM,WAAW,sBAAsB;AAChD;AAEA,SAAS,OAAO,EACd,YAAY,UACZ,GAAG,SAC4D;CAC/D,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,oBAAC,OAAgB,MAAjB;GAAsB,aAAU;GAAS,GAAI;EAAQ,CAAA;CACtB,CAAA;AAErC;AAEA,SAAS,cAAc,EACrB,GAAG,SACoD;CACvD,OAAO,oBAAC,OAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,aAAa,EACpB,GAAG,SACmD;CACtD,OAAO,oBAAC,OAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,YAAY,EACnB,GAAG,SACkD;CACrD,OAAO,oBAAC,OAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAUA,SAAS,cAAc,EACrB,WACA,kBACA,qBACA,GAAG,SACkB;CACrB,OACE,oBAAC,OAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GACT,0CACA,CAAC,oBACC,2FACF,CAAC,uBAAuB,6CACxB,SACF;EACA,GAAI;CACL,CAAA;AAEL;AASA,SAAS,cAAc,EACrB,WACA,UACA,kBACA,qBACA,GAAG,SACkB;CACrB,MAAM,YAAY,mBAAmB;CAErC,OACE,qBAAC,cAAD;EAAc,aAAU;YAAxB,CACE,oBAAC,eAAD;GACoB;GACG;EACtB,CAAA,GACD,qBAAC,OAAgB,OAAjB;GACE,aAAU;GACV,8BAA4B;GAC5B,WAAW,GACT,knCACA,SACF;GACA,GAAI;aAPN,CASE,oBAAC,OAAD,EAAK,WAAU,oIAAqI,CAAA,GACnJ,QACoB;IACX;;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4LACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;CACrD,OACE,oBAAC,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAAC,OAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc;AAC5B,aAAa,cAAc;AAC3B,YAAY,cAAc;AAC1B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,aAAa,cAAc;AAC3B,aAAa,cAAc;AAC3B,YAAY,cAAc;AAC1B,kBAAkB,cAAc;AAEhC,OAAO,cAAc;AAEG,OAAO,OAAO,QAAQ;CAC5C,SAAS;CACT,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,aAAa;AACf,CAAC"}

package/dist/index210.js

@@ -1,59 +1,154 @@
 "use client";
 import { cn } from "./index2.js";
-import { jsx } from "react/jsx-runtime";
-import { PreviewCard } from "@base-ui/react/preview-card";
-//#region src/components/organisms/overlays/HoverCard/HoverCard.tsx
-function HoverCard({ ...props }) {
-	return /* @__PURE__ */ jsx(PreviewCard.Root, {
-		"data-slot": "hover-card",
+import { DrawerDirectionContext, useDrawerDirection } from "./index209.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/organisms/overlays/Drawer/Drawer.tsx
+var Root = React.forwardRef(function Root({ direction = "bottom", defaultOpen = false, onOpenChange, children, ...props }, _ref) {
+	const [open, setOpen] = React.useState(defaultOpen);
+	const handleOpenChange = React.useCallback((newOpen) => {
+		setOpen(newOpen);
+		onOpenChange?.(newOpen);
+	}, [onOpenChange]);
+	return /* @__PURE__ */ jsx(DrawerDirectionContext.Provider, {
+		value: direction,
+		children: /* @__PURE__ */ jsx(Dialog.Root, {
+			"data-slot": "drawer",
+			open,
+			onOpenChange: handleOpenChange,
+			...props,
+			children
+		})
+	});
+});
+Root.displayName = "Drawer.Root";
+var Trigger = React.forwardRef(function Trigger({ ...props }, ref) {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		ref,
+		"data-slot": "drawer-trigger",
 		...props
 	});
-}
-HoverCard.displayName = "HoverCard";
-function HoverCardTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
-		"data-slot": "hover-card-trigger",
+});
+Trigger.displayName = "Drawer.Trigger";
+function Portal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "drawer-portal",
 		...props
 	});
 }
-HoverCardTrigger.displayName = "HoverCard.Trigger";
-function HoverCardPopup({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
-		"data-slot": "hover-card-portal",
-		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
-			align,
-			alignOffset,
-			side,
-			sideOffset,
-			className: "isolate z-50",
-			children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
-				"data-slot": "hover-card-popup",
-				className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:animate-none bg-popover text-popover-foreground w-64 rounded-xl border border-border p-4 text-sm shadow-[var(--shadow-hover-card)] supports-backdrop-filter:backdrop-blur-[60px] duration-150 z-50 origin-(--transform-origin) outline-hidden [&>*]:delight-fade-in [&>*]:motion-reduce:!animate-none", className),
-				...props
-			})
-		})
+Portal.displayName = "Drawer.Portal";
+var Close = React.forwardRef(function Close({ ...props }, ref) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		ref,
+		"data-slot": "drawer-close",
+		...props
 	});
-}
-HoverCardPopup.displayName = "HoverCard.Popup";
-/**
-* HoverCard component with dot notation for compound parts.
-*
-* @example
-* ```tsx
-* <HoverCard>
-*   <HoverCard.Trigger>Hover me</HoverCard.Trigger>
-*   <HoverCard.Popup>
-*     Preview content here
-*   </HoverCard.Popup>
-* </HoverCard>
-* ```
-*/
-var HoverCardCompound = Object.assign(HoverCard, {
-	Root: HoverCard,
-	Trigger: HoverCardTrigger,
-	Popup: HoverCardPopup
+});
+Close.displayName = "Drawer.Close";
+var Backdrop = React.forwardRef(function Backdrop({ className, disableAnimation, disableBackdropBlur, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		ref,
+		"data-slot": "drawer-backdrop",
+		className: cn("bg-background/80/10 fixed inset-0 z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 motion-reduce:animate-none", !disableBackdropBlur && "supports-backdrop-filter:backdrop-blur-xs", className),
+		...props
+	});
+});
+Backdrop.displayName = "Drawer.Backdrop";
+var Viewport = React.forwardRef(function Viewport({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Dialog.Viewport, {
+		ref,
+		"data-slot": "drawer-viewport",
+		className: cn("fixed inset-0 z-50", className),
+		...props,
+		children
+	});
+});
+Viewport.displayName = "Drawer.Viewport";
+var Popup = React.forwardRef(function Popup({ className, children, disableAnimation, disableBackdropBlur, ...props }, ref) {
+	const direction = useDrawerDirection();
+	return /* @__PURE__ */ jsxs(Portal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(Backdrop, {
+			disableAnimation,
+			disableBackdropBlur
+		}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+			ref,
+			"data-slot": "drawer-popup",
+			"data-vaul-drawer-direction": direction,
+			className: cn("bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-open:duration-300 data-closed:duration-200 data-open:ease-(--ease-decelerate) data-closed:ease-in data-[vaul-drawer-direction=bottom]:data-open:slide-in-from-bottom-full data-[vaul-drawer-direction=bottom]:data-closed:slide-out-to-bottom-full data-[vaul-drawer-direction=top]:data-open:slide-in-from-top-full data-[vaul-drawer-direction=top]:data-closed:slide-out-to-top-full data-[vaul-drawer-direction=left]:data-open:slide-in-from-left-full data-[vaul-drawer-direction=left]:data-closed:slide-out-to-left-full data-[vaul-drawer-direction=right]:data-open:slide-in-from-right-full data-[vaul-drawer-direction=right]:data-closed:slide-out-to-right-full motion-reduce:animate-none", className),
+			...props,
+			children: [/* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: "bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block delight-fade-in motion-reduce:!animate-none"
+			}), children]
+		})]
+	});
+});
+Popup.displayName = "Drawer.Popup";
+var Header = React.forwardRef(function Header({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "drawer-header",
+		className: cn("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col", className),
+		...props
+	});
+});
+Header.displayName = "Drawer.Header";
+var Footer = React.forwardRef(function Footer({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "drawer-footer",
+		className: cn("gap-2 p-4 mt-auto flex flex-col", className),
+		...props
+	});
+});
+Footer.displayName = "Drawer.Footer";
+var Title = React.forwardRef(function Title({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		ref,
+		"data-slot": "drawer-title",
+		className: cn("text-foreground font-medium delight-stagger motion-reduce:!animate-none", className),
+		...props,
+		style: { "--delight-delay": "50ms" }
+	});
+});
+Title.displayName = "Drawer.Title";
+var Description = React.forwardRef(function Description({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		ref,
+		"data-slot": "drawer-description",
+		className: cn("text-muted-foreground text-sm delight-stagger motion-reduce:!animate-none", className),
+		...props,
+		style: { "--delight-delay": "100ms" }
+	});
+});
+Description.displayName = "Drawer.Description";
+var Handle = React.forwardRef(function Handle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "drawer-handle",
+		"aria-hidden": "true",
+		className: cn("bg-muted mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full", className),
+		...props
+	});
+});
+Handle.displayName = "Drawer.Handle";
+var Drawer = Object.assign(Root, {
+	Root,
+	Trigger,
+	Portal,
+	Backdrop,
+	Viewport,
+	Popup,
+	Header,
+	Footer,
+	Title,
+	Description,
+	Close,
+	Handle
 });
 //#endregion
-export { HoverCardCompound as HoverCard, HoverCardPopup, HoverCardTrigger };
+export { Drawer, Backdrop as DrawerBackdrop, Close as DrawerClose, Description as DrawerDescription, Footer as DrawerFooter, Handle as DrawerHandle, Header as DrawerHeader, Popup as DrawerPopup, Portal as DrawerPortal, Root as DrawerRoot, Title as DrawerTitle, Trigger as DrawerTrigger, Viewport as DrawerViewport };
 
 //# sourceMappingURL=index210.js.map

package/dist/index210.js.map

@@ -1 +1 @@
-{"version":3,"file":"index210.js","names":[],"sources":["../src/components/organisms/overlays/HoverCard/HoverCard.tsx"],"sourcesContent":["'use client';\n\nimport { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\nimport type * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type HoverCardProps = React.ComponentProps<typeof HoverCard>;\nexport type HoverCardTriggerProps = React.ComponentProps<\n  typeof HoverCardTrigger\n>;\nexport type HoverCardPopupProps = PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    'align' | 'alignOffset' | 'side' | 'sideOffset'\n  >;\n\n// ============================================================================\n// HoverCard Components\n// ============================================================================\n\nfunction HoverCard({ ...props }: PreviewCardPrimitive.Root.Props) {\n  return <PreviewCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nHoverCard.displayName = 'HoverCard';\n\nfunction HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props) {\n  return (\n    <PreviewCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n  );\n}\n\nHoverCardTrigger.displayName = 'HoverCard.Trigger';\n\nfunction HoverCardPopup({\n  className,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'center',\n  alignOffset = 4,\n  ...props\n}: HoverCardPopupProps) {\n  return (\n    <PreviewCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <PreviewCardPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PreviewCardPrimitive.Popup\n          data-slot=\"hover-card-popup\"\n          className={cn(\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:animate-none bg-popover text-popover-foreground w-64 rounded-xl border border-border p-4 text-sm shadow-[var(--shadow-hover-card)] supports-backdrop-filter:backdrop-blur-[60px] duration-150 z-50 origin-(--transform-origin) outline-hidden [&>*]:delight-fade-in [&>*]:motion-reduce:!animate-none',\n            className,\n          )}\n          {...props}\n        />\n      </PreviewCardPrimitive.Positioner>\n    </PreviewCardPrimitive.Portal>\n  );\n}\n\nHoverCardPopup.displayName = 'HoverCard.Popup';\n\n// ============================================================================\n// Compound Component\n// ============================================================================\n\n/**\n * HoverCard component with dot notation for compound parts.\n *\n * @example\n * ```tsx\n * <HoverCard>\n *   <HoverCard.Trigger>Hover me</HoverCard.Trigger>\n *   <HoverCard.Popup>\n *     Preview content here\n *   </HoverCard.Popup>\n * </HoverCard>\n * ```\n */\nconst HoverCardCompound = Object.assign(HoverCard, {\n  Root: HoverCard,\n  Trigger: HoverCardTrigger,\n  Popup: HoverCardPopup,\n});\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { HoverCardCompound as HoverCard, HoverCardPopup, HoverCardTrigger };\n"],"mappings":";;;;;AAyBA,SAAS,UAAU,EAAE,GAAG,SAA0C;CAChE,OAAO,oBAAC,YAAqB,MAAtB;EAA2B,aAAU;EAAa,GAAI;CAAQ,CAAA;AACvE;AAEA,UAAU,cAAc;AAExB,SAAS,iBAAiB,EAAE,GAAG,SAA6C;CAC1E,OACE,oBAAC,YAAqB,SAAtB;EAA8B,aAAU;EAAqB,GAAI;CAAQ,CAAA;AAE7E;AAEA,iBAAiB,cAAc;AAE/B,SAAS,eAAe,EACtB,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,GAAG,SACmB;CACtB,OACE,oBAAC,YAAqB,QAAtB;EAA6B,aAAU;YACrC,oBAAC,YAAqB,YAAtB;GACS;GACM;GACP;GACM;GACZ,WAAU;aAEV,oBAAC,YAAqB,OAAtB;IACE,aAAU;IACV,WAAW,GACT,wlBACA,SACF;IACA,GAAI;GACL,CAAA;EAC8B,CAAA;CACN,CAAA;AAEjC;AAEA,eAAe,cAAc;;;;;;;;;;;;;;AAmB7B,IAAM,oBAAoB,OAAO,OAAO,WAAW;CACjD,MAAM;CACN,SAAS;CACT,OAAO;AACT,CAAC"}
+{"version":3,"file":"index210.js","names":[],"sources":["../src/components/organisms/overlays/Drawer/Drawer.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DrawerPrimitive } from '@base-ui/react/dialog';\nimport * as React from 'react';\n\nimport {\n  type DrawerDirection,\n  DrawerDirectionContext,\n  useDrawerDirection,\n} from '@/components/ui/drawer';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Root (with internal state management)\n// ============================================\n\nexport interface RootProps\n  extends Omit<DrawerPrimitive.Root.Props, 'open' | 'onOpenChange'> {\n  /** Direction from which the drawer slides in */\n  direction?: DrawerDirection;\n  /** Initial open state. Component manages state internally. */\n  defaultOpen?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, RootProps>(function Root(\n  {\n    direction = 'bottom',\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    ...props\n  },\n  _ref,\n) {\n  const [open, setOpen] = React.useState(defaultOpen);\n\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      setOpen(newOpen);\n      onOpenChange?.(newOpen);\n    },\n    [onOpenChange],\n  );\n\n  return (\n    <DrawerDirectionContext.Provider value={direction}>\n      <DrawerPrimitive.Root\n        data-slot=\"drawer\"\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerDirectionContext.Provider>\n  );\n});\nRoot.displayName = 'Drawer.Root';\n\n// ============================================\n// Trigger\n// ============================================\n\nexport type TriggerProps = DrawerPrimitive.Trigger.Props;\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n  function Trigger({ ...props }, ref) {\n    return (\n      <DrawerPrimitive.Trigger\n        ref={ref}\n        data-slot=\"drawer-trigger\"\n        {...props}\n      />\n    );\n  },\n);\nTrigger.displayName = 'Drawer.Trigger';\n\n// ============================================\n// Portal\n// ============================================\n\nexport type PortalProps = DrawerPrimitive.Portal.Props;\n\nfunction Portal({ ...props }: PortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\nPortal.displayName = 'Drawer.Portal';\n\n// ============================================\n// Close\n// ============================================\n\nexport type CloseProps = DrawerPrimitive.Close.Props;\n\nconst Close = React.forwardRef<HTMLButtonElement, CloseProps>(function Close(\n  { ...props },\n  ref,\n) {\n  return (\n    <DrawerPrimitive.Close ref={ref} data-slot=\"drawer-close\" {...props} />\n  );\n});\nClose.displayName = 'Drawer.Close';\n\n// ============================================\n// Backdrop (formerly DrawerOverlay)\n// ============================================\n\nexport interface BackdropProps extends DrawerPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  function Backdrop(\n    { className, disableAnimation, disableBackdropBlur, ...props },\n    ref,\n  ) {\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        className={cn(\n          'bg-background/80/10 fixed inset-0 z-50',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 motion-reduce:animate-none',\n          !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nBackdrop.displayName = 'Drawer.Backdrop';\n\n// ============================================\n// Viewport - Scroll container for drawer positioning\n// ============================================\n\nexport interface ViewportProps extends DrawerPrimitive.Viewport.Props {}\n\nconst Viewport = React.forwardRef<HTMLDivElement, ViewportProps>(\n  function Viewport({ className, children, ...props }, ref) {\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        className={cn('fixed inset-0 z-50', className)}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Viewport>\n    );\n  },\n);\nViewport.displayName = 'Drawer.Viewport';\n\n// ============================================\n// Popup (formerly DrawerContent)\n// ============================================\n\nexport interface PopupProps extends DrawerPrimitive.Popup.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nconst Popup = React.forwardRef<HTMLDivElement, PopupProps>(function Popup(\n  { className, children, disableAnimation, disableBackdropBlur, ...props },\n  ref,\n) {\n  const direction = useDrawerDirection();\n\n  return (\n    <Portal data-slot=\"drawer-portal\">\n      <Backdrop\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-vaul-drawer-direction={direction}\n        className={cn(\n          'bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-open:duration-300 data-closed:duration-200 data-open:ease-(--ease-decelerate) data-closed:ease-in data-[vaul-drawer-direction=bottom]:data-open:slide-in-from-bottom-full data-[vaul-drawer-direction=bottom]:data-closed:slide-out-to-bottom-full data-[vaul-drawer-direction=top]:data-open:slide-in-from-top-full data-[vaul-drawer-direction=top]:data-closed:slide-out-to-top-full data-[vaul-drawer-direction=left]:data-open:slide-in-from-left-full data-[vaul-drawer-direction=left]:data-closed:slide-out-to-left-full data-[vaul-drawer-direction=right]:data-open:slide-in-from-right-full data-[vaul-drawer-direction=right]:data-closed:slide-out-to-right-full motion-reduce:animate-none',\n          className,\n        )}\n        {...props}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block delight-fade-in motion-reduce:!animate-none\"\n        />\n        {children}\n      </DrawerPrimitive.Popup>\n    </Portal>\n  );\n});\nPopup.displayName = 'Drawer.Popup';\n\n// ============================================\n// Header\n// ============================================\n\nexport type HeaderProps = React.ComponentProps<'div'>;\n\nconst Header = React.forwardRef<HTMLDivElement, HeaderProps>(function Header(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"drawer-header\"\n      className={cn(\n        'gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nHeader.displayName = 'Drawer.Header';\n\n// ============================================\n// Footer\n// ============================================\n\nexport type FooterProps = React.ComponentProps<'div'>;\n\nconst Footer = React.forwardRef<HTMLDivElement, FooterProps>(function Footer(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"drawer-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n});\nFooter.displayName = 'Drawer.Footer';\n\n// ============================================\n// Title\n// ============================================\n\nexport type TitleProps = DrawerPrimitive.Title.Props;\n\nconst Title = React.forwardRef<HTMLHeadingElement, TitleProps>(function Title(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <DrawerPrimitive.Title\n      ref={ref}\n      data-slot=\"drawer-title\"\n      className={cn(\n        'text-foreground font-medium delight-stagger motion-reduce:!animate-none',\n        className,\n      )}\n      {...props}\n      style={{ '--delight-delay': '50ms' } as React.CSSProperties}\n    />\n  );\n});\nTitle.displayName = 'Drawer.Title';\n\n// ============================================\n// Description\n// ============================================\n\nexport type DescriptionProps = DrawerPrimitive.Description.Props;\n\nconst Description = React.forwardRef<HTMLParagraphElement, DescriptionProps>(\n  function Description({ className, ...props }, ref) {\n    return (\n      <DrawerPrimitive.Description\n        ref={ref}\n        data-slot=\"drawer-description\"\n        className={cn(\n          'text-muted-foreground text-sm delight-stagger motion-reduce:!animate-none',\n          className,\n        )}\n        {...props}\n        style={{ '--delight-delay': '100ms' } as React.CSSProperties}\n      />\n    );\n  },\n);\nDescription.displayName = 'Drawer.Description';\n\n// ============================================\n// Handle - Drag handle for bottom drawers\n// ============================================\n\nexport type HandleProps = React.ComponentProps<'div'>;\n\nconst Handle = React.forwardRef<HTMLDivElement, HandleProps>(function Handle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"drawer-handle\"\n      aria-hidden=\"true\"\n      className={cn(\n        'bg-muted mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nHandle.displayName = 'Drawer.Handle';\n\n// ============================================\n// Compound component via dot notation (ADR-011)\n// ============================================\n\nconst Drawer = Object.assign(Root, {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Header,\n  Footer,\n  Title,\n  Description,\n  Close,\n  Handle,\n});\n\n// ============================================\n// Exports\n// ============================================\n\nexport {\n  Backdrop as DrawerBackdrop,\n  Close as DrawerClose,\n  Description as DrawerDescription,\n  Drawer,\n  Footer as DrawerFooter,\n  Handle as DrawerHandle,\n  Header as DrawerHeader,\n  Popup as DrawerPopup,\n  Portal as DrawerPortal,\n  // Sub-components with Drawer prefix for direct imports\n  Root as DrawerRoot,\n  Title as DrawerTitle,\n  Trigger as DrawerTrigger,\n  Viewport as DrawerViewport,\n};\n"],"mappings":"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"}