asterui 0.12.19 → 0.12.21

package/dist/index25.js

@@ -1,35 +1,46 @@
-import { jsx as c } from "react/jsx-runtime";
-function l({
-  children: r,
-  orientation: e = "horizontal",
-  position: d = "center",
-  type: i,
-  className: n = "",
-  ...s
-}) {
-  const o = {
-    start: "divider-start",
-    center: "",
-    end: "divider-end"
-  }, t = {
-    neutral: "divider-neutral",
-    primary: "divider-primary",
-    secondary: "divider-secondary",
-    accent: "divider-accent",
-    success: "divider-success",
-    warning: "divider-warning",
-    info: "divider-info",
-    error: "divider-error"
-  }, a = [
-    "divider",
-    e === "vertical" && "divider-horizontal",
-    o[d],
-    i && t[i],
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("div", { className: a, ...s, children: r });
-}
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+const b = m(
+  ({ active: o, children: c, className: l = "", ...e }, d) => {
+    const n = [o && "dock-active", l].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("button", { ref: d, className: n || void 0, ...e, children: c });
+  }
+);
+b.displayName = "Dock.Item";
+const v = m(
+  ({ items: o, size: c, activeIndex: l, onChange: e, children: d, className: n = "", ...i }, r) => {
+    const k = ["dock", c && {
+      xs: "dock-xs",
+      sm: "dock-sm",
+      md: "dock-md",
+      lg: "dock-lg",
+      xl: "dock-xl"
+    }[c], n].filter(Boolean).join(" ");
+    return o ? /* @__PURE__ */ a("div", { ref: r, className: k, ...i, children: o.map((s, t) => {
+      const N = l !== void 0 ? l === t : s.active;
+      return /* @__PURE__ */ f(
+        "button",
+        {
+          className: N ? "dock-active" : void 0,
+          disabled: s.disabled,
+          onClick: () => {
+            s.onClick?.(), e?.(t);
+          },
+          children: [
+            s.icon,
+            s.label && /* @__PURE__ */ a("span", { className: "dock-label", children: s.label })
+          ]
+        },
+        t
+      );
+    }) }) : /* @__PURE__ */ a("div", { ref: r, className: k, ...i, children: d });
+  }
+);
+v.displayName = "Dock";
+const D = Object.assign(v, {
+  Item: b
+});
 export {
-  l as Divider
+  D as Dock
 };
 //# sourceMappingURL=index25.js.map

package/dist/index25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index25.js","sources":["../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  orientation?: 'horizontal' | 'vertical'\n  position?: 'start' | 'center' | 'end'\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n}\n\nexport function Divider({\n  children,\n  orientation = 'horizontal',\n  position = 'center',\n  type,\n  className = '',\n  ...rest\n}: DividerProps) {\n  const positionClasses: Record<string, string> = {\n    start: 'divider-start',\n    center: '',\n    end: 'divider-end',\n  }\n\n  const typeClasses: Record<string, string> = {\n    neutral: 'divider-neutral',\n    primary: 'divider-primary',\n    secondary: 'divider-secondary',\n    accent: 'divider-accent',\n    success: 'divider-success',\n    warning: 'divider-warning',\n    info: 'divider-info',\n    error: 'divider-error',\n  }\n\n  const classes = [\n    'divider',\n    orientation === 'vertical' && 'divider-horizontal',\n    positionClasses[position],\n    type && typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["Divider","children","orientation","position","type","className","rest","positionClasses","typeClasses","classes"],"mappings":";AASO,SAASA,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAiB;AACf,QAAMC,IAA0C;AAAA,IAC9C,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA,GAGDC,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAU;AAAA,IACd;AAAA,IACAP,MAAgB,cAAc;AAAA,IAC9BK,EAAgBJ,CAAQ;AAAA,IACxBC,KAAQI,EAAYJ,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWI,GAAU,GAAGH,GAAO,UAAAL,GAAS;AACtD;"}
+{"version":3,"file":"index25.js","sources":["../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface DockItemConfig {\n  /** Icon element */\n  icon: React.ReactNode\n  /** Label text */\n  label?: string\n  /** Whether this item is active */\n  active?: boolean\n  /** Whether this item is disabled */\n  disabled?: boolean\n  /** Click handler for this item */\n  onClick?: () => void\n}\n\nexport interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Dock items configuration */\n  items?: DockItemConfig[]\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Controlled active index */\n  activeIndex?: number\n  /** Callback when an item is clicked */\n  onChange?: (index: number) => void\n  /** Children (alternative to items prop) */\n  children?: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Whether this item is active */\n  active?: boolean\n  /** Children (icon and optional label) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst DockItem = forwardRef<HTMLButtonElement, DockItemProps>(\n  ({ active, children, className = '', ...props }, ref) => {\n    const classes = [active && 'dock-active', className].filter(Boolean).join(' ')\n\n    return (\n      <button ref={ref} className={classes || undefined} {...props}>\n        {children}\n      </button>\n    )\n  }\n)\n\nDockItem.displayName = 'Dock.Item'\n\nconst DockRoot = forwardRef<HTMLDivElement, DockProps>(\n  ({ items, size, activeIndex, onChange, children, className = '', ...props }, ref) => {\n    const sizeClasses = {\n      xs: 'dock-xs',\n      sm: 'dock-sm',\n      md: 'dock-md',\n      lg: 'dock-lg',\n      xl: 'dock-xl',\n    }\n\n    const classes = ['dock', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n    // If items array is provided, render from config\n    if (items) {\n      return (\n        <div ref={ref} className={classes} {...props}>\n          {items.map((item, index) => {\n            const isActive = activeIndex !== undefined ? activeIndex === index : item.active\n\n            return (\n              <button\n                key={index}\n                className={isActive ? 'dock-active' : undefined}\n                disabled={item.disabled}\n                onClick={() => {\n                  item.onClick?.()\n                  onChange?.(index)\n                }}\n              >\n                {item.icon}\n                {item.label && <span className=\"dock-label\">{item.label}</span>}\n              </button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    // Otherwise render children\n    return (\n      <div ref={ref} className={classes} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nDockRoot.displayName = 'Dock'\n\nexport const Dock = Object.assign(DockRoot, {\n  Item: DockItem,\n})\n"],"names":["DockItem","forwardRef","active","children","className","props","ref","classes","jsx","DockRoot","items","size","activeIndex","onChange","item","index","isActive","jsxs","Dock"],"mappings":";;AAuCA,MAAMA,IAAWC;AAAA,EACf,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACvD,UAAMC,IAAU,CAACL,KAAU,eAAeE,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE7E,WACE,gBAAAI,EAAC,YAAO,KAAAF,GAAU,WAAWC,KAAW,QAAY,GAAGF,GACpD,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAH,EAAS,cAAc;AAEvB,MAAMS,IAAWR;AAAA,EACf,CAAC,EAAE,OAAAS,GAAO,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,UAAAV,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AASnF,UAAMC,IAAU,CAAC,QAAQI,KARL;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,EAGuCA,CAAI,GAAGP,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGvF,WAAIM,IAEA,gBAAAF,EAAC,OAAA,EAAI,KAAAF,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAK,EAAM,IAAI,CAACI,GAAMC,MAAU;AAC1B,YAAMC,IAAWJ,MAAgB,SAAYA,MAAgBG,IAAQD,EAAK;AAE1E,aACE,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWD,IAAW,gBAAgB;AAAA,UACtC,UAAUF,EAAK;AAAA,UACf,SAAS,MAAM;AACb,YAAAA,EAAK,UAAA,GACLD,IAAWE,CAAK;AAAA,UAClB;AAAA,UAEC,UAAA;AAAA,YAAAD,EAAK;AAAA,YACLA,EAAK,SAAS,gBAAAN,EAAC,UAAK,WAAU,cAAc,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QATnDO;AAAA,MAAA;AAAA,IAYX,CAAC,EAAA,CACH,sBAMD,OAAA,EAAI,KAAAT,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAM,EAAS,cAAc;AAEhB,MAAMS,IAAO,OAAO,OAAOT,GAAU;AAAA,EAC1C,MAAMT;AACR,CAAC;"}

package/dist/index26.js

@@ -1,175 +1,35 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { useRef as l, useId as $, useState as D, useEffect as R, useCallback as S } from "react";
-import { createPortal as U } from "react-dom";
-function ee({
-  children: j,
-  open: r = !1,
-  onClose: s,
-  title: a,
-  placement: i = "right",
-  size: u = "default",
-  width: M,
-  height: q,
-  closable: y = !0,
-  mask: I = !0,
-  maskClosable: K = !0,
-  keyboard: p = !0,
-  footer: v,
-  extra: x,
-  className: A = "",
-  rootClassName: B = "",
-  style: C,
-  zIndex: F = 1e3,
-  destroyOnClose: w = !1,
-  initialFocus: g = "close"
+import { jsx as c } from "react/jsx-runtime";
+function l({
+  children: r,
+  orientation: e = "horizontal",
+  position: d = "center",
+  type: i,
+  className: n = "",
+  ...s
 }) {
-  const d = l(null), f = l(null), m = l(null), k = l(null), E = $(), N = $(), [V, X] = D(!1), [Y, L] = D(r);
-  R(() => {
-    X(!0);
-  }, []);
-  const z = () => typeof u == "number" ? u : u === "large" ? 736 : 378, H = () => {
-    const e = i === "left" || i === "right", n = z();
-    if (e) {
-      const t = M ?? n;
-      return { width: typeof t == "number" ? `${t}px` : t };
-    } else {
-      const t = q ?? n;
-      return { height: typeof t == "number" ? `${t}px` : t };
-    }
-  }, b = S((e) => {
-    if (!d.current || e.key !== "Tab" || typeof document > "u") return;
-    const n = d.current.querySelectorAll(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), t = n[0], T = n[n.length - 1];
-    e.shiftKey && document.activeElement === t ? (e.preventDefault(), T?.focus()) : !e.shiftKey && document.activeElement === T && (e.preventDefault(), t?.focus());
-  }, []), h = S((e) => {
-    p && e.key === "Escape" && s && (e.preventDefault(), s());
-  }, [p, s]);
-  R(() => {
-    if (!(typeof document > "u"))
-      if (r) {
-        L(!0), k.current = document.activeElement, document.body.style.overflow = "hidden";
-        const e = setTimeout(() => {
-          g === "close" && f.current ? f.current.focus() : m.current && m.current.querySelector(
-            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-          )?.focus();
-        }, 0);
-        return document.addEventListener("keydown", h), document.addEventListener("keydown", b), () => {
-          clearTimeout(e), document.body.style.overflow = "", document.removeEventListener("keydown", h), document.removeEventListener("keydown", b);
-        };
-      } else {
-        const e = k.current;
-        if (e && document.body.contains(e) && e.focus(), w) {
-          const n = setTimeout(() => L(!1), 300);
-          return () => clearTimeout(n);
-        }
-      }
-  }, [r, h, b, w, g]);
-  const P = () => {
-    K && s && s();
-  }, W = {
-    top: "inset-x-0 top-0",
-    right: "inset-y-0 right-0",
-    bottom: "inset-x-0 bottom-0",
-    left: "inset-y-0 left-0"
-  }, G = (e) => {
-    if (e) return "translate(0, 0)";
-    switch (i) {
-      case "top":
-        return "translateY(-100%)";
-      case "right":
-        return "translateX(100%)";
-      case "bottom":
-        return "translateY(100%)";
-      case "left":
-        return "translateX(-100%)";
-    }
-  }, J = H(), Q = /* @__PURE__ */ c(
-    "div",
-    {
-      className: `fixed inset-0 ${r ? "" : "pointer-events-none"} ${B}`,
-      style: { zIndex: F },
-      role: "presentation",
-      "data-state": r ? "open" : "closed",
-      children: [
-        I && /* @__PURE__ */ o(
-          "div",
-          {
-            className: `absolute inset-0 bg-black transition-opacity duration-300 ${r ? "opacity-50" : "opacity-0"}`,
-            onClick: P,
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            ref: d,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": a ? E : void 0,
-            "aria-describedby": N,
-            className: `fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${W[i]} ${A}`,
-            style: {
-              ...J,
-              transform: G(r),
-              ...C
-            },
-            children: [
-              (a || y || x) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between px-6 py-4 border-b border-base-300", children: [
-                a && /* @__PURE__ */ o("h2", { id: E, className: "text-lg font-semibold", children: a }),
-                /* @__PURE__ */ c("div", { className: "flex items-center gap-2 ml-auto", children: [
-                  x,
-                  y && /* @__PURE__ */ o(
-                    "button",
-                    {
-                      ref: f,
-                      type: "button",
-                      className: "btn btn-ghost btn-sm btn-square",
-                      onClick: s,
-                      "aria-label": "Close drawer",
-                      children: /* @__PURE__ */ o(
-                        "svg",
-                        {
-                          xmlns: "http://www.w3.org/2000/svg",
-                          className: "h-5 w-5",
-                          fill: "none",
-                          viewBox: "0 0 24 24",
-                          stroke: "currentColor",
-                          "aria-hidden": "true",
-                          children: /* @__PURE__ */ o(
-                            "path",
-                            {
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round",
-                              strokeWidth: 2,
-                              d: "M6 18L18 6M6 6l12 12"
-                            }
-                          )
-                        }
-                      )
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  ref: m,
-                  id: N,
-                  className: "flex-1 overflow-auto p-6",
-                  children: j
-                }
-              ),
-              v && /* @__PURE__ */ o("div", { className: "px-6 py-4 border-t border-base-300", children: v })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return !V || !Y && !r ? null : U(Q, document.body);
+  const o = {
+    start: "divider-start",
+    center: "",
+    end: "divider-end"
+  }, t = {
+    neutral: "divider-neutral",
+    primary: "divider-primary",
+    secondary: "divider-secondary",
+    accent: "divider-accent",
+    success: "divider-success",
+    warning: "divider-warning",
+    info: "divider-info",
+    error: "divider-error"
+  }, a = [
+    "divider",
+    e === "vertical" && "divider-horizontal",
+    o[d],
+    i && t[i],
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c("div", { className: a, ...s, children: r });
 }
 export {
-  ee as Drawer
+  l as Divider
 };
 //# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","sources":["../src/components/Drawer.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId, useCallback, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left'\nexport type DrawerSize = 'default' | 'large' | number\n\nexport interface DrawerProps {\n  /** Drawer content */\n  children: React.ReactNode\n  /** Whether the drawer is visible */\n  open?: boolean\n  /** Callback when drawer is closed */\n  onClose?: () => void\n  /** Drawer title */\n  title?: React.ReactNode\n  /** Direction drawer slides from */\n  placement?: DrawerPlacement\n  /** Preset size or custom width/height in pixels */\n  size?: DrawerSize\n  /** Custom width (overrides size for left/right placement) */\n  width?: number | string\n  /** Custom height (overrides size for top/bottom placement) */\n  height?: number | string\n  /** Whether to show close button */\n  closable?: boolean\n  /** Whether to show mask/backdrop */\n  mask?: boolean\n  /** Whether clicking mask closes drawer */\n  maskClosable?: boolean\n  /** Whether ESC closes drawer */\n  keyboard?: boolean\n  /** Footer content */\n  footer?: React.ReactNode\n  /** Extra content in header (right side) */\n  extra?: React.ReactNode\n  /** CSS class for drawer panel */\n  className?: string\n  /** CSS class for drawer wrapper */\n  rootClassName?: string\n  /** Style for drawer panel */\n  style?: React.CSSProperties\n  /** z-index of drawer */\n  zIndex?: number\n  /** Destroy content when closed */\n  destroyOnClose?: boolean\n  /** Where to place initial focus */\n  initialFocus?: 'close' | 'content'\n}\n\n/**\n * Drawer - A panel that slides in from the edge of the screen.\n * Use for forms, details, or task panels.\n * For responsive sidebar navigation, use SidebarDrawer instead.\n */\nexport function Drawer({\n  children,\n  open = false,\n  onClose,\n  title,\n  placement = 'right',\n  size = 'default',\n  width,\n  height,\n  closable = true,\n  mask = true,\n  maskClosable = true,\n  keyboard = true,\n  footer,\n  extra,\n  className = '',\n  rootClassName = '',\n  style,\n  zIndex = 1000,\n  destroyOnClose = false,\n  initialFocus = 'close',\n}: DrawerProps) {\n  const drawerRef = useRef<HTMLDivElement>(null)\n  const closeButtonRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n  const titleId = useId()\n  const contentId = useId()\n  const [mounted, setMounted] = useState(false)\n  const [shouldRender, setShouldRender] = useState(open)\n\n  // Handle SSR - only render portal after mounting in browser\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  // Calculate dimensions\n  const getSizeValue = (): number => {\n    if (typeof size === 'number') return size\n    return size === 'large' ? 736 : 378\n  }\n\n  const getDimension = (): { width?: string; height?: string } => {\n    const isHorizontal = placement === 'left' || placement === 'right'\n    const sizeValue = getSizeValue()\n\n    if (isHorizontal) {\n      const w = width ?? sizeValue\n      return { width: typeof w === 'number' ? `${w}px` : w }\n    } else {\n      const h = height ?? sizeValue\n      return { height: typeof h === 'number' ? `${h}px` : h }\n    }\n  }\n\n  // Focus trap\n  const trapFocus = useCallback((e: KeyboardEvent) => {\n    if (!drawerRef.current || e.key !== 'Tab' || typeof document === 'undefined') return\n\n    const focusableElements = drawerRef.current.querySelectorAll<HTMLElement>(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    )\n    const firstElement = focusableElements[0]\n    const lastElement = focusableElements[focusableElements.length - 1]\n\n    if (e.shiftKey && document.activeElement === firstElement) {\n      e.preventDefault()\n      lastElement?.focus()\n    } else if (!e.shiftKey && document.activeElement === lastElement) {\n      e.preventDefault()\n      firstElement?.focus()\n    }\n  }, [])\n\n  // Handle ESC key\n  const handleKeyDown = useCallback((e: KeyboardEvent) => {\n    if (keyboard && e.key === 'Escape' && onClose) {\n      e.preventDefault()\n      onClose()\n    }\n  }, [keyboard, onClose])\n\n  // Open/close effects\n  useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    if (open) {\n      setShouldRender(true)\n      previousActiveElement.current = document.activeElement as HTMLElement\n      document.body.style.overflow = 'hidden'\n\n      // Set initial focus\n      const focusTimeout = setTimeout(() => {\n        if (initialFocus === 'close' && closeButtonRef.current) {\n          closeButtonRef.current.focus()\n        } else if (contentRef.current) {\n          const firstFocusable = contentRef.current.querySelector<HTMLElement>(\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n          )\n          firstFocusable?.focus()\n        }\n      }, 0)\n\n      // Add event listeners\n      document.addEventListener('keydown', handleKeyDown)\n      document.addEventListener('keydown', trapFocus)\n\n      return () => {\n        clearTimeout(focusTimeout)\n        document.body.style.overflow = ''\n        document.removeEventListener('keydown', handleKeyDown)\n        document.removeEventListener('keydown', trapFocus)\n      }\n    } else {\n      // Restore focus to previously focused element if it's still in the DOM\n      const prevElement = previousActiveElement.current\n      if (prevElement && document.body.contains(prevElement)) {\n        prevElement.focus()\n      }\n\n      // Handle destroyOnClose\n      if (destroyOnClose) {\n        const timeout = setTimeout(() => setShouldRender(false), 300)\n        return () => clearTimeout(timeout)\n      }\n    }\n  }, [open, handleKeyDown, trapFocus, destroyOnClose, initialFocus])\n\n  const handleMaskClick = () => {\n    if (maskClosable && onClose) {\n      onClose()\n    }\n  }\n\n  // Position classes\n  const placementClasses: Record<DrawerPlacement, string> = {\n    top: 'inset-x-0 top-0',\n    right: 'inset-y-0 right-0',\n    bottom: 'inset-x-0 bottom-0',\n    left: 'inset-y-0 left-0',\n  }\n\n  // Transform for animation\n  const getTransform = (isOpen: boolean): string => {\n    if (isOpen) return 'translate(0, 0)'\n    switch (placement) {\n      case 'top': return 'translateY(-100%)'\n      case 'right': return 'translateX(100%)'\n      case 'bottom': return 'translateY(100%)'\n      case 'left': return 'translateX(-100%)'\n    }\n  }\n\n  const dimension = getDimension()\n\n  const drawerContent = (\n    <div\n      className={`fixed inset-0 ${open ? '' : 'pointer-events-none'} ${rootClassName}`}\n      style={{ zIndex }}\n      role=\"presentation\"\n      data-state={open ? 'open' : 'closed'}\n    >\n      {/* Backdrop/Mask */}\n      {mask && (\n        <div\n          className={`absolute inset-0 bg-black transition-opacity duration-300 ${\n            open ? 'opacity-50' : 'opacity-0'\n          }`}\n          onClick={handleMaskClick}\n          aria-hidden=\"true\"\n        />\n      )}\n\n      {/* Drawer Panel */}\n      <div\n        ref={drawerRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={contentId}\n        className={`fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${placementClasses[placement]} ${className}`}\n        style={{\n          ...dimension,\n          transform: getTransform(open),\n          ...style,\n        }}\n      >\n        {/* Header */}\n        {(title || closable || extra) && (\n          <div className=\"flex items-center justify-between px-6 py-4 border-b border-base-300\">\n            {title && (\n              <h2 id={titleId} className=\"text-lg font-semibold\">\n                {title}\n              </h2>\n            )}\n            <div className=\"flex items-center gap-2 ml-auto\">\n              {extra}\n              {closable && (\n                <button\n                  ref={closeButtonRef}\n                  type=\"button\"\n                  className=\"btn btn-ghost btn-sm btn-square\"\n                  onClick={onClose}\n                  aria-label=\"Close drawer\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-5 w-5\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                    aria-hidden=\"true\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Content */}\n        <div\n          ref={contentRef}\n          id={contentId}\n          className=\"flex-1 overflow-auto p-6\"\n        >\n          {children}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"px-6 py-4 border-t border-base-300\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n\n  // Don't render during SSR or when not needed\n  if (!mounted || (!shouldRender && !open)) return null\n\n  return createPortal(drawerContent, document.body)\n}\n"],"names":["Drawer","children","open","onClose","title","placement","size","width","height","closable","mask","maskClosable","keyboard","footer","extra","className","rootClassName","style","zIndex","destroyOnClose","initialFocus","drawerRef","useRef","closeButtonRef","contentRef","previousActiveElement","titleId","useId","contentId","mounted","setMounted","useState","shouldRender","setShouldRender","useEffect","getSizeValue","getDimension","isHorizontal","sizeValue","w","h","trapFocus","useCallback","focusableElements","firstElement","lastElement","handleKeyDown","focusTimeout","prevElement","timeout","handleMaskClick","placementClasses","getTransform","isOpen","dimension","drawerContent","jsxs","jsx","createPortal"],"mappings":"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"}
+{"version":3,"file":"index26.js","sources":["../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  orientation?: 'horizontal' | 'vertical'\n  position?: 'start' | 'center' | 'end'\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n}\n\nexport function Divider({\n  children,\n  orientation = 'horizontal',\n  position = 'center',\n  type,\n  className = '',\n  ...rest\n}: DividerProps) {\n  const positionClasses: Record<string, string> = {\n    start: 'divider-start',\n    center: '',\n    end: 'divider-end',\n  }\n\n  const typeClasses: Record<string, string> = {\n    neutral: 'divider-neutral',\n    primary: 'divider-primary',\n    secondary: 'divider-secondary',\n    accent: 'divider-accent',\n    success: 'divider-success',\n    warning: 'divider-warning',\n    info: 'divider-info',\n    error: 'divider-error',\n  }\n\n  const classes = [\n    'divider',\n    orientation === 'vertical' && 'divider-horizontal',\n    positionClasses[position],\n    type && typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["Divider","children","orientation","position","type","className","rest","positionClasses","typeClasses","classes"],"mappings":";AASO,SAASA,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAiB;AACf,QAAMC,IAA0C;AAAA,IAC9C,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA,GAGDC,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAU;AAAA,IACd;AAAA,IACAP,MAAgB,cAAc;AAAA,IAC9BK,EAAgBJ,CAAQ;AAAA,IACxBC,KAAQI,EAAYJ,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWI,GAAU,GAAGH,GAAO,UAAAL,GAAS;AACtD;"}

package/dist/index27.js

@@ -1,44 +1,175 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import f from "react";
-const N = ({
-  children: l,
-  sidebar: d,
-  open: a = !1,
-  onOpenChange: o,
-  end: c = !1,
-  className: t = "",
-  sidebarClassName: n = "",
-  ...i
-}) => {
-  const r = f.useId(), m = (b) => {
-    o?.(b.target.checked);
-  }, h = ["drawer", c && "drawer-end", t].filter(Boolean).join(" "), w = ["menu bg-base-200 min-h-full w-80 p-4", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("div", { className: h, "data-state": a ? "open" : "closed", ...i, children: [
-    /* @__PURE__ */ e(
-      "input",
-      {
-        id: r,
-        type: "checkbox",
-        className: "drawer-toggle",
-        checked: a,
-        onChange: m
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "drawer-content", children: l }),
-    /* @__PURE__ */ s("div", { className: "drawer-side", children: [
-      /* @__PURE__ */ e(
-        "label",
-        {
-          htmlFor: r,
-          "aria-label": "close sidebar",
-          className: "drawer-overlay"
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { useRef as l, useId as $, useState as D, useEffect as R, useCallback as S } from "react";
+import { createPortal as U } from "react-dom";
+function ee({
+  children: j,
+  open: r = !1,
+  onClose: s,
+  title: a,
+  placement: i = "right",
+  size: u = "default",
+  width: M,
+  height: q,
+  closable: y = !0,
+  mask: I = !0,
+  maskClosable: K = !0,
+  keyboard: p = !0,
+  footer: v,
+  extra: x,
+  className: A = "",
+  rootClassName: B = "",
+  style: C,
+  zIndex: F = 1e3,
+  destroyOnClose: w = !1,
+  initialFocus: g = "close"
+}) {
+  const d = l(null), f = l(null), m = l(null), k = l(null), E = $(), N = $(), [V, X] = D(!1), [Y, L] = D(r);
+  R(() => {
+    X(!0);
+  }, []);
+  const z = () => typeof u == "number" ? u : u === "large" ? 736 : 378, H = () => {
+    const e = i === "left" || i === "right", n = z();
+    if (e) {
+      const t = M ?? n;
+      return { width: typeof t == "number" ? `${t}px` : t };
+    } else {
+      const t = q ?? n;
+      return { height: typeof t == "number" ? `${t}px` : t };
+    }
+  }, b = S((e) => {
+    if (!d.current || e.key !== "Tab" || typeof document > "u") return;
+    const n = d.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), t = n[0], T = n[n.length - 1];
+    e.shiftKey && document.activeElement === t ? (e.preventDefault(), T?.focus()) : !e.shiftKey && document.activeElement === T && (e.preventDefault(), t?.focus());
+  }, []), h = S((e) => {
+    p && e.key === "Escape" && s && (e.preventDefault(), s());
+  }, [p, s]);
+  R(() => {
+    if (!(typeof document > "u"))
+      if (r) {
+        L(!0), k.current = document.activeElement, document.body.style.overflow = "hidden";
+        const e = setTimeout(() => {
+          g === "close" && f.current ? f.current.focus() : m.current && m.current.querySelector(
+            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+          )?.focus();
+        }, 0);
+        return document.addEventListener("keydown", h), document.addEventListener("keydown", b), () => {
+          clearTimeout(e), document.body.style.overflow = "", document.removeEventListener("keydown", h), document.removeEventListener("keydown", b);
+        };
+      } else {
+        const e = k.current;
+        if (e && document.body.contains(e) && e.focus(), w) {
+          const n = setTimeout(() => L(!1), 300);
+          return () => clearTimeout(n);
         }
-      ),
-      /* @__PURE__ */ e("div", { className: w, children: d })
-    ] })
-  ] });
-};
+      }
+  }, [r, h, b, w, g]);
+  const P = () => {
+    K && s && s();
+  }, W = {
+    top: "inset-x-0 top-0",
+    right: "inset-y-0 right-0",
+    bottom: "inset-x-0 bottom-0",
+    left: "inset-y-0 left-0"
+  }, G = (e) => {
+    if (e) return "translate(0, 0)";
+    switch (i) {
+      case "top":
+        return "translateY(-100%)";
+      case "right":
+        return "translateX(100%)";
+      case "bottom":
+        return "translateY(100%)";
+      case "left":
+        return "translateX(-100%)";
+    }
+  }, J = H(), Q = /* @__PURE__ */ c(
+    "div",
+    {
+      className: `fixed inset-0 ${r ? "" : "pointer-events-none"} ${B}`,
+      style: { zIndex: F },
+      role: "presentation",
+      "data-state": r ? "open" : "closed",
+      children: [
+        I && /* @__PURE__ */ o(
+          "div",
+          {
+            className: `absolute inset-0 bg-black transition-opacity duration-300 ${r ? "opacity-50" : "opacity-0"}`,
+            onClick: P,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            ref: d,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": a ? E : void 0,
+            "aria-describedby": N,
+            className: `fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${W[i]} ${A}`,
+            style: {
+              ...J,
+              transform: G(r),
+              ...C
+            },
+            children: [
+              (a || y || x) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between px-6 py-4 border-b border-base-300", children: [
+                a && /* @__PURE__ */ o("h2", { id: E, className: "text-lg font-semibold", children: a }),
+                /* @__PURE__ */ c("div", { className: "flex items-center gap-2 ml-auto", children: [
+                  x,
+                  y && /* @__PURE__ */ o(
+                    "button",
+                    {
+                      ref: f,
+                      type: "button",
+                      className: "btn btn-ghost btn-sm btn-square",
+                      onClick: s,
+                      "aria-label": "Close drawer",
+                      children: /* @__PURE__ */ o(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          className: "h-5 w-5",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          stroke: "currentColor",
+                          "aria-hidden": "true",
+                          children: /* @__PURE__ */ o(
+                            "path",
+                            {
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              strokeWidth: 2,
+                              d: "M6 18L18 6M6 6l12 12"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ o(
+                "div",
+                {
+                  ref: m,
+                  id: N,
+                  className: "flex-1 overflow-auto p-6",
+                  children: j
+                }
+              ),
+              v && /* @__PURE__ */ o("div", { className: "px-6 py-4 border-t border-base-300", children: v })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return !V || !Y && !r ? null : U(Q, document.body);
+}
 export {
-  N as SidebarDrawer
+  ee as Drawer
 };
 //# sourceMappingURL=index27.js.map

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.js","sources":["../src/components/SidebarDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SidebarDrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Main content area */\n  children: React.ReactNode\n  /** Sidebar content */\n  sidebar: React.ReactNode\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Position sidebar on the right side */\n  end?: boolean\n  /** Additional classes for sidebar container */\n  sidebarClassName?: string\n}\n\n/**\n * SidebarDrawer - A responsive sidebar layout component using DaisyUI's drawer.\n * Use for navigation sidebars that toggle on mobile.\n * For overlay panel drawers (forms, details), use the Drawer component instead.\n */\nexport const SidebarDrawer: React.FC<SidebarDrawerProps> = ({\n  children,\n  sidebar,\n  open = false,\n  onOpenChange,\n  end = false,\n  className = '',\n  sidebarClassName = '',\n  ...rest\n}) => {\n  const drawerId = React.useId()\n\n  const handleToggle = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onOpenChange?.(e.target.checked)\n  }\n\n  const drawerClasses = ['drawer', end && 'drawer-end', className]\n    .filter(Boolean)\n    .join(' ')\n\n  const sidebarClasses = ['menu bg-base-200 min-h-full w-80 p-4', sidebarClassName]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={drawerClasses} data-state={open ? 'open' : 'closed'} {...rest}>\n      <input\n        id={drawerId}\n        type=\"checkbox\"\n        className=\"drawer-toggle\"\n        checked={open}\n        onChange={handleToggle}\n      />\n      <div className=\"drawer-content\">{children}</div>\n      <div className=\"drawer-side\">\n        <label\n          htmlFor={drawerId}\n          aria-label=\"close sidebar\"\n          className=\"drawer-overlay\"\n        />\n        <div className={sidebarClasses}>{sidebar}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["SidebarDrawer","children","sidebar","open","onOpenChange","end","className","sidebarClassName","rest","drawerId","React","handleToggle","e","drawerClasses","sidebarClasses","jsxs","jsx"],"mappings":";;AAsBO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAM,MAAA,GAEjBC,IAAe,CAACC,MAA2C;AAC/D,IAAAR,IAAeQ,EAAE,OAAO,OAAO;AAAA,EACjC,GAEMC,IAAgB,CAAC,UAAUR,KAAO,cAAcC,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,GAELQ,IAAiB,CAAC,wCAAwCP,CAAgB,EAC7E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,WAAWF,GAAe,cAAYV,IAAO,SAAS,UAAW,GAAGK,GACvE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIP;AAAA,QACJ,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASN;AAAA,QACT,UAAUQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAf,EAAA,CAAS;AAAA,IAC1C,gBAAAc,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASP;AAAA,UACT,cAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAO,EAAC,OAAA,EAAI,WAAWF,GAAiB,UAAAZ,EAAA,CAAQ;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index27.js","sources":["../src/components/Drawer.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId, useCallback, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left'\nexport type DrawerSize = 'default' | 'large' | number\n\nexport interface DrawerProps {\n  /** Drawer content */\n  children: React.ReactNode\n  /** Whether the drawer is visible */\n  open?: boolean\n  /** Callback when drawer is closed */\n  onClose?: () => void\n  /** Drawer title */\n  title?: React.ReactNode\n  /** Direction drawer slides from */\n  placement?: DrawerPlacement\n  /** Preset size or custom width/height in pixels */\n  size?: DrawerSize\n  /** Custom width (overrides size for left/right placement) */\n  width?: number | string\n  /** Custom height (overrides size for top/bottom placement) */\n  height?: number | string\n  /** Whether to show close button */\n  closable?: boolean\n  /** Whether to show mask/backdrop */\n  mask?: boolean\n  /** Whether clicking mask closes drawer */\n  maskClosable?: boolean\n  /** Whether ESC closes drawer */\n  keyboard?: boolean\n  /** Footer content */\n  footer?: React.ReactNode\n  /** Extra content in header (right side) */\n  extra?: React.ReactNode\n  /** CSS class for drawer panel */\n  className?: string\n  /** CSS class for drawer wrapper */\n  rootClassName?: string\n  /** Style for drawer panel */\n  style?: React.CSSProperties\n  /** z-index of drawer */\n  zIndex?: number\n  /** Destroy content when closed */\n  destroyOnClose?: boolean\n  /** Where to place initial focus */\n  initialFocus?: 'close' | 'content'\n}\n\n/**\n * Drawer - A panel that slides in from the edge of the screen.\n * Use for forms, details, or task panels.\n * For responsive sidebar navigation, use SidebarDrawer instead.\n */\nexport function Drawer({\n  children,\n  open = false,\n  onClose,\n  title,\n  placement = 'right',\n  size = 'default',\n  width,\n  height,\n  closable = true,\n  mask = true,\n  maskClosable = true,\n  keyboard = true,\n  footer,\n  extra,\n  className = '',\n  rootClassName = '',\n  style,\n  zIndex = 1000,\n  destroyOnClose = false,\n  initialFocus = 'close',\n}: DrawerProps) {\n  const drawerRef = useRef<HTMLDivElement>(null)\n  const closeButtonRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n  const titleId = useId()\n  const contentId = useId()\n  const [mounted, setMounted] = useState(false)\n  const [shouldRender, setShouldRender] = useState(open)\n\n  // Handle SSR - only render portal after mounting in browser\n  useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  // Calculate dimensions\n  const getSizeValue = (): number => {\n    if (typeof size === 'number') return size\n    return size === 'large' ? 736 : 378\n  }\n\n  const getDimension = (): { width?: string; height?: string } => {\n    const isHorizontal = placement === 'left' || placement === 'right'\n    const sizeValue = getSizeValue()\n\n    if (isHorizontal) {\n      const w = width ?? sizeValue\n      return { width: typeof w === 'number' ? `${w}px` : w }\n    } else {\n      const h = height ?? sizeValue\n      return { height: typeof h === 'number' ? `${h}px` : h }\n    }\n  }\n\n  // Focus trap\n  const trapFocus = useCallback((e: KeyboardEvent) => {\n    if (!drawerRef.current || e.key !== 'Tab' || typeof document === 'undefined') return\n\n    const focusableElements = drawerRef.current.querySelectorAll<HTMLElement>(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    )\n    const firstElement = focusableElements[0]\n    const lastElement = focusableElements[focusableElements.length - 1]\n\n    if (e.shiftKey && document.activeElement === firstElement) {\n      e.preventDefault()\n      lastElement?.focus()\n    } else if (!e.shiftKey && document.activeElement === lastElement) {\n      e.preventDefault()\n      firstElement?.focus()\n    }\n  }, [])\n\n  // Handle ESC key\n  const handleKeyDown = useCallback((e: KeyboardEvent) => {\n    if (keyboard && e.key === 'Escape' && onClose) {\n      e.preventDefault()\n      onClose()\n    }\n  }, [keyboard, onClose])\n\n  // Open/close effects\n  useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    if (open) {\n      setShouldRender(true)\n      previousActiveElement.current = document.activeElement as HTMLElement\n      document.body.style.overflow = 'hidden'\n\n      // Set initial focus\n      const focusTimeout = setTimeout(() => {\n        if (initialFocus === 'close' && closeButtonRef.current) {\n          closeButtonRef.current.focus()\n        } else if (contentRef.current) {\n          const firstFocusable = contentRef.current.querySelector<HTMLElement>(\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n          )\n          firstFocusable?.focus()\n        }\n      }, 0)\n\n      // Add event listeners\n      document.addEventListener('keydown', handleKeyDown)\n      document.addEventListener('keydown', trapFocus)\n\n      return () => {\n        clearTimeout(focusTimeout)\n        document.body.style.overflow = ''\n        document.removeEventListener('keydown', handleKeyDown)\n        document.removeEventListener('keydown', trapFocus)\n      }\n    } else {\n      // Restore focus to previously focused element if it's still in the DOM\n      const prevElement = previousActiveElement.current\n      if (prevElement && document.body.contains(prevElement)) {\n        prevElement.focus()\n      }\n\n      // Handle destroyOnClose\n      if (destroyOnClose) {\n        const timeout = setTimeout(() => setShouldRender(false), 300)\n        return () => clearTimeout(timeout)\n      }\n    }\n  }, [open, handleKeyDown, trapFocus, destroyOnClose, initialFocus])\n\n  const handleMaskClick = () => {\n    if (maskClosable && onClose) {\n      onClose()\n    }\n  }\n\n  // Position classes\n  const placementClasses: Record<DrawerPlacement, string> = {\n    top: 'inset-x-0 top-0',\n    right: 'inset-y-0 right-0',\n    bottom: 'inset-x-0 bottom-0',\n    left: 'inset-y-0 left-0',\n  }\n\n  // Transform for animation\n  const getTransform = (isOpen: boolean): string => {\n    if (isOpen) return 'translate(0, 0)'\n    switch (placement) {\n      case 'top': return 'translateY(-100%)'\n      case 'right': return 'translateX(100%)'\n      case 'bottom': return 'translateY(100%)'\n      case 'left': return 'translateX(-100%)'\n    }\n  }\n\n  const dimension = getDimension()\n\n  const drawerContent = (\n    <div\n      className={`fixed inset-0 ${open ? '' : 'pointer-events-none'} ${rootClassName}`}\n      style={{ zIndex }}\n      role=\"presentation\"\n      data-state={open ? 'open' : 'closed'}\n    >\n      {/* Backdrop/Mask */}\n      {mask && (\n        <div\n          className={`absolute inset-0 bg-black transition-opacity duration-300 ${\n            open ? 'opacity-50' : 'opacity-0'\n          }`}\n          onClick={handleMaskClick}\n          aria-hidden=\"true\"\n        />\n      )}\n\n      {/* Drawer Panel */}\n      <div\n        ref={drawerRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={contentId}\n        className={`fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${placementClasses[placement]} ${className}`}\n        style={{\n          ...dimension,\n          transform: getTransform(open),\n          ...style,\n        }}\n      >\n        {/* Header */}\n        {(title || closable || extra) && (\n          <div className=\"flex items-center justify-between px-6 py-4 border-b border-base-300\">\n            {title && (\n              <h2 id={titleId} className=\"text-lg font-semibold\">\n                {title}\n              </h2>\n            )}\n            <div className=\"flex items-center gap-2 ml-auto\">\n              {extra}\n              {closable && (\n                <button\n                  ref={closeButtonRef}\n                  type=\"button\"\n                  className=\"btn btn-ghost btn-sm btn-square\"\n                  onClick={onClose}\n                  aria-label=\"Close drawer\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-5 w-5\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                    aria-hidden=\"true\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Content */}\n        <div\n          ref={contentRef}\n          id={contentId}\n          className=\"flex-1 overflow-auto p-6\"\n        >\n          {children}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <div className=\"px-6 py-4 border-t border-base-300\">\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n\n  // Don't render during SSR or when not needed\n  if (!mounted || (!shouldRender && !open)) return null\n\n  return createPortal(drawerContent, document.body)\n}\n"],"names":["Drawer","children","open","onClose","title","placement","size","width","height","closable","mask","maskClosable","keyboard","footer","extra","className","rootClassName","style","zIndex","destroyOnClose","initialFocus","drawerRef","useRef","closeButtonRef","contentRef","previousActiveElement","titleId","useId","contentId","mounted","setMounted","useState","shouldRender","setShouldRender","useEffect","getSizeValue","getDimension","isHorizontal","sizeValue","w","h","trapFocus","useCallback","focusableElements","firstElement","lastElement","handleKeyDown","focusTimeout","prevElement","timeout","handleMaskClick","placementClasses","getTransform","isOpen","dimension","drawerContent","jsxs","jsx","createPortal"],"mappings":"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"}