@bizapps/ui 1.2.2 → 1.2.3

package/dist/main.cjs

@@ -1598,7 +1598,8 @@ var ease = {
   smooth: [0.4, 0, 0.2, 1],
   enter: [0, 0, 0.2, 1],
   exit: [0.4, 0, 1, 1],
-  linear: [0, 0, 1, 1]
+  linear: [0, 0, 1, 1],
+  drawer: [0.22, 1, 0.36, 1]
 };
 var spring = {
   gentle: { type: "spring", stiffness: 260, damping: 28 },
@@ -1642,6 +1643,15 @@ var transition = {
   card: {
     duration: duration.fast,
     ease: ease.smooth
+  },
+  // Drawer / slide panel — smooth enter, fast exit
+  drawer: {
+    duration: 0.3,
+    ease: ease.drawer
+  },
+  drawerExit: {
+    duration: 0.2,
+    ease: ease.exit
   }
 };
 var fadeIn = {
@@ -8364,14 +8374,15 @@ function DataTableSearch({
     )
   ] });
 }
-var DrawerContext = react.createContext(false);
-function Drawer({ children, open, onOpenChange, ...props }) {
+var DrawerContext = react.createContext({ isOpen: false, modal: true });
+function Drawer({ children, open, onOpenChange, modal = true, ...props }) {
   const [internalOpen, setInternalOpen] = react.useState(props.defaultOpen ?? false);
   const isOpen = open !== void 0 ? open : internalOpen;
-  return /* @__PURE__ */ jsxRuntime.jsx(DrawerContext.Provider, { value: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(DrawerContext.Provider, { value: { isOpen, modal }, children: /* @__PURE__ */ jsxRuntime.jsx(
     radixUi.Dialog.Root,
     {
       "data-slot": "drawer",
+      modal,
       ...props,
       open: isOpen,
       onOpenChange: (v) => {
@@ -8389,7 +8400,7 @@ function DrawerClose({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerPortal({ children, ...props }) {
-  const isOpen = react.useContext(DrawerContext);
+  const { isOpen } = react.useContext(DrawerContext);
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Portal, { forceMount: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "sync", children: isOpen && children }) });
 }
 function DrawerOverlay({ className, ...props }) {
@@ -8427,8 +8438,9 @@ function DrawerContent({
   const xInitial = side === "right" ? "100%" : side === "left" ? "-100%" : 0;
   const yInitial = side === "bottom" ? "100%" : side === "top" ? "-100%" : 0;
   const dragRef = react.useRef(null);
+  const { modal } = react.useContext(DrawerContext);
   return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+    modal && /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
     /* @__PURE__ */ jsxRuntime.jsx(
       radixUi.Dialog.Content,
       {
@@ -8452,9 +8464,8 @@ function DrawerContent({
           {
             className: cn("flex flex-col", isHorizontal && "h-full"),
             initial: { x: xInitial, y: yInitial, opacity: 0 },
-            animate: { x: 0, y: 0, opacity: 1 },
-            exit: { x: xInitial, y: yInitial, opacity: 0 },
-            transition: transition.sidebar,
+            animate: { x: 0, y: 0, opacity: 1, transition: transition.drawer },
+            exit: { x: xInitial, y: yInitial, opacity: 0, transition: transition.drawerExit },
             children: [
               children,
               showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "drawer-close", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(