@dimasbaguspm/versaur 0.0.60 → 0.0.62

package/dist/js/{top-bar-DMBbEIlR.js → top-bar-ChNgZEQx.js}

@@ -1,12 +1,12 @@
 import { j as s } from "./jsx-runtime-C5mzlN2N.js";
 import * as j from "react";
-import { forwardRef as l, createContext as S, useContext as C, useState as w } from "react";
+import { forwardRef as l, createContext as C, useContext as S, useState as w } from "react";
 import { c as n, a as d } from "./index-BDtz_hQY.js";
-import { n as x, I as N } from "./image-rectangle-CCvXv24a.js";
+import { H as V, p as h, I as N } from "./image-rectangle-BwT5taeR.js";
 import "./snackbar-CTq4MLir.js";
-import { L as V } from "./skeleton-BRwIW26B.js";
-import { ChevronDown as z, ChevronRight as B, ChevronLeft as H } from "lucide-react";
-const T = n(
+import { L as H } from "./skeleton-BRwIW26B.js";
+import { ChevronDown as z, ChevronRight as B, ChevronLeft as T } from "lucide-react";
+const P = n(
   [
     "h-screen w-full grid bg-background overflow-hidden",
     "grid-rows-[auto_1fr_auto]",
@@ -17,75 +17,75 @@ const T = n(
     variants: {},
     defaultVariants: {}
   }
-), P = n(
-  "[grid-area:top] z-30 sticky top-0 border-b border-border"
 ), A = n(
-  "[grid-area:left] z-20 border-r border-border bg-white"
+  "[grid-area:top] z-30 sticky top-0 border-b border-border"
 ), _ = n(
-  "[grid-area:right] z-20 border-l border-border bg-white"
+  "[grid-area:left] z-20 border-r border-border bg-white"
 ), I = n(
-  "[grid-area:bottom] z-30 border-t border-border bg-white"
+  "[grid-area:right] z-20 border-l border-border bg-white"
 ), k = n(
+  "[grid-area:bottom] z-30 border-t border-border bg-white"
+), G = n(
   "[grid-area:main] overflow-y-auto min-h-0 [scrollbar-gutter:stable]"
-), G = l(function({ children: t, className: e, ...a }, o) {
+), M = l(function({ children: t, className: e, ...a }, o) {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: o,
-      className: P({ className: e }),
+      className: A({ className: e }),
       ...a,
       children: t
     }
   );
-}), M = l(function({ children: t, className: e, ...a }, o) {
+}), F = l(function({ children: t, className: e, ...a }, o) {
   return /* @__PURE__ */ s.jsx(
     "aside",
     {
       ref: o,
-      className: A({ className: e }),
+      className: _({ className: e }),
       ...a,
       children: t
     }
   );
-}), F = l(function({ children: t, className: e, ...a }, o) {
+}), O = l(function({ children: t, className: e, ...a }, o) {
   return /* @__PURE__ */ s.jsx(
     "aside",
     {
       ref: o,
-      className: _({ className: e }),
+      className: I({ className: e }),
       ...a,
       children: t
     }
   );
-}), O = l(function({ children: t, className: e, ...a }, o) {
+}), E = l(function({ children: t, className: e, ...a }, o) {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: o,
-      className: I({ className: e }),
+      className: k({ className: e }),
       ...a,
       children: t
     }
   );
-}), E = l(function({ children: t, className: e, ...a }, o) {
+}), D = l(function({ children: t, className: e, ...a }, o) {
   return /* @__PURE__ */ s.jsx(
     "main",
     {
       ref: o,
-      className: k({ className: e }),
+      className: G({ className: e }),
       ...a,
       children: t
     }
   );
 }), W = l(
-  ({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx("div", { ref: a, className: T({ className: t }), ...e, children: r })
-), ta = Object.assign(W, {
-  TopRegion: G,
-  SideLeftRegion: M,
-  SideRightRegion: F,
-  BottomRegion: O,
-  MainRegion: E
-}), D = n(
+  ({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx("div", { ref: a, className: P({ className: t }), ...e, children: r })
+), sa = Object.assign(W, {
+  TopRegion: M,
+  SideLeftRegion: F,
+  SideRightRegion: O,
+  BottomRegion: E,
+  MainRegion: D
+}), $ = n(
   "sticky bottom-0 w-full flex justify-around items-center bg-white z-40 safe-bottom gap-4 select-none px-8",
   {
     variants: {
@@ -107,7 +107,7 @@ const T = n(
       size: "md"
     }
   }
-), $ = n(
+), q = n(
   "flex flex-col items-center justify-center gap-1",
   {
     variants: {
@@ -125,7 +125,7 @@ const T = n(
       as: "button"
     }
   }
-), q = l(
+), J = l(
   ({
     as: r = "button",
     icon: t,
@@ -139,7 +139,7 @@ const T = n(
     {
       ref: u,
       "aria-current": a ? "page" : void 0,
-      className: $({ active: a, className: o, as: r }),
+      className: q({ active: a, className: o, as: r }),
       ...c,
       children: [
         t && t,
@@ -148,7 +148,7 @@ const T = n(
       ]
     }
   )
-), J = ({
+), K = ({
   children: r,
   variant: t = "primary",
   size: e = "md",
@@ -159,13 +159,13 @@ const T = n(
   {
     role: "navigation",
     "aria-label": "Bottom navigation",
-    className: D({ variant: t, size: e, className: a }),
+    className: $({ variant: t, size: e, className: a }),
     ...o,
     children: r
   }
-), sa = Object.assign(J, {
-  Item: q
-}), K = n("flex items-center", {
+), ra = Object.assign(K, {
+  Item: J
+}), Q = n("flex items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -202,7 +202,7 @@ const T = n(
     fluid: !1,
     overlay: !1
   }
-}), ra = l(
+}), oa = l(
   function({
     className: t,
     children: e,
@@ -219,7 +219,7 @@ const T = n(
       {
         ref: m,
         className: d(
-          K({
+          Q({
             orientation: a,
             alignment: o,
             gap: i,
@@ -235,7 +235,7 @@ const T = n(
       }
     );
   }
-), Q = n("flex items-center", {
+), U = n("flex items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -272,7 +272,7 @@ const T = n(
     fluid: !1,
     overlay: !1
   }
-}), oa = l(
+}), na = l(
   function({
     className: t,
     children: e,
@@ -289,7 +289,7 @@ const T = n(
       {
         ref: m,
         className: d(
-          Q({
+          U({
             orientation: a,
             alignment: o,
             gap: i,
@@ -305,7 +305,7 @@ const T = n(
       }
     );
   }
-), U = n("flex items-center", {
+), X = n("flex items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -342,7 +342,7 @@ const T = n(
     fluid: !1,
     overlay: !1
   }
-}), na = l(
+}), ia = l(
   function({
     className: t,
     children: e,
@@ -359,7 +359,7 @@ const T = n(
       {
         ref: m,
         className: d(
-          U({
+          X({
             orientation: a,
             alignment: o,
             gap: i,
@@ -375,7 +375,7 @@ const T = n(
       }
     );
   }
-), X = n("w-full mb-4"), Y = n("w-full mx-auto pt-4 md:pt-10", {
+), Y = n("w-full mb-4"), Z = n("w-full mx-auto pt-4 md:pt-10", {
   variants: {
     size: {
       fluid: "max-w-full",
@@ -386,7 +386,7 @@ const T = n(
   defaultVariants: {
     size: "fluid"
   }
-}), Z = n(
+}), ee = n(
   "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4",
   {
     variants: {
@@ -400,7 +400,7 @@ const T = n(
       size: "fluid"
     }
   }
-), ee = n("mb-4", {
+), ae = n("mb-4", {
   variants: {
     size: {
       fluid: "px-0",
@@ -411,99 +411,88 @@ const T = n(
   defaultVariants: {
     size: "fluid"
   }
-}), ae = n(
+}), te = n(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), te = n("flex items-center gap-2 flex-wrap"), se = n(
+), se = n("flex items-center gap-2 flex-wrap"), re = n(
   "hidden md:flex  flex-col sm:flex-row gap-2 sm:gap-3 w-full w-auto sm:ml-auto sm:shrink-0 [&>*]:w-full sm:[&>*]:w-auto"
-), re = n("md:hidden"), oe = n(
+), oe = n("md:hidden"), ne = n(
   "w-full flex items-center py-0 overflow-x-auto"
-), ne = l(
+), ie = l(
   ({ children: r, className: t, size: e = "fluid", ...a }, o) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: o,
-      className: d(Z({ size: e }), t),
+      className: d(ee({ size: e }), t),
       "data-versaur-page-header-top": !0,
       ...a,
       children: r
     }
   )
-), ie = l(({ children: r, className: t, size: e = "fluid", ...a }, o) => /* @__PURE__ */ s.jsx(
+), le = l(({ children: r, className: t, size: e = "fluid", ...a }, o) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: o,
-    className: d(ee({ size: e }), t),
+    className: d(ae({ size: e }), t),
     "data-versaur-page-header-breadcrumbs": !0,
     ...a,
     children: r
   }
-)), le = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
+)), ce = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: a,
-    className: d(ae(), t),
+    className: d(te(), t),
     "data-versaur-page-header-content": !0,
     ...e,
     children: r
   }
-)), ce = l((r, t) => /* @__PURE__ */ s.jsx(
-  x,
-  {
-    ...r,
-    as: "h1",
-    fontSize: "xl",
-    fontWeight: "semibold",
-    ellipsis: !0,
-    ref: t
-  }
-)), de = l(({ className: r, ...t }, e) => /* @__PURE__ */ s.jsx(
-  x,
+)), de = l((r, t) => /* @__PURE__ */ s.jsx(V, { color: "neutral", ...r, as: "h4", ellipsis: !0, ref: t })), ue = l(({ className: r, ...t }, e) => /* @__PURE__ */ s.jsx(
+  h,
   {
     as: "p",
-    fontSize: "sm",
     fontWeight: "normal",
     clamp: 2,
     ref: e,
     className: d("mb-2 sm:clamp-3", r),
     ...t
   }
-)), ue = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
+)), pe = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: a,
-    className: d(te(), t),
+    className: d(se(), t),
     "data-versaur-page-header-badges": !0,
     ...e,
     children: r
   }
-)), pe = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
+)), fe = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: a,
-    className: d(se(), t),
+    className: d(re(), t),
     "data-versaur-page-header-actions": !0,
     ...e,
     children: r
   }
-)), fe = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
+)), me = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: a,
-    className: d(re(), t),
+    className: d(oe(), t),
     "data-versaur-page-header-mobile-actions": !0,
     ...e,
     children: r
   }
-)), me = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
+)), ge = l(({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: a,
-    className: d(oe(), t),
+    className: d(ne(), t),
     "data-versaur-page-header-bottom": !0,
     ...e,
     children: r
   }
-)), ge = l(
+)), xe = l(
   ({
     children: r,
     className: t,
@@ -522,29 +511,29 @@ const T = n(
       "header",
       {
         ref: g,
-        className: d(X()),
+        className: d(Y()),
         role: "banner",
         ...m,
-        children: /* @__PURE__ */ s.jsxs("div", { className: d(Y({ size: e }), t), children: [
-          i && /* @__PURE__ */ s.jsx(ie, { size: e, children: i }),
-          /* @__PURE__ */ s.jsxs(ne, { size: e, children: [
-            /* @__PURE__ */ s.jsxs(le, { children: [
+        children: /* @__PURE__ */ s.jsxs("div", { className: d(Z({ size: e }), t), children: [
+          i && /* @__PURE__ */ s.jsx(le, { size: e, children: i }),
+          /* @__PURE__ */ s.jsxs(ie, { size: e, children: [
+            /* @__PURE__ */ s.jsxs(ce, { children: [
               /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ s.jsx(ce, { children: a }),
-                f && /* @__PURE__ */ s.jsx(fe, { children: f })
+                /* @__PURE__ */ s.jsx(de, { children: a }),
+                f && /* @__PURE__ */ s.jsx(me, { children: f })
               ] }),
-              o && /* @__PURE__ */ s.jsx(de, { children: o }),
-              c && /* @__PURE__ */ s.jsx(ue, { children: c })
+              o && /* @__PURE__ */ s.jsx(ue, { children: o }),
+              c && /* @__PURE__ */ s.jsx(pe, { children: c })
             ] }),
-            u && /* @__PURE__ */ s.jsx(pe, { children: u })
+            u && /* @__PURE__ */ s.jsx(fe, { children: u })
           ] }),
-          v && /* @__PURE__ */ s.jsx(me, { children: p }),
+          v && /* @__PURE__ */ s.jsx(ge, { children: p }),
           r
         ] })
       }
     );
   }
-), ia = ge, xe = n("w-full"), he = n("w-full mx-auto relative", {
+), la = xe, he = n("w-full"), ve = n("w-full mx-auto relative", {
   variants: {
     size: {
       fluid: "max-w-full px-0",
@@ -562,7 +551,7 @@ const T = n(
     size: "fluid",
     template: "single-column"
   }
-}), la = j.forwardRef(
+}), ca = j.forwardRef(
   function({
     size: t = "fluid",
     template: e = "single-column",
@@ -570,18 +559,18 @@ const T = n(
     children: o,
     ...i
   }, c) {
-    return /* @__PURE__ */ s.jsx("div", { ref: c, className: d(xe()), ...i, children: /* @__PURE__ */ s.jsx(
+    return /* @__PURE__ */ s.jsx("div", { ref: c, className: d(he()), ...i, children: /* @__PURE__ */ s.jsx(
       "div",
       {
         className: d(
-          he({ size: t, template: e }),
+          ve({ size: t, template: e }),
           a
         ),
         children: /* @__PURE__ */ s.jsx("div", { children: o })
       }
     ) });
   }
-), ve = n(
+), ye = n(
   [
     "grid",
     "h-full",
@@ -600,7 +589,7 @@ const T = n(
       hasMargin: !1
     }
   }
-), ye = n("[grid-area:header]", {
+), be = n("[grid-area:header]", {
   variants: {
     backgroundColor: {
       white: "bg-transparent",
@@ -610,7 +599,7 @@ const T = n(
   defaultVariants: {
     backgroundColor: "white"
   }
-}), be = n(
+}), je = n(
   "[grid-area:content] min-h-0",
   {
     variants: {
@@ -623,40 +612,40 @@ const T = n(
       backgroundColor: "white"
     }
   }
-), je = l(function({ children: t, className: e, backgroundColor: a = "white", ...o }, i) {
+), we = l(function({ children: t, className: e, backgroundColor: a = "white", ...o }, i) {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: i,
-      className: ye({ backgroundColor: a, className: e }),
+      className: be({ backgroundColor: a, className: e }),
       ...o,
       children: t
     }
   );
-}), we = l(function({ children: t, className: e, backgroundColor: a = "white", ...o }, i) {
+}), Ne = l(function({ children: t, className: e, backgroundColor: a = "white", ...o }, i) {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: i,
-      className: be({ backgroundColor: a, className: e }),
+      className: je({ backgroundColor: a, className: e }),
       ...o,
       children: t
     }
   );
-}), Ne = l(
+}), Be = l(
   ({ children: r, className: t, hasMargin: e = !1, ...a }, o) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: o,
-      className: ve({ hasMargin: e, className: t }),
+      className: ye({ hasMargin: e, className: t }),
       ...a,
       children: r
     }
   )
-), ca = Object.assign(Ne, {
-  HeaderRegion: je,
-  ContentRegion: we
-}), Be = n(
+), da = Object.assign(Be, {
+  HeaderRegion: we,
+  ContentRegion: Ne
+}), Re = n(
   [
     // Base styles: flex container that centers content
     "flex",
@@ -692,12 +681,12 @@ const T = n(
       fullscreen: !1
     }
   }
-), Re = n([
+), Le = n([
   "text-foreground-light",
   "text-sm",
   "text-center",
   "max-w-xs"
-]), da = j.forwardRef(
+]), ua = j.forwardRef(
   function({
     type: t = "bar",
     size: e = "sm",
@@ -714,11 +703,11 @@ const T = n(
       "div",
       {
         ref: g,
-        className: d(Be({ minimal: u, fullscreen: c }), f),
+        className: d(Re({ minimal: u, fullscreen: c }), f),
         ...m,
         children: [
           /* @__PURE__ */ s.jsx("div", { className: "max-w-xs w-full flex justify-center", children: /* @__PURE__ */ s.jsx(
-            V,
+            H,
             {
               type: t,
               size: e,
@@ -726,13 +715,13 @@ const T = n(
               ariaLabel: o
             }
           ) }),
-          i && /* @__PURE__ */ s.jsx("p", { className: Re(), "aria-live": "polite", children: i }),
+          i && /* @__PURE__ */ s.jsx("p", { className: Le(), "aria-live": "polite", children: i }),
           p
         ]
       }
     );
   }
-), Le = n("grid w-full gap-4 grid-cols-12"), Se = n("", {
+), Ce = n("grid w-full gap-4 grid-cols-12"), Se = n("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -752,19 +741,19 @@ const T = n(
   defaultVariants: {
     span: "4"
   }
-}), Ce = l(
+}), Ve = l(
   function({ className: t, children: e, ...a }, o) {
     return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: o,
-        className: d(Le(), t),
+        className: d(Ce(), t),
         ...a,
         children: e
       }
     );
   }
-), Ve = l(
+), He = l(
   function({ span: t = 4, className: e, children: a, ...o }, i) {
     const c = Math.min(12, Math.max(1, t));
     return /* @__PURE__ */ s.jsx(
@@ -780,8 +769,8 @@ const T = n(
       }
     );
   }
-), ua = Object.assign(Ce, {
-  Column: Ve
+), pa = Object.assign(Ve, {
+  Column: He
 }), ze = n(
   "bg-background flex flex-col h-full ease-in-out justify-between",
   {
@@ -818,7 +807,7 @@ const T = n(
       collapsed: !1
     }
   }
-), He = n("", {
+), Te = n("", {
   variants: {
     expanded: {
       true: "bg-neutral-light",
@@ -828,7 +817,7 @@ const T = n(
   defaultVariants: {
     expanded: !1
   }
-}), Te = n(
+}), Pe = n(
   "w-full flex p-3 items-center gap-2 rounded-md hover:text-primary hover:bg-primary-soft focus:outline-none focus-visible:ring-2 focus-visible:ring-primary transition-all",
   {
     variants: {
@@ -841,12 +830,12 @@ const T = n(
       collapsed: !1
     }
   }
-), Pe = n("flex flex-col gap-2 ml-3"), h = n("flex items-center justify-center size-5"), R = S(null), L = () => {
-  const r = C(R);
+), Ae = n("flex flex-col gap-2 ml-3"), x = n("flex items-center justify-center size-5"), R = C(null), L = () => {
+  const r = S(R);
   if (!r)
     throw new Error("SideBar compound components must be used within SideBar");
   return r;
-}, Ae = l(
+}, _e = l(
   (r, t) => {
     const { icon: e, children: a, href: o, active: i, ...c } = r, { isCollapsed: u } = L(), f = c;
     return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
@@ -862,13 +851,12 @@ const T = n(
         title: u ? String(a) : void 0,
         ...f,
         children: [
-          e && /* @__PURE__ */ s.jsx("span", { className: d(h()), children: e }),
+          e && /* @__PURE__ */ s.jsx("span", { className: d(x()), children: e }),
           !u && /* @__PURE__ */ s.jsx(
-            x,
+            h,
             {
-              as: "span",
+              as: "small",
               color: "inherit",
-              fontSize: "sm",
               fontWeight: "normal",
               className: "truncate",
               children: a
@@ -878,7 +866,7 @@ const T = n(
       }
     ) });
   }
-), _e = l(
+), Ie = l(
   function({ children: t, label: e, icon: a, defaultExpanded: o = !0, ...i }, c) {
     const { isCollapsed: u, expandSidebar: f } = L(), [p, m] = w(o), g = (y) => {
       y.preventDefault(), m(!p);
@@ -895,13 +883,13 @@ const T = n(
         }),
         title: String(e),
         onClick: v,
-        children: a && /* @__PURE__ */ s.jsx("span", { className: d(h()), children: a })
+        children: a && /* @__PURE__ */ s.jsx("span", { className: d(x()), children: a })
       }
     ) }) : /* @__PURE__ */ s.jsxs(
       "li",
       {
         ref: c,
-        className: He({
+        className: Te({
           expanded: p
         }),
         ...i,
@@ -910,22 +898,13 @@ const T = n(
             "button",
             {
               type: "button",
-              className: Te({
+              className: Pe({
                 collapsed: !1
               }),
               onClick: g,
               children: [
-                a && /* @__PURE__ */ s.jsx("span", { className: d(h()), children: a }),
-                /* @__PURE__ */ s.jsx(
-                  x,
-                  {
-                    as: "span",
-                    color: "inherit",
-                    fontSize: "sm",
-                    className: "flex-1 truncate",
-                    children: e
-                  }
-                ),
+                a && /* @__PURE__ */ s.jsx("span", { className: d(x()), children: a }),
+                /* @__PURE__ */ s.jsx(h, { as: "small", color: "inherit", className: "flex-1 truncate", children: e }),
                 /* @__PURE__ */ s.jsx(
                   N,
                   {
@@ -937,12 +916,12 @@ const T = n(
               ]
             }
           ),
-          p && /* @__PURE__ */ s.jsx("ul", { className: d(Pe()), children: t })
+          p && /* @__PURE__ */ s.jsx("ul", { className: d(Ae()), children: t })
         ]
       }
     );
   }
-), Ie = l(
+), ke = l(
   ({ children: r, defaultCollapsed: t = !1, onCollapseChange: e, ...a }, o) => {
     const [i, c] = w(t), u = () => {
       const p = !i;
@@ -975,24 +954,15 @@ const T = n(
                   "aria-label": i ? "Expand sidebar" : "Collapse sidebar",
                   title: i ? "Expand sidebar" : "Collapse sidebar",
                   children: [
-                    /* @__PURE__ */ s.jsx("span", { className: d(h()), children: /* @__PURE__ */ s.jsx(
+                    /* @__PURE__ */ s.jsx("span", { className: d(x()), children: /* @__PURE__ */ s.jsx(
                       N,
                       {
-                        as: i ? B : H,
+                        as: i ? B : T,
                         size: "sm",
                         color: "inherit"
                       }
                     ) }),
-                    !i && /* @__PURE__ */ s.jsx(
-                      x,
-                      {
-                        as: "span",
-                        color: "inherit",
-                        fontSize: "sm",
-                        className: "truncate",
-                        children: "Collapse"
-                      }
-                    )
+                    !i && /* @__PURE__ */ s.jsx(h, { as: "small", color: "inherit", className: "truncate", children: "Collapse" })
                   ]
                 }
               ) })
@@ -1002,16 +972,16 @@ const T = n(
       }
     );
   }
-), pa = Object.assign(Ie, {
-  Item: Ae,
-  Group: _e
-}), ke = n(
+), fa = Object.assign(ke, {
+  Item: _e,
+  Group: Ie
+}), Ge = n(
   "w-full flex items-center px-6 py-4 bg-white",
   {
     variants: {},
     defaultVariants: {}
   }
-), Ge = n("flex items-center gap-3 min-w-0 flex-1"), Me = n("flex items-center gap-2 ml-auto"), Fe = n(
+), Me = n("flex items-center gap-3 min-w-0 flex-1"), Fe = n("flex items-center gap-2 ml-auto"), Oe = n(
   "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
   {
     variants: {
@@ -1024,55 +994,55 @@ const T = n(
       active: !1
     }
   }
-), Oe = n("flex items-center gap-2 ml-4"), Ee = n("flex items-center gap-2 mr-4"), We = l(
-  function({ children: t, className: e, ...a }, o) {
-    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: Oe({ className: e }), ...a, children: t });
-  }
-), De = l(
+), Ee = n("flex items-center gap-2 ml-4"), De = n("flex items-center gap-2 mr-4"), We = l(
   function({ children: t, className: e, ...a }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: Ee({ className: e }), ...a, children: t });
+    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: Ee({ className: e }), ...a, children: t });
   }
 ), $e = l(
   function({ children: t, className: e, ...a }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: Ge({ className: e }), ...a, children: t });
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: De({ className: e }), ...a, children: t });
   }
 ), qe = l(
   function({ children: t, className: e, ...a }, o) {
     return /* @__PURE__ */ s.jsx("div", { ref: o, className: Me({ className: e }), ...a, children: t });
   }
 ), Je = l(
+  function({ children: t, className: e, ...a }, o) {
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: Fe({ className: e }), ...a, children: t });
+  }
+), Ke = l(
   function({ children: t, className: e, active: a, ...o }, i) {
     return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: i,
-        className: Fe({ active: a, className: e }),
+        className: Oe({ active: a, className: e }),
         "aria-current": a ? "page" : void 0,
         ...o,
         children: t
       }
     );
   }
-), Ke = l(
-  ({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx("header", { ref: a, className: ke({ className: t }), ...e, children: r })
-), fa = Object.assign(Ke, {
-  Leading: $e,
-  Trailing: qe,
-  NavItem: Je,
+), Qe = l(
+  ({ children: r, className: t, ...e }, a) => /* @__PURE__ */ s.jsx("header", { ref: a, className: Ge({ className: t }), ...e, children: r })
+), ma = Object.assign(Qe, {
+  Leading: qe,
+  Trailing: Je,
+  NavItem: Ke,
   Nav: We,
-  Actions: De
+  Actions: $e
 });
 export {
-  ta as A,
-  sa as B,
-  na as F,
-  ia as P,
-  pa as S,
-  fa as T,
-  ra as a,
-  oa as b,
-  la as c,
-  ca as d,
-  da as e,
-  ua as f
+  sa as A,
+  ra as B,
+  ia as F,
+  la as P,
+  fa as S,
+  ma as T,
+  oa as a,
+  na as b,
+  ca as c,
+  da as d,
+  ua as e,
+  pa as f
 };