@bizapps/ui 1.3.5 → 1.3.7

package/dist/main.cjs

@@ -2230,7 +2230,7 @@ function DialogTrigger({ ...props }) {
 }
 function DialogPortal({ children, ...props }) {
   const isOpen = react.useContext(DialogContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Portal, { "data-slot": "dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "wait", children: isOpen && children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Portal, { "data-slot": "dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "sync", children: isOpen && children }) });
 }
 function DialogClose({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "dialog-close", ...props });
@@ -2257,7 +2257,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}, "dialog-overlay"),
     /* @__PURE__ */ jsxRuntime.jsx(
       radixUi.Dialog.Content,
       {
@@ -2294,7 +2294,8 @@ function DialogContent({
             ]
           }
         )
-      }
+      },
+      "dialog-content"
     )
   ] });
 }
@@ -2397,7 +2398,7 @@ function AlertDialogPortal({
   ...props
 }) {
   const isOpen = react.useContext(AlertDialogContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "wait", children: isOpen && children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", forceMount: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "sync", children: isOpen && children }) });
 }
 function AlertDialogOverlay({
   className,
@@ -2439,7 +2440,8 @@ function AlertDialogContent({
       AlertDialogOverlay,
       {
         className: cn(variant === "dark-glass" && "bg-primary/60 backdrop-blur-md")
-      }
+      },
+      "alert-dialog-overlay"
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
       radixUi.AlertDialog.Content,
@@ -2473,7 +2475,8 @@ function AlertDialogContent({
             ]
           }
         )
-      }
+      },
+      "alert-dialog-content"
     )
   ] });
 }
@@ -8495,7 +8498,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__ */ jsxRuntime.jsx(radixUi.Tabs.List, { className: "flex h-20 items-center justify-around px-4", children: items.map(({ value, label, icon, activeIcon }) => {
@@ -8506,12 +8509,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__ */ jsxRuntime.jsxs("span", { className: "relative flex h-12 w-12 items-center justify-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-15 w-16 flex-col items-center justify-center gap-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { initial: false, children: isActive && /* @__PURE__ */ jsxRuntime.jsx(
                   react$1.motion.span,
                   {
@@ -8520,23 +8523,14 @@ function BottomNavTabsList({ items, className }) {
                     transition: spring.snappy
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 h-6 w-6", children: isActive ? activeIcon ?? icon : icon })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 h-6 w-6", children: isActive ? activeIcon ?? icon : icon }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 text-[10px] font-medium leading-none", children: label })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
                   className: cn(
-                    "text-[10px] font-medium",
-                    isActive && "font-semibold"
-                  ),
-                  children: label
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.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"
                   )
                 }
@@ -8615,7 +8609,7 @@ function DrawerContent({
   const dragRef = react.useRef(null);
   const { modal } = react.useContext(DrawerContext);
   return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
-    modal && /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+    modal && /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}, "drawer-overlay"),
     /* @__PURE__ */ jsxRuntime.jsx(
       radixUi.Dialog.Content,
       {
@@ -8712,7 +8706,8 @@ function DrawerContent({
             ]
           }
         )
-      }
+      },
+      "drawer-content"
     )
   ] });
 }