@bizapps/ui 1.2.2 → 1.2.3

package/dist/main.d.cts

@@ -834,6 +834,7 @@ declare const ease: {
     readonly enter: readonly [0, 0, 0.2, 1];
     readonly exit: readonly [0.4, 0, 1, 1];
     readonly linear: readonly [0, 0, 1, 1];
+    readonly drawer: readonly [0.22, 1, 0.36, 1];
 };
 declare const spring: {
     readonly gentle: {
@@ -882,6 +883,14 @@ declare const transition: {
         readonly duration: 0.15;
         readonly ease: readonly [0.4, 0, 0.2, 1];
     };
+    readonly drawer: {
+        readonly duration: 0.3;
+        readonly ease: readonly [0.22, 1, 0.36, 1];
+    };
+    readonly drawerExit: {
+        readonly duration: 0.2;
+        readonly ease: readonly [0.4, 0, 1, 1];
+    };
 };
 declare const fadeIn: {
     readonly hidden: {
@@ -1006,6 +1015,7 @@ declare const animation: {
         readonly enter: readonly [0, 0, 0.2, 1];
         readonly exit: readonly [0.4, 0, 1, 1];
         readonly linear: readonly [0, 0, 1, 1];
+        readonly drawer: readonly [0.22, 1, 0.36, 1];
     };
     readonly spring: {
         readonly gentle: {
@@ -1054,6 +1064,14 @@ declare const animation: {
             readonly duration: 0.15;
             readonly ease: readonly [0.4, 0, 0.2, 1];
         };
+        readonly drawer: {
+            readonly duration: 0.3;
+            readonly ease: readonly [0.22, 1, 0.36, 1];
+        };
+        readonly drawerExit: {
+            readonly duration: 0.2;
+            readonly ease: readonly [0.4, 0, 1, 1];
+        };
     };
     readonly variants: {
         readonly fadeIn: {
@@ -2027,7 +2045,7 @@ declare function SheetFooter({ className, ...props }: react.ComponentProps<'div'
 declare function SheetTitle({ className, ...props }: react.ComponentProps<typeof Dialog$1.Title>): react.JSX.Element;
 declare function SheetDescription({ className, ...props }: react.ComponentProps<typeof Dialog$1.Description>): react.JSX.Element;
 
-declare function Drawer({ children, open, onOpenChange, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
+declare function Drawer({ children, open, onOpenChange, modal, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
 declare function DrawerTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
 declare function DrawerClose({ ...props }: ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
 declare function DrawerPortal({ children, ...props }: ComponentProps<typeof Dialog$1.Portal>): react.JSX.Element;

package/dist/main.d.ts

@@ -834,6 +834,7 @@ declare const ease: {
     readonly enter: readonly [0, 0, 0.2, 1];
     readonly exit: readonly [0.4, 0, 1, 1];
     readonly linear: readonly [0, 0, 1, 1];
+    readonly drawer: readonly [0.22, 1, 0.36, 1];
 };
 declare const spring: {
     readonly gentle: {
@@ -882,6 +883,14 @@ declare const transition: {
         readonly duration: 0.15;
         readonly ease: readonly [0.4, 0, 0.2, 1];
     };
+    readonly drawer: {
+        readonly duration: 0.3;
+        readonly ease: readonly [0.22, 1, 0.36, 1];
+    };
+    readonly drawerExit: {
+        readonly duration: 0.2;
+        readonly ease: readonly [0.4, 0, 1, 1];
+    };
 };
 declare const fadeIn: {
     readonly hidden: {
@@ -1006,6 +1015,7 @@ declare const animation: {
         readonly enter: readonly [0, 0, 0.2, 1];
         readonly exit: readonly [0.4, 0, 1, 1];
         readonly linear: readonly [0, 0, 1, 1];
+        readonly drawer: readonly [0.22, 1, 0.36, 1];
     };
     readonly spring: {
         readonly gentle: {
@@ -1054,6 +1064,14 @@ declare const animation: {
             readonly duration: 0.15;
             readonly ease: readonly [0.4, 0, 0.2, 1];
         };
+        readonly drawer: {
+            readonly duration: 0.3;
+            readonly ease: readonly [0.22, 1, 0.36, 1];
+        };
+        readonly drawerExit: {
+            readonly duration: 0.2;
+            readonly ease: readonly [0.4, 0, 1, 1];
+        };
     };
     readonly variants: {
         readonly fadeIn: {
@@ -2027,7 +2045,7 @@ declare function SheetFooter({ className, ...props }: react.ComponentProps<'div'
 declare function SheetTitle({ className, ...props }: react.ComponentProps<typeof Dialog$1.Title>): react.JSX.Element;
 declare function SheetDescription({ className, ...props }: react.ComponentProps<typeof Dialog$1.Description>): react.JSX.Element;
 
-declare function Drawer({ children, open, onOpenChange, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
+declare function Drawer({ children, open, onOpenChange, modal, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
 declare function DrawerTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
 declare function DrawerClose({ ...props }: ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
 declare function DrawerPortal({ children, ...props }: ComponentProps<typeof Dialog$1.Portal>): react.JSX.Element;

package/dist/main.js

@@ -1593,7 +1593,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 },
@@ -1637,6 +1638,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 = {
@@ -8359,14 +8369,15 @@ function DataTableSearch({
     )
   ] });
 }
-var DrawerContext = createContext(false);
-function Drawer({ children, open, onOpenChange, ...props }) {
+var DrawerContext = createContext({ isOpen: false, modal: true });
+function Drawer({ children, open, onOpenChange, modal = true, ...props }) {
   const [internalOpen, setInternalOpen] = useState(props.defaultOpen ?? false);
   const isOpen = open !== void 0 ? open : internalOpen;
-  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: isOpen, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: { isOpen, modal }, children: /* @__PURE__ */ jsx(
     Dialog$1.Root,
     {
       "data-slot": "drawer",
+      modal,
       ...props,
       open: isOpen,
       onOpenChange: (v) => {
@@ -8384,7 +8395,7 @@ function DrawerClose({ ...props }) {
   return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerPortal({ children, ...props }) {
-  const isOpen = useContext(DrawerContext);
+  const { isOpen } = useContext(DrawerContext);
   return /* @__PURE__ */ jsx(Dialog$1.Portal, { forceMount: true, ...props, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: isOpen && children }) });
 }
 function DrawerOverlay({ className, ...props }) {
@@ -8422,8 +8433,9 @@ function DrawerContent({
   const xInitial = side === "right" ? "100%" : side === "left" ? "-100%" : 0;
   const yInitial = side === "bottom" ? "100%" : side === "top" ? "-100%" : 0;
   const dragRef = useRef(null);
+  const { modal } = useContext(DrawerContext);
   return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
-    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    modal && /* @__PURE__ */ jsx(DrawerOverlay, {}),
     /* @__PURE__ */ jsx(
       Dialog$1.Content,
       {
@@ -8447,9 +8459,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__ */ jsx(Dialog$1.Close, { "data-slot": "drawer-close", asChild: true, children: /* @__PURE__ */ jsxs(