@bizapps/ui 1.3.5 → 1.3.7

package/dist/main.js

@@ -2225,7 +2225,7 @@ function DialogTrigger({ ...props }) {
 }
 function DialogPortal({ children, ...props }) {
   const isOpen = useContext(DialogContext);
-  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isOpen && children }) });
+  return /* @__PURE__ */ jsx(Dialog$1.Portal, { "data-slot": "dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: isOpen && children }) });
 }
 function DialogClose({ ...props }) {
   return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
@@ -2252,7 +2252,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsx(DialogOverlay, {}, "dialog-overlay"),
     /* @__PURE__ */ jsx(
       Dialog$1.Content,
       {
@@ -2289,7 +2289,8 @@ function DialogContent({
             ]
           }
         )
-      }
+      },
+      "dialog-content"
     )
   ] });
 }
@@ -2392,7 +2393,7 @@ function AlertDialogPortal({
   ...props
 }) {
   const isOpen = useContext(AlertDialogContext);
-  return /* @__PURE__ */ jsx(AlertDialog$1.Portal, { "data-slot": "alert-dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isOpen && children }) });
+  return /* @__PURE__ */ jsx(AlertDialog$1.Portal, { "data-slot": "alert-dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "sync", children: isOpen && children }) });
 }
 function AlertDialogOverlay({
   className,
@@ -2434,7 +2435,8 @@ function AlertDialogContent({
       AlertDialogOverlay,
       {
         className: cn(variant === "dark-glass" && "bg-primary/60 backdrop-blur-md")
-      }
+      },
+      "alert-dialog-overlay"
     ),
     /* @__PURE__ */ jsx(
       AlertDialog$1.Content,
@@ -2468,7 +2470,8 @@ function AlertDialogContent({
             ]
           }
         )
-      }
+      },
+      "alert-dialog-content"
     )
   ] });
 }
@@ -8490,7 +8493,7 @@ function BottomNavTabsList({ items, className }) {
     {
       "data-slot": "bottom-nav-tabs-list",
       className: cn(
-        "fixed bottom-0 left-0 right-0 z-50 mx-4 mb-4 rounded-2xl bg-background shadow-[0_-4px_20px_rgba(0,0,0,0.08)]",
+        "fixed bottom-0 left-0 right-0 z-50 mx-6 max-w- mb-4 rounded-2xl bg-background shadow-[0_-4px_20px_rgba(0,0,0,0.08)]",
         className
       ),
       children: /* @__PURE__ */ jsx(Tabs$1.List, { className: "flex h-20 items-center justify-around px-4", children: items.map(({ value, label, icon, activeIcon }) => {
@@ -8501,12 +8504,12 @@ function BottomNavTabsList({ items, className }) {
             value,
             "data-slot": "bottom-nav-tabs-trigger",
             className: cn(
-              "group flex flex-col items-center gap-0.5 transition-colors",
+              "group flex flex-col items-center transition-colors",
               "data-[state=active]:text-primary data-[state=inactive]:text-muted-foreground",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-2xl"
             ),
             children: [
-              /* @__PURE__ */ jsxs("span", { className: "relative flex h-12 w-12 items-center justify-center", children: [
+              /* @__PURE__ */ jsxs("span", { className: "relative flex h-15 w-16 flex-col items-center justify-center gap-1.5", children: [
                 /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isActive && /* @__PURE__ */ jsx(
                   motion.span,
                   {
@@ -8515,23 +8518,14 @@ function BottomNavTabsList({ items, className }) {
                     transition: spring.snappy
                   }
                 ) }),
-                /* @__PURE__ */ jsx("span", { className: "relative z-10 h-6 w-6", children: isActive ? activeIcon ?? icon : icon })
+                /* @__PURE__ */ jsx("span", { className: "relative z-10 h-6 w-6", children: isActive ? activeIcon ?? icon : icon }),
+                /* @__PURE__ */ jsx("span", { className: "relative z-10 text-[10px] font-medium leading-none", children: label })
               ] }),
               /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: cn(
-                    "text-[10px] font-medium",
-                    isActive && "font-semibold"
-                  ),
-                  children: label
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "h-1 w-5 rounded-full transition-colors",
+                    "mt-1 h-1 w-6 rounded-full transition-colors",
                     isActive ? "bg-primary" : "bg-transparent"
                   )
                 }
@@ -8610,7 +8604,7 @@ function DrawerContent({
   const dragRef = useRef(null);
   const { modal } = useContext(DrawerContext);
   return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
-    modal && /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    modal && /* @__PURE__ */ jsx(DrawerOverlay, {}, "drawer-overlay"),
     /* @__PURE__ */ jsx(
       Dialog$1.Content,
       {
@@ -8707,7 +8701,8 @@ function DrawerContent({
             ]
           }
         )
-      }
+      },
+      "drawer-content"
     )
   ] });
 }