@bizapps/ui 1.3.5 → 1.3.6

package/dist/main.cjs

@@ -8495,7 +8495,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 +8506,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 +8520,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"
                   )
                 }