lizaui 9.0.61 → 9.0.63

package/dist/drawer/index.es.js

@@ -0,0 +1,431 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import ReactDOM__default from "react-dom";
+import { forwardRef, useId, useState, useEffect } from "react";
+import { c as cn } from "../chunks/utils-H80jjgLf.js";
+import { B as Button } from "../chunks/button-CIYJojCH.js";
+import { AnimatePresence, LazyMotion, m } from "framer-motion";
+import { c as cva } from "../chunks/index-CEKmKomA.js";
+const backdropVariants = cva("", {
+  variants: {
+    backdrop: {
+      transparent: "bg-transparent",
+      opaque: "bg-black/50",
+      blur: "backdrop-blur-md backdrop-saturate-150 bg-overlay/30"
+    }
+  },
+  defaultVariants: {
+    backdrop: "opaque"
+  }
+});
+const sizeVariants = cva("", {
+  variants: {
+    size: {
+      "xs": "w-80",
+      "sm": "w-96",
+      "md": "w-[448px]",
+      "lg": "w-[512px]",
+      "xl": "w-[640px]",
+      "2xl": "w-[768px]",
+      "3xl": "w-[896px]",
+      "4xl": "w-[1024px]",
+      "5xl": "w-[1152px]",
+      "full": "w-full"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const sizeHorizontalVariants = cva("", {
+  variants: {
+    size: {
+      "xs": "h-80",
+      "sm": "h-96",
+      "md": "h-[448px]",
+      "lg": "h-[512px]",
+      "xl": "h-[640px]",
+      "2xl": "h-[768px]",
+      "3xl": "h-[896px]",
+      "4xl": "h-[1024px]",
+      "5xl": "h-[1152px]",
+      "full": "h-full"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const radiusVariants = cva("", {
+  variants: {
+    radius: {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg"
+    }
+  },
+  defaultVariants: {
+    radius: "lg"
+  }
+});
+const placementVariants = cva("fixed", {
+  variants: {
+    placement: {
+      left: "left-0 top-0 bottom-0",
+      right: "right-0 top-0 bottom-0",
+      top: "top-0 left-0 right-0",
+      bottom: "bottom-0 left-0 right-0"
+    }
+  },
+  defaultVariants: {
+    placement: "right"
+  }
+});
+const getDrawerVariants = (placement = "right") => {
+  const variants = {
+    left: {
+      enter: {
+        x: 0,
+        opacity: 1,
+        transition: {
+          type: "spring",
+          stiffness: 400,
+          damping: 40,
+          duration: 0.3
+        }
+      },
+      exit: {
+        x: "-100%",
+        opacity: 0,
+        transition: {
+          duration: 0.2,
+          ease: "easeOut"
+        }
+      }
+    },
+    right: {
+      enter: {
+        x: 0,
+        opacity: 1,
+        transition: {
+          type: "spring",
+          stiffness: 400,
+          damping: 40,
+          duration: 0.3
+        }
+      },
+      exit: {
+        x: "100%",
+        opacity: 0,
+        transition: {
+          duration: 0.2,
+          ease: "easeOut"
+        }
+      }
+    },
+    top: {
+      enter: {
+        y: 0,
+        opacity: 1,
+        transition: {
+          type: "spring",
+          stiffness: 400,
+          damping: 40,
+          duration: 0.3
+        }
+      },
+      exit: {
+        y: "-100%",
+        opacity: 0,
+        transition: {
+          duration: 0.2,
+          ease: "easeOut"
+        }
+      }
+    },
+    bottom: {
+      enter: {
+        y: 0,
+        opacity: 1,
+        transition: {
+          type: "spring",
+          stiffness: 400,
+          damping: 40,
+          duration: 0.3
+        }
+      },
+      exit: {
+        y: "100%",
+        opacity: 0,
+        transition: {
+          duration: 0.2,
+          ease: "easeOut"
+        }
+      }
+    }
+  };
+  return variants[placement];
+};
+const getInitialPosition = (placement = "right") => {
+  const positions = {
+    left: {
+      x: "-100%",
+      opacity: 0
+    },
+    right: {
+      x: "100%",
+      opacity: 0
+    },
+    top: {
+      y: "-100%",
+      opacity: 0
+    },
+    bottom: {
+      y: "100%",
+      opacity: 0
+    }
+  };
+  return positions[placement];
+};
+const Drawer = forwardRef(({
+  drawerId: propDrawerId,
+  children,
+  isOpen,
+  size = "md",
+  radius = "lg",
+  placement = "right",
+  isDismissable = true,
+  isKeyboardDismissDisabled = false,
+  shouldBlockScroll = true,
+  hideCloseButton = false,
+  backdrop = "opaque",
+  motionProps,
+  portalContainer,
+  disableAnimation = false,
+  classNames = {},
+  style,
+  onOpenChange,
+  onClose
+}, ref) => {
+  const uniqueId = useId();
+  const drawerId = propDrawerId || uniqueId;
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  useEffect(() => {
+    if (typeof window !== "undefined" && isOpen && shouldBlockScroll) {
+      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.overflow = "hidden";
+      document.body.style.paddingRight = `${scrollbarWidth}px`;
+    }
+    return () => {
+      if (typeof window !== "undefined" && shouldBlockScroll) {
+        document.body.style.overflow = "";
+        document.body.style.paddingRight = "";
+      }
+    };
+  }, [isOpen, shouldBlockScroll]);
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape" && !isKeyboardDismissDisabled && isDismissable) {
+        onClose?.();
+        onOpenChange?.(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("keydown", handleKeyDown);
+    }
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen, isKeyboardDismissDisabled, isDismissable, onClose, onOpenChange]);
+  const handleBackdropClick = () => {
+    if (isDismissable) {
+      onClose?.();
+      onOpenChange?.(false);
+    }
+  };
+  if (!mounted) return null;
+  const drawerRoot = portalContainer || document.getElementById("drawer-root") || document.body;
+  const isHorizontal = placement === "top" || placement === "bottom";
+  const sizeClass = isHorizontal ? sizeHorizontalVariants({
+    size
+  }) : sizeVariants({
+    size
+  });
+  const getRadiusClass = () => {
+    if (radius === "none") return radiusVariants({
+      radius
+    });
+    switch (placement) {
+      case "left":
+        return `rounded-r-${radius}`;
+      case "right":
+        return `rounded-l-${radius}`;
+      case "top":
+        return `rounded-b-${radius}`;
+      case "bottom":
+        return `rounded-t-${radius}`;
+      default:
+        return radiusVariants({
+          radius
+        });
+    }
+  };
+  const drawerVariants = motionProps?.variants || getDrawerVariants(placement);
+  const initialPosition = getInitialPosition(placement);
+  return ReactDOM__default.createPortal(/* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(LazyMotion, { features: () => import("framer-motion").then((res) => res.domAnimation), children: /* @__PURE__ */ jsxs("div", { className: cn("fixed inset-0 z-50 overflow-hidden", classNames.wrapper), children: [
+    /* @__PURE__ */ jsx(m.div, { initial: {
+      opacity: 0
+    }, animate: {
+      opacity: 1
+    }, exit: {
+      opacity: 0
+    }, transition: {
+      duration: 0.3
+    }, className: cn("fixed inset-0", backdropVariants({
+      backdrop
+    }), classNames.backdrop), onClick: handleBackdropClick, "aria-hidden": "true", tabIndex: -1, "data-dismissable": isDismissable }, "drawer-backdrop"),
+    /* @__PURE__ */ jsxs(m.div, { ref, id: drawerId, role: "dialog", "aria-modal": "true", "data-open": isOpen, "data-dismissable": isDismissable, initial: disableAnimation ? void 0 : initialPosition, animate: disableAnimation ? void 0 : "enter", exit: disableAnimation ? void 0 : "exit", variants: disableAnimation ? void 0 : drawerVariants, ...motionProps?.transition && {
+      transition: motionProps.transition
+    }, className: cn("z-50 flex flex-col bg-content1 shadow-lg max-h-full", placementVariants({
+      placement
+    }), sizeClass, getRadiusClass(), classNames.base), style, children: [
+      !hideCloseButton && /* @__PURE__ */ jsx("div", { className: cn("absolute top-3 right-3 z-10", classNames.closeButton), children: /* @__PURE__ */ jsx(Button, { isIconOnly: true, variant: "light", radius: "full", size: "sm", "aria-label": "Close drawer", onClick: () => {
+        onClose?.();
+        onOpenChange?.(false);
+      }, className: "p-0 w-8 h-8 min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200", children: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", fill: "currentColor", viewBox: "0 0 21 21", role: "img", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("path", { fill: "none", d: "M0 0h21v21H0z" }),
+        /* @__PURE__ */ jsx("path", { d: "m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z" })
+      ] }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full overflow-hidden", children })
+    ] }, "drawer-content")
+  ] }) }) }), drawerRoot);
+});
+Drawer.displayName = "Drawer";
+const DrawerContent = forwardRef((t0, ref) => {
+  const $ = c(7);
+  const {
+    children,
+    className,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex flex-col h-full", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== ref || $[4] !== style || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ref, className: t1, style, children });
+    $[2] = children;
+    $[3] = ref;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+});
+DrawerContent.displayName = "DrawerContent";
+const DrawerHeader = forwardRef((t0, ref) => {
+  const $ = c(7);
+  const {
+    children,
+    className,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex flex-col gap-1 px-6 py-4 border-b border-divider", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== ref || $[4] !== style || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ref, className: t1, style, children });
+    $[2] = children;
+    $[3] = ref;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+});
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerBody = forwardRef((t0, ref) => {
+  const $ = c(7);
+  const {
+    children,
+    className,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex flex-col gap-3 px-6 py-4 overflow-y-auto flex-1", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== ref || $[4] !== style || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ref, className: t1, style, children });
+    $[2] = children;
+    $[3] = ref;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+});
+DrawerBody.displayName = "DrawerBody";
+const DrawerFooter = forwardRef((t0, ref) => {
+  const $ = c(7);
+  const {
+    children,
+    className,
+    style
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex flex-col-reverse px-6 py-3 gap-2 sm:flex-row sm:justify-end border-t border-divider mt-auto", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== ref || $[4] !== style || $[5] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ref, className: t1, style, children });
+    $[2] = children;
+    $[3] = ref;
+    $[4] = style;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+});
+DrawerFooter.displayName = "DrawerFooter";
+export {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerFooter,
+  DrawerHeader
+};
+//# sourceMappingURL=index.es.js.map

package/dist/drawer/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport ReactDOM from \"react-dom\";\nimport { forwardRef, type Ref, useEffect, useState, useId } from \"react\";\nimport type { DrawerType, DrawerContentType, DrawerHeaderType, DrawerBodyType, DrawerFooterType } from \"./drawer.type\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"../button\";\nimport { AnimatePresence, LazyMotion, m } from \"framer-motion\";\nimport { cva } from \"class-variance-authority\";\n\n// Backdrop variants\nconst backdropVariants = cva(\"\", {\n\tvariants: {\n\t\tbackdrop: {\n\t\t\ttransparent: \"bg-transparent\",\n\t\t\topaque: \"bg-black/50\",\n\t\t\tblur: \"backdrop-blur-md backdrop-saturate-150 bg-overlay/30\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tbackdrop: \"opaque\",\n\t},\n});\n\n// Size variants for drawer\nconst sizeVariants = cva(\"\", {\n\tvariants: {\n\t\tsize: {\n\t\t\t\"xs\": \"w-80\",\n\t\t\t\"sm\": \"w-96\",\n\t\t\t\"md\": \"w-[448px]\",\n\t\t\t\"lg\": \"w-[512px]\",\n\t\t\t\"xl\": \"w-[640px]\",\n\t\t\t\"2xl\": \"w-[768px]\",\n\t\t\t\"3xl\": \"w-[896px]\",\n\t\t\t\"4xl\": \"w-[1024px]\",\n\t\t\t\"5xl\": \"w-[1152px]\",\n\t\t\t\"full\": \"w-full\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t},\n});\n\n// Size variants for horizontal drawers (top/bottom)\nconst sizeHorizontalVariants = cva(\"\", {\n\tvariants: {\n\t\tsize: {\n\t\t\t\"xs\": \"h-80\",\n\t\t\t\"sm\": \"h-96\",\n\t\t\t\"md\": \"h-[448px]\",\n\t\t\t\"lg\": \"h-[512px]\",\n\t\t\t\"xl\": \"h-[640px]\",\n\t\t\t\"2xl\": \"h-[768px]\",\n\t\t\t\"3xl\": \"h-[896px]\",\n\t\t\t\"4xl\": \"h-[1024px]\",\n\t\t\t\"5xl\": \"h-[1152px]\",\n\t\t\t\"full\": \"h-full\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t},\n});\n\n// Radius variants\nconst radiusVariants = cva(\"\", {\n\tvariants: {\n\t\tradius: {\n\t\t\tnone: \"rounded-none\",\n\t\t\tsm: \"rounded-sm\",\n\t\t\tmd: \"rounded-md\",\n\t\t\tlg: \"rounded-lg\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tradius: \"lg\",\n\t},\n});\n\n// Placement variants\nconst placementVariants = cva(\"fixed\", {\n\tvariants: {\n\t\tplacement: {\n\t\t\tleft: \"left-0 top-0 bottom-0\",\n\t\t\tright: \"right-0 top-0 bottom-0\",\n\t\t\ttop: \"top-0 left-0 right-0\",\n\t\t\tbottom: \"bottom-0 left-0 right-0\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tplacement: \"right\",\n\t},\n});\n\n// Get motion variants based on placement\nconst getDrawerVariants = (placement: \"left\" | \"right\" | \"top\" | \"bottom\" = \"right\") => {\n\tconst variants: any = {\n\t\tleft: {\n\t\t\tenter: {\n\t\t\t\tx: 0,\n\t\t\t\topacity: 1,\n\t\t\t\ttransition: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tstiffness: 400,\n\t\t\t\t\tdamping: 40,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t},\n\t\t\texit: {\n\t\t\t\tx: \"-100%\",\n\t\t\t\topacity: 0,\n\t\t\t\ttransition: {\n\t\t\t\t\tduration: 0.2,\n\t\t\t\t\tease: \"easeOut\",\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tright: {\n\t\t\tenter: {\n\t\t\t\tx: 0,\n\t\t\t\topacity: 1,\n\t\t\t\ttransition: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tstiffness: 400,\n\t\t\t\t\tdamping: 40,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t},\n\t\t\texit: {\n\t\t\t\tx: \"100%\",\n\t\t\t\topacity: 0,\n\t\t\t\ttransition: {\n\t\t\t\t\tduration: 0.2,\n\t\t\t\t\tease: \"easeOut\",\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\ttop: {\n\t\t\tenter: {\n\t\t\t\ty: 0,\n\t\t\t\topacity: 1,\n\t\t\t\ttransition: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tstiffness: 400,\n\t\t\t\t\tdamping: 40,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t},\n\t\t\texit: {\n\t\t\t\ty: \"-100%\",\n\t\t\t\topacity: 0,\n\t\t\t\ttransition: {\n\t\t\t\t\tduration: 0.2,\n\t\t\t\t\tease: \"easeOut\",\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tbottom: {\n\t\t\tenter: {\n\t\t\t\ty: 0,\n\t\t\t\topacity: 1,\n\t\t\t\ttransition: {\n\t\t\t\t\ttype: \"spring\",\n\t\t\t\t\tstiffness: 400,\n\t\t\t\t\tdamping: 40,\n\t\t\t\t\tduration: 0.3,\n\t\t\t\t},\n\t\t\t},\n\t\t\texit: {\n\t\t\t\ty: \"100%\",\n\t\t\t\topacity: 0,\n\t\t\t\ttransition: {\n\t\t\t\t\tduration: 0.2,\n\t\t\t\t\tease: \"easeOut\",\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t};\n\n\treturn variants[placement];\n};\n\nconst getInitialPosition = (placement: \"left\" | \"right\" | \"top\" | \"bottom\" = \"right\") => {\n\tconst positions: any = {\n\t\tleft: { x: \"-100%\", opacity: 0 },\n\t\tright: { x: \"100%\", opacity: 0 },\n\t\ttop: { y: \"-100%\", opacity: 0 },\n\t\tbottom: { y: \"100%\", opacity: 0 },\n\t};\n\n\treturn positions[placement];\n};\n\nexport const Drawer = forwardRef(\n\t(\n\t\t{\n\t\t\tdrawerId: propDrawerId,\n\t\t\tchildren,\n\t\t\tisOpen,\n\t\t\tsize = \"md\",\n\t\t\tradius = \"lg\",\n\t\t\tplacement = \"right\",\n\t\t\tisDismissable = true,\n\t\t\tisKeyboardDismissDisabled = false,\n\t\t\tshouldBlockScroll = true,\n\t\t\thideCloseButton = false,\n\t\t\tbackdrop = \"opaque\",\n\t\t\tmotionProps,\n\t\t\tportalContainer,\n\t\t\tdisableAnimation = false,\n\t\t\tclassNames = {},\n\t\t\tstyle,\n\t\t\tonOpenChange,\n\t\t\tonClose,\n\t\t}: DrawerType,\n\t\tref: Ref<HTMLDivElement>,\n\t) => {\n\t\tconst uniqueId = useId();\n\t\tconst drawerId = propDrawerId || uniqueId;\n\t\tconst [mounted, setMounted] = useState(false);\n\n\t\t// Handle SSR\n\t\tuseEffect(() => {\n\t\t\tsetMounted(true);\n\t\t}, []);\n\n\t\t// Block scroll when drawer is open\n\t\tuseEffect(() => {\n\t\t\tif (typeof window !== \"undefined\" && isOpen && shouldBlockScroll) {\n\t\t\t\tconst scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\t\t\t\tdocument.body.style.overflow = \"hidden\";\n\t\t\t\tdocument.body.style.paddingRight = `${scrollbarWidth}px`;\n\t\t\t}\n\n\t\t\treturn () => {\n\t\t\t\tif (typeof window !== \"undefined\" && shouldBlockScroll) {\n\t\t\t\t\tdocument.body.style.overflow = \"\";\n\t\t\t\t\tdocument.body.style.paddingRight = \"\";\n\t\t\t\t}\n\t\t\t};\n\t\t}, [isOpen, shouldBlockScroll]);\n\n\t\t// Handle escape key\n\t\tuseEffect(() => {\n\t\t\tconst handleKeyDown = (e: KeyboardEvent) => {\n\t\t\t\tif (e.key === \"Escape\" && !isKeyboardDismissDisabled && isDismissable) {\n\t\t\t\t\tonClose?.();\n\t\t\t\t\tonOpenChange?.(false);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tif (isOpen) {\n\t\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\t}\n\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t};\n\t\t}, [isOpen, isKeyboardDismissDisabled, isDismissable, onClose, onOpenChange]);\n\n\t\tconst handleBackdropClick = () => {\n\t\t\tif (isDismissable) {\n\t\t\t\tonClose?.();\n\t\t\t\tonOpenChange?.(false);\n\t\t\t}\n\t\t};\n\n\t\tif (!mounted) return null;\n\n\t\tconst drawerRoot = portalContainer || document.getElementById(\"drawer-root\") || document.body;\n\n\t\tconst isHorizontal = placement === \"top\" || placement === \"bottom\";\n\t\tconst sizeClass = isHorizontal ? sizeHorizontalVariants({ size }) : sizeVariants({ size });\n\n\t\t// Apply radius only to the appropriate edges based on placement\n\t\tconst getRadiusClass = () => {\n\t\t\tif (radius === \"none\") return radiusVariants({ radius });\n\n\t\t\tswitch (placement) {\n\t\t\t\tcase \"left\":\n\t\t\t\t\treturn `rounded-r-${radius}`;\n\t\t\t\tcase \"right\":\n\t\t\t\t\treturn `rounded-l-${radius}`;\n\t\t\t\tcase \"top\":\n\t\t\t\t\treturn `rounded-b-${radius}`;\n\t\t\t\tcase \"bottom\":\n\t\t\t\t\treturn `rounded-t-${radius}`;\n\t\t\t\tdefault:\n\t\t\t\t\treturn radiusVariants({ radius });\n\t\t\t}\n\t\t};\n\n\t\tconst drawerVariants = motionProps?.variants || getDrawerVariants(placement);\n\t\tconst initialPosition = getInitialPosition(placement);\n\n\t\treturn ReactDOM.createPortal(\n\t\t\t<AnimatePresence>\n\t\t\t\t{isOpen && (\n\t\t\t\t\t<LazyMotion features={() => import(\"framer-motion\").then((res) => res.domAnimation)}>\n\t\t\t\t\t\t<div className={cn(\"fixed inset-0 z-50 overflow-hidden\", classNames.wrapper)}>\n\t\t\t\t\t\t\t{/* Backdrop */}\n\t\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\t\tkey=\"drawer-backdrop\"\n\t\t\t\t\t\t\t\tinitial={{ opacity: 0 }}\n\t\t\t\t\t\t\t\tanimate={{ opacity: 1 }}\n\t\t\t\t\t\t\t\texit={{ opacity: 0 }}\n\t\t\t\t\t\t\t\ttransition={{ duration: 0.3 }}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"fixed inset-0\",\n\t\t\t\t\t\t\t\t\tbackdropVariants({ backdrop }),\n\t\t\t\t\t\t\t\t\tclassNames.backdrop,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={handleBackdropClick}\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\tdata-dismissable={isDismissable}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{/* Drawer */}\n\t\t\t\t\t\t\t<m.div\n\t\t\t\t\t\t\t\tkey=\"drawer-content\"\n\t\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\t\tid={drawerId}\n\t\t\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\t\t\tdata-open={isOpen}\n\t\t\t\t\t\t\t\tdata-dismissable={isDismissable}\n\t\t\t\t\t\t\t\tinitial={disableAnimation ? undefined : initialPosition}\n\t\t\t\t\t\t\t\tanimate={disableAnimation ? undefined : \"enter\"}\n\t\t\t\t\t\t\t\texit={disableAnimation ? undefined : \"exit\"}\n\t\t\t\t\t\t\t\tvariants={disableAnimation ? undefined : drawerVariants}\n\t\t\t\t\t\t\t\t{...(motionProps?.transition && { transition: motionProps.transition })}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"z-50 flex flex-col bg-content1 shadow-lg max-h-full\",\n\t\t\t\t\t\t\t\t\tplacementVariants({ placement }),\n\t\t\t\t\t\t\t\t\tsizeClass,\n\t\t\t\t\t\t\t\t\tgetRadiusClass(),\n\t\t\t\t\t\t\t\t\tclassNames.base,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/* Close button - positioned absolutely */}\n\t\t\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t\t\t<div className={cn(\"absolute top-3 right-3 z-10\", classNames.closeButton)}>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tisIconOnly\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"light\"\n\t\t\t\t\t\t\t\t\t\t\tradius=\"full\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"Close drawer\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tonClose?.();\n\t\t\t\t\t\t\t\t\t\t\t\tonOpenChange?.(false);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"p-0 w-8 h-8 min-w-auto bg-default-100 hover:bg-default-200 text-default-500 hover:text-default-600 dark:bg-default-100 dark:hover:bg-default-200\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 21 21\" role=\"img\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path fill=\"none\" d=\"M0 0h21v21H0z\"></path>\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"m12.12 10 4.07-4.06a1.5 1.5 0 1 0-2.11-2.12L10 7.88 5.94 3.81a1.5 1.5 0 1 0-2.12 2.12L7.88 10l-4.07 4.06a1.5 1.5 0 0 0 0 2.12 1.51 1.51 0 0 0 2.13 0L10 12.12l4.06 4.07a1.45 1.45 0 0 0 1.06.44 1.5 1.5 0 0 0 1.06-2.56Z\"></path>\n\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/* Content */}\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col h-full overflow-hidden\">\n\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</m.div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</LazyMotion>\n\t\t\t\t)}\n\t\t\t</AnimatePresence>,\n\t\t\tdrawerRoot,\n\t\t);\n\t},\n);\n\nDrawer.displayName = \"Drawer\";\n\nexport const DrawerContent = forwardRef(\n\t({ children, className, style }: DrawerContentType, ref: Ref<HTMLDivElement>) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"flex flex-col h-full\", className)} style={style}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport const DrawerHeader = forwardRef(\n\t({ children, className, style }: DrawerHeaderType, ref: Ref<HTMLDivElement>) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex flex-col gap-1 px-6 py-4 border-b border-divider\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport const DrawerBody = forwardRef(\n\t({ children, className, style }: DrawerBodyType, ref: Ref<HTMLDivElement>) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex flex-col gap-3 px-6 py-4 overflow-y-auto flex-1\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport const DrawerFooter = forwardRef(\n\t({ children, className, style }: DrawerFooterType, ref: Ref<HTMLDivElement>) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex flex-col-reverse px-6 py-3 gap-2 sm:flex-row sm:justify-end border-t border-divider mt-auto\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nDrawerFooter.displayName = \"DrawerFooter\";\n"],"names":["backdropVariants","cva","variants","backdrop","transparent","opaque","blur","defaultVariants","sizeVariants","size","sizeHorizontalVariants","radiusVariants","radius","none","sm","md","lg","placementVariants","placement","left","right","top","bottom","getDrawerVariants","enter","x","opacity","transition","type","stiffness","damping","duration","exit","ease","y","getInitialPosition","positions","Drawer","forwardRef","drawerId","propDrawerId","children","isOpen","isDismissable","isKeyboardDismissDisabled","shouldBlockScroll","hideCloseButton","motionProps","portalContainer","disableAnimation","classNames","style","onOpenChange","onClose","ref","uniqueId","useId","mounted","setMounted","useState","useEffect","window","scrollbarWidth","innerWidth","document","documentElement","clientWidth","body","overflow","paddingRight","handleKeyDown","e","key","addEventListener","removeEventListener","handleBackdropClick","drawerRoot","getElementById","isHorizontal","sizeClass","getRadiusClass","drawerVariants","initialPosition","ReactDOM","createPortal","then","res","domAnimation","cn","wrapper","undefined","base","closeButton","displayName","DrawerContent","t0","$","_c","className","t1","t2","DrawerHeader","DrawerBody","DrawerFooter"],"mappings":"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"}

package/dist/drawer.d.ts

@@ -0,0 +1,2 @@
+export * from './components/drawer/index'
+export {}

package/dist/hooks/use-drawer.d.ts

@@ -0,0 +1,18 @@
+export interface UseDrawerInterface<T = any> {
+    drawerId: string;
+    isDrawer: boolean;
+    isVisibleDrawer: boolean;
+    drawerBody: any;
+    paramBody: T;
+    showDrawer: (value?: any) => void;
+    visibleDrawer: () => void;
+    hiddenDrawer: () => void;
+    closeDrawer: () => void;
+    updateParamBody: (value: T) => void;
+}
+export interface UseDrawerProps {
+    drawerId?: string;
+    defaultOpen?: boolean;
+}
+export declare function useDrawer<T = any>(props?: UseDrawerProps): UseDrawerInterface<T>;
+//# sourceMappingURL=use-drawer.d.ts.map

package/dist/hooks/use-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drawer.d.ts","sourceRoot":"","sources":["../../src/hooks/use-drawer.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,CAAC,CAAC;IACb,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,GAAE,cAAmB,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAiDpF"}

package/dist/index.cjs.js

@@ -110,6 +110,116 @@ function _temp2() {
 }
 function _temp$1() {
 }
+function useDrawer(t0) {
+  const $ = compilerRuntime.c(14);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const props = t1;
+  const {
+    drawerId: t2,
+    defaultOpen: t3
+  } = props;
+  const drawerId = t2 === void 0 ? "drawer-default" : t2;
+  const defaultOpen = t3 === void 0 ? false : t3;
+  const [isDrawer, setIsDrawer] = React.useState(defaultOpen);
+  const [isVisibleDrawer, setIsVisibleDrawer] = React.useState(defaultOpen);
+  const [drawerBody, setDrawerBody] = React.useState(null);
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {};
+    $[2] = t4;
+  } else {
+    t4 = $[2];
+  }
+  const [paramBody, setParamBody] = React.useState(t4);
+  let t5;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = (value) => {
+      setDrawerBody(value || null);
+      setIsDrawer(true);
+      setTimeout(() => setIsVisibleDrawer(true), 10);
+    };
+    $[3] = t5;
+  } else {
+    t5 = $[3];
+  }
+  const showDrawer = t5;
+  let t6;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => {
+      setIsVisibleDrawer(true);
+    };
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  const visibleDrawer = t6;
+  let t7;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => {
+      setIsVisibleDrawer(false);
+      setTimeout(() => setIsDrawer(false), 300);
+    };
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  const hiddenDrawer = t7;
+  let t8;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => {
+      setIsVisibleDrawer(false);
+      setTimeout(() => {
+        setIsDrawer(false);
+        setDrawerBody(null);
+      }, 300);
+    };
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  const closeDrawer = t8;
+  let t9;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = (value_0) => {
+      setParamBody(value_0);
+    };
+    $[7] = t9;
+  } else {
+    t9 = $[7];
+  }
+  const updateParamBody = t9;
+  let t10;
+  if ($[8] !== drawerBody || $[9] !== drawerId || $[10] !== isDrawer || $[11] !== isVisibleDrawer || $[12] !== paramBody) {
+    t10 = {
+      drawerId,
+      isDrawer,
+      isVisibleDrawer,
+      drawerBody,
+      paramBody,
+      showDrawer,
+      visibleDrawer,
+      hiddenDrawer,
+      closeDrawer,
+      updateParamBody
+    };
+    $[8] = drawerBody;
+    $[9] = drawerId;
+    $[10] = isDrawer;
+    $[11] = isVisibleDrawer;
+    $[12] = paramBody;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  return t10;
+}
 const defaultAlertState = {
   title: "",
   description: "",
@@ -732,5 +842,6 @@ function useDraggable(props) {
 }
 exports.useConfirmationAlert = useConfirmationAlert;
 exports.useDraggable = useDraggable;
+exports.useDrawer = useDrawer;
 exports.useModalHooks = useModalHooks;
 //# sourceMappingURL=index.cjs.js.map