@dimasbaguspm/versaur 0.0.48 → 0.0.49

package/dist/js/{top-bar-Dx0JVXms.js → top-bar-BMw3gFYA.js}

@@ -1,10 +1,10 @@
-import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
+import { c as i, j as t, a as l } from "./index-DOdDlCoL.js";
 import * as v from "react";
 import { forwardRef as o } from "react";
-import { m as f } from "./image-rectangle-B4nXH4Q5.js";
+import { n as f } from "./image-rectangle-K9jmTTED.js";
 import "./snackbar-DH8jCh2V.js";
-import { L as h } from "./skeleton-BNZyaRjo.js";
-const j = i(
+import { L as y } from "./skeleton-BNZyaRjo.js";
+const w = i(
   "w-full flex flex-wrap items-center pt-3 mb-3 gap-2 bg-white [&>[data-versaur-appbar-bottom]]:basis-full [&>[data-versaur-appbar-bottom]]:w-full [&:has([data-versaur-appbar-bottom])>[data-versaur-appbar-leading]]:pl-4 [&:has([data-versaur-appbar-bottom])>[data-versaur-appbar-trailing]]:pr-4 [&:not(:has([data-versaur-appbar-bottom]))]:px-4",
   {
     variants: {
@@ -20,7 +20,7 @@ const j = i(
       variant: "primary"
     }
   }
-), y = i(
+), B = i(
   "flex flex-col justify-center min-w-0 flex-grow",
   {
     variants: {
@@ -34,27 +34,27 @@ const j = i(
       placement: "start"
     }
   }
-), w = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
+), N = o(
+  ({ children: s, className: a }, e) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       "data-versaur-appbar-bottom": !0,
       className: l("w-full flex items-center min-h-[2.5rem] mt-2", a),
-      children: t
+      children: s
     }
   )
-), B = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
+), V = o(
+  ({ children: s, className: a }, e) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       className: l("flex items-center", a),
       "data-versaur-appbar-leading": !0,
-      children: t
+      children: s
     }
   )
-), N = o(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+), z = o(({ children: s, ...a }, e) => /* @__PURE__ */ t.jsx(
   f,
   {
     ...a,
@@ -64,9 +64,9 @@ const j = i(
     fontWeight: "semibold",
     ellipsis: !0,
     clamp: 1,
-    children: t
+    children: s
   }
-)), V = o(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+)), S = o(({ children: s, ...a }, e) => /* @__PURE__ */ t.jsx(
   f,
   {
     ...a,
@@ -77,46 +77,46 @@ const j = i(
     ellipsis: !0,
     clamp: 1,
     color: "gray",
-    children: t
+    children: s
   }
-)), S = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
+)), T = o(
+  ({ children: s, className: a }, e) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       className: l("flex items-center justify-end gap-2", a),
       "data-versaur-appbar-trailing": !0,
-      children: t
+      children: s
     }
   )
-), T = o(
-  ({ children: t, className: a, placement: e }, r) => /* @__PURE__ */ s.jsx(
+), C = o(
+  ({ children: s, className: a, placement: e }, r) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: r,
-      className: l(y({ placement: e }), a),
-      children: t
+      className: l(B({ placement: e }), a),
+      children: s
     }
   )
-), L = ({
-  children: t,
+), H = ({
+  children: s,
   className: a,
   variant: e = "primary"
-}) => /* @__PURE__ */ s.jsx(
+}) => /* @__PURE__ */ t.jsx(
   "header",
   {
-    className: l(j({ variant: e }), a),
+    className: l(w({ variant: e }), a),
     role: "banner",
-    children: t
-  }
-), La = Object.assign(L, {
-  Leading: B,
-  Headline: N,
-  Subtitle: V,
-  Trailing: S,
-  Center: T,
-  Bottom: w
-}), H = i(
+    children: s
+  }
+), La = Object.assign(H, {
+  Leading: V,
+  Headline: z,
+  Subtitle: S,
+  Trailing: T,
+  Center: C,
+  Bottom: N
+}), L = i(
   "sticky bottom-0 w-full flex justify-around items-center bg-white border-t border-border shadow-xs z-40 safe-bottom gap-4 select-none px-8",
   {
     variants: {
@@ -138,7 +138,7 @@ const j = i(
       size: "md"
     }
   }
-), z = i(
+), A = i(
   "flex flex-col items-center justify-center gap-1",
   {
     variants: {
@@ -158,45 +158,45 @@ const j = i(
   }
 ), P = o(
   ({
-    as: t = "button",
+    as: s = "button",
     icon: a,
     label: e,
     active: r = !1,
     className: n,
     children: c,
-    ...p
-  }, d) => /* @__PURE__ */ s.jsxs(
-    t,
+    ...d
+  }, m) => /* @__PURE__ */ t.jsxs(
+    s,
     {
-      ref: d,
+      ref: m,
       "aria-current": r ? "page" : void 0,
-      className: z({ active: r, className: n, as: t }),
-      ...p,
+      className: A({ active: r, className: n, as: s }),
+      ...d,
       children: [
         a && a,
         c && c,
-        e && /* @__PURE__ */ s.jsx("span", { className: "text-xs mt-0.5", children: e })
+        e && /* @__PURE__ */ t.jsx("span", { className: "text-xs mt-0.5", children: e })
       ]
     }
   )
-), A = ({
-  children: t,
+), I = ({
+  children: s,
   variant: a = "primary",
   size: e = "md",
   className: r,
   ...n
-}) => /* @__PURE__ */ s.jsx(
+}) => /* @__PURE__ */ t.jsx(
   "nav",
   {
     role: "navigation",
     "aria-label": "Bottom navigation",
-    className: H({ variant: a, size: e, className: r }),
+    className: L({ variant: a, size: e, className: r }),
     ...n,
-    children: t
+    children: s
   }
-), Ha = Object.assign(A, {
+), Aa = Object.assign(I, {
   Item: P
-}), C = i("flex flex-wrap items-center", {
+}), R = i("flex flex-wrap items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -228,38 +228,38 @@ const j = i(
     gap: "md",
     fluid: !1
   }
-}), za = o(
+}), Pa = o(
   function({
     className: a,
     children: e,
     orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
-    fluid: p = !1,
-    hasMargin: d,
-    ...u
-  }, m) {
-    return /* @__PURE__ */ s.jsx(
+    fluid: d = !1,
+    hasMargin: m,
+    ...p
+  }, u) {
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: m,
+        ref: u,
         className: l(
-          C({
+          R({
             orientation: r,
             alignment: n,
             gap: c,
-            fluid: p
+            fluid: d
           }),
-          d && "mb-4",
+          m && "mb-4",
           a
         ),
         role: "group",
-        ...u,
+        ...p,
         children: e
       }
     );
   }
-), R = i("flex flex-wrap items-center", {
+), G = i("flex flex-wrap items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -291,38 +291,38 @@ const j = i(
     gap: "md",
     fluid: !1
   }
-}), Pa = o(
+}), Ia = o(
   function({
     className: a,
     children: e,
     orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
-    fluid: p = !1,
-    hasMargin: d,
-    ...u
-  }, m) {
-    return /* @__PURE__ */ s.jsx(
+    fluid: d = !1,
+    hasMargin: m,
+    ...p
+  }, u) {
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: m,
+        ref: u,
         className: l(
-          R({
+          G({
             orientation: r,
             alignment: n,
             gap: c,
-            fluid: p
+            fluid: d
           }),
-          d && "mb-4",
+          m && "mb-4",
           a
         ),
         role: "group",
-        ...u,
+        ...p,
         children: e
       }
     );
   }
-), G = i("flex flex-wrap items-center", {
+), k = i("flex flex-wrap items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -354,95 +354,106 @@ const j = i(
     gap: "md",
     fluid: !1
   }
-}), Aa = o(
+}), Ra = o(
   function({
     className: a,
     children: e,
     orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
-    fluid: p = !1,
-    hasMargin: d,
-    ...u
-  }, m) {
-    return /* @__PURE__ */ s.jsx(
+    fluid: d = !1,
+    hasMargin: m,
+    ...p
+  }, u) {
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: m,
+        ref: u,
         className: l(
-          G({
+          k({
             orientation: r,
             alignment: n,
             gap: c,
-            fluid: p
+            fluid: d
           }),
-          d && "mb-4",
+          m && "mb-4",
           a
         ),
         role: "group",
-        ...u,
+        ...p,
         children: e
       }
     );
   }
-), I = i("w-full px-4 sm:px-6 py-6 sm:py-8"), Ca = o(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: r,
-      className: l(I(), a),
-      ...e,
-      children: t
+), F = i("w-full", {
+  variants: {
+    backgroundColor: {
+      white: "bg-white",
+      gray: "bg-neutral"
     }
-  )
-), k = i("w-full pt-4 md:pt-10"), F = i(
-  "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 px-4 sm:px-6 mb-4"
-), O = i("mb-4 px-4 sm:px-6"), W = i(
+  },
+  defaultVariants: {
+    backgroundColor: "white"
+  }
+}), O = i("w-full mx-auto pt-4 md:pt-10", {
+  variants: {
+    size: {
+      fluid: "max-w-full px-0",
+      wide: "max-w-7xl px-6",
+      narrow: "max-w-3xl px-4"
+    }
+  },
+  defaultVariants: {
+    size: "fluid"
+  }
+}), W = i(
+  "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4"
+), M = i("mb-4"), E = i(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), M = i("flex items-center gap-2 flex-wrap"), E = i(
+), $ = i("flex items-center gap-2 flex-wrap"), q = i(
   "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"
-), $ = i("md:hidden"), q = i(
-  "w-full flex items-center px-4 sm:px-6 py-0 overflow-x-auto"
-), D = o(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+), D = i("md:hidden"), J = i(
+  "w-full flex items-center py-0 overflow-x-auto"
+), K = o(
+  ({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: r,
-      className: l(F(), a),
+      className: l(W(), a),
       "data-versaur-page-header-top": !0,
       ...e,
-      children: t
+      children: s
     }
   )
-), J = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+), Q = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: r,
-    className: l(O(), a),
+    className: l(M(), a),
     "data-versaur-page-header-breadcrumbs": !0,
     ...e,
-    children: t
+    children: s
   }
-)), K = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), U = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: r,
-    className: l(W(), a),
+    className: l(E(), a),
     "data-versaur-page-header-content": !0,
     ...e,
-    children: t
+    children: s
   }
-)), Q = o((t, a) => /* @__PURE__ */ s.jsx(
+)), X = o((s, a) => /* @__PURE__ */ t.jsx(
   f,
   {
-    ...t,
+    ...s,
     as: "h1",
     fontSize: "xl",
     fontWeight: "semibold",
     ellipsis: !0,
     ref: a
   }
-)), U = o(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+)), Y = o(({ className: s, ...a }, e) => /* @__PURE__ */ t.jsx(
   f,
   {
     as: "p",
@@ -450,109 +461,144 @@ const j = i(
     fontWeight: "normal",
     clamp: 2,
     ref: e,
-    className: l("mb-2 sm:clamp-3", t),
+    className: l("mb-2 sm:clamp-3", s),
     ...a
   }
-)), X = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), Z = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: r,
-    className: l(M(), a),
+    className: l($(), a),
     "data-versaur-page-header-badges": !0,
     ...e,
-    children: t
+    children: s
   }
-)), Y = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), _ = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: r,
-    className: l(E(), a),
+    className: l(q(), a),
     "data-versaur-page-header-actions": !0,
     ...e,
-    children: t
+    children: s
   }
-)), Z = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), aa = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: r,
-    className: l($(), a),
+    className: l(D(), a),
     "data-versaur-page-header-mobile-actions": !0,
     ...e,
-    children: t
+    children: s
   }
-)), _ = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), ea = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: r,
-    className: l(q(), a),
+    className: l(J(), a),
     "data-versaur-page-header-bottom": !0,
     ...e,
-    children: t
+    children: s
   }
-)), aa = o(
+)), ta = o(
   ({
-    children: t,
+    children: s,
     className: a,
-    title: e,
-    subtitle: r,
-    breadcrumbs: n,
-    badges: c,
+    size: e = "fluid",
+    backgroundColor: r = "white",
+    title: n,
+    subtitle: c,
+    breadcrumbs: d,
+    badges: m,
     actions: p,
-    mobileActions: d,
-    tabs: u,
-    ...m
-  }, x) => {
-    const g = u;
-    return /* @__PURE__ */ s.jsxs(
+    mobileActions: u,
+    tabs: x,
+    ...g
+  }, h) => {
+    const j = x;
+    return /* @__PURE__ */ t.jsx(
       "header",
       {
-        ref: x,
-        className: l(k(), a),
+        ref: h,
+        className: l(F({ backgroundColor: r })),
         role: "banner",
-        ...m,
-        children: [
-          n && /* @__PURE__ */ s.jsx(J, { children: n }),
-          /* @__PURE__ */ s.jsxs(D, { children: [
-            /* @__PURE__ */ s.jsxs(K, { children: [
-              /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ s.jsx(Q, { children: e }),
-                d && /* @__PURE__ */ s.jsx(Z, { children: d })
+        ...g,
+        children: /* @__PURE__ */ t.jsxs("div", { className: l(O({ size: e }), a), children: [
+          d && /* @__PURE__ */ t.jsx(Q, { children: d }),
+          /* @__PURE__ */ t.jsxs(K, { children: [
+            /* @__PURE__ */ t.jsxs(U, { children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ t.jsx(X, { children: n }),
+                u && /* @__PURE__ */ t.jsx(aa, { children: u })
               ] }),
-              r && /* @__PURE__ */ s.jsx(U, { children: r }),
-              c && /* @__PURE__ */ s.jsx(X, { children: c })
+              c && /* @__PURE__ */ t.jsx(Y, { children: c }),
+              m && /* @__PURE__ */ t.jsx(Z, { children: m })
             ] }),
-            p && /* @__PURE__ */ s.jsx(Y, { children: p })
+            p && /* @__PURE__ */ t.jsx(_, { children: p })
           ] }),
-          g && /* @__PURE__ */ s.jsx(_, { children: u }),
-          t
-        ]
+          j && /* @__PURE__ */ t.jsx(ea, { children: x }),
+          s
+        ] })
       }
     );
   }
-), Ra = aa, ea = i("w-full mx-auto relative", {
+), Ga = ta, sa = i("w-full", {
+  variants: {
+    backgroundColor: {
+      white: "bg-white",
+      gray: "bg-neutral"
+    }
+  },
+  defaultVariants: {
+    backgroundColor: "white"
+  }
+}), ra = i("w-full mx-auto relative", {
   variants: {
-    type: {
-      desktop: "max-w-7xl px-6 pb-10",
-      tablet: "max-w-3xl px-4",
-      mobile: "w-full"
+    size: {
+      fluid: "max-w-full px-0",
+      wide: "max-w-7xl px-6 pb-10",
+      narrow: "max-w-3xl px-4 pb-10"
+    },
+    template: {
+      "single-column": "grid grid-cols-1",
+      "two-column": "grid grid-cols-1 md:grid-cols-2 gap-6",
+      "two-column-asymmetric-left": "grid grid-cols-1 md:grid-cols-3 gap-6",
+      "two-column-asymmetric-right": "grid grid-cols-1 md:grid-cols-3 gap-6"
     }
   },
   defaultVariants: {
-    type: "desktop"
+    size: "fluid",
+    template: "single-column"
   }
-}), Ga = v.forwardRef(
-  function({ type: a = "desktop", className: e, children: r, ...n }, c) {
-    return /* @__PURE__ */ s.jsx(
+}), ka = v.forwardRef(
+  function({
+    size: a = "fluid",
+    template: e = "single-column",
+    backgroundColor: r = "white",
+    className: n,
+    children: c,
+    ...d
+  }, m) {
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: c,
-        className: l(ea({ type: a }), e),
-        ...n,
-        children: r
+        ref: m,
+        className: l(sa({ backgroundColor: r })),
+        ...d,
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: l(
+              ra({ size: a, template: e }),
+              n
+            ),
+            children: c
+          }
+        )
       }
     );
   }
-), ta = i(
+), na = i(
   [
     // Base styles: flex container that centers content
     "flex",
@@ -588,33 +634,33 @@ const j = i(
       fullscreen: !1
     }
   }
-), sa = i([
+), oa = i([
   "text-foreground-light",
   "text-sm",
   "text-center",
   "max-w-xs"
-]), Ia = v.forwardRef(
+]), Fa = v.forwardRef(
   function({
     type: a = "bar",
     size: e = "sm",
     color: r = "primary",
     ariaLabel: n = "Loading page",
     message: c,
-    fullscreen: p = !1,
-    minimal: d = !1,
-    className: u,
-    children: m,
+    fullscreen: d = !1,
+    minimal: m = !1,
+    className: p,
+    children: u,
     ...x
   }, g) {
-    return /* @__PURE__ */ s.jsxs(
+    return /* @__PURE__ */ t.jsxs(
       "div",
       {
         ref: g,
-        className: l(ta({ minimal: d, fullscreen: p }), u),
+        className: l(na({ minimal: m, fullscreen: d }), p),
         ...x,
         children: [
-          /* @__PURE__ */ s.jsx("div", { className: "max-w-xs w-full flex justify-center", children: /* @__PURE__ */ s.jsx(
-            h,
+          /* @__PURE__ */ t.jsx("div", { className: "max-w-xs w-full flex justify-center", children: /* @__PURE__ */ t.jsx(
+            y,
             {
               type: a,
               size: e,
@@ -622,13 +668,13 @@ const j = i(
               ariaLabel: n
             }
           ) }),
-          c && /* @__PURE__ */ s.jsx("p", { className: sa(), "aria-live": "polite", children: c }),
-          m
+          c && /* @__PURE__ */ t.jsx("p", { className: oa(), "aria-live": "polite", children: c }),
+          u
         ]
       }
     );
   }
-), ra = i("grid w-full gap-4 grid-cols-12"), na = i("", {
+), ia = i("grid w-full gap-4 grid-cols-12"), la = i("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -648,27 +694,27 @@ const j = i(
   defaultVariants: {
     span: "4"
   }
-}), oa = o(
+}), ca = o(
   function({ className: a, children: e, ...r }, n) {
-    return /* @__PURE__ */ s.jsx(
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: n,
-        className: l(ra(), a),
+        className: l(ia(), a),
         ...r,
         children: e
       }
     );
   }
-), ia = o(
+), da = o(
   function({ span: a = 4, className: e, children: r, ...n }, c) {
-    const p = Math.min(12, Math.max(1, a));
-    return /* @__PURE__ */ s.jsx(
+    const d = Math.min(12, Math.max(1, a));
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: c,
         className: l(
-          na({ span: `${p}` }),
+          la({ span: `${d}` }),
           e
         ),
         ...n,
@@ -676,8 +722,8 @@ const j = i(
       }
     );
   }
-), ka = Object.assign(oa, {
-  Column: ia
+), Oa = Object.assign(ca, {
+  Column: da
 }), b = i(
   "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
   {
@@ -696,52 +742,52 @@ const j = i(
       disabled: !1
     }
   }
-), la = o(
-  (t, a) => {
-    const { icon: e, children: r, href: n, onClick: c, active: p, ...d } = t;
+), ma = o(
+  (s, a) => {
+    const { icon: e, children: r, href: n, onClick: c, active: d, ...m } = s;
     if (typeof n == "string") {
-      const m = d;
-      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
+      const u = m;
+      return /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsxs(
         "a",
         {
           ref: a,
           href: n,
           className: b({
-            disabled: !!t["aria-disabled"],
-            active: p
+            disabled: !!s["aria-disabled"],
+            active: d
           }),
-          ...m,
+          ...u,
           children: [
             e,
-            /* @__PURE__ */ s.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: r })
+            /* @__PURE__ */ t.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: r })
           ]
         }
       ) });
     } else {
-      const m = d;
-      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
+      const u = m;
+      return /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsxs(
         "button",
         {
           ref: a,
           type: "button",
           onClick: c,
           className: l(
-            b({ disabled: !!m.disabled, active: p }),
+            b({ disabled: !!u.disabled, active: d }),
             "w-full text-left"
           ),
-          ...m,
+          ...u,
           children: [
             e,
-            /* @__PURE__ */ s.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: r })
+            /* @__PURE__ */ t.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: r })
           ]
         }
       ) });
     }
   }
-), ca = o(
+), ua = o(
   function({ children: a, label: e, ...r }, n) {
-    return /* @__PURE__ */ s.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...r, children: [
-      /* @__PURE__ */ s.jsx(
+    return /* @__PURE__ */ t.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...r, children: [
+      /* @__PURE__ */ t.jsx(
         f,
         {
           as: "h2",
@@ -752,30 +798,30 @@ const j = i(
           children: e
         }
       ),
-      /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
+      /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col gap-1", children: a })
     ] });
   }
 ), pa = o(
-  ({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+  ({ children: s, ...a }, e) => /* @__PURE__ */ t.jsx(
     "nav",
     {
       ref: e,
       className: "w-56 bg-background border-r border-border flex flex-col my-2",
       "aria-label": "Sidebar",
       ...a,
-      children: /* @__PURE__ */ s.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: t }) })
+      children: /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: s }) })
     }
   )
-), Fa = Object.assign(pa, {
-  Item: la,
-  Group: ca
-}), da = i(
+), Wa = Object.assign(pa, {
+  Item: ma,
+  Group: ua
+}), fa = i(
   "w-full flex items-center px-6 py-4 border-b border-border shadow-xs bg-white",
   {
     variants: {},
     defaultVariants: {}
   }
-), ma = i("flex items-center gap-3 min-w-0 flex-1"), ua = i("flex items-center gap-2 ml-auto"), fa = i(
+), xa = i("flex items-center gap-3 min-w-0 flex-1"), ga = i("flex items-center gap-2 ml-auto"), ba = i(
   "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
   {
     variants: {
@@ -788,55 +834,54 @@ const j = i(
       active: !1
     }
   }
-), xa = i("flex items-center gap-2 ml-4"), ga = i("flex items-center gap-2 mr-4"), ba = o(
+), va = i("flex items-center gap-2 ml-4"), ha = i("flex items-center gap-2 mr-4"), ja = o(
   function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ s.jsx("nav", { ref: n, className: xa({ className: e }), ...r, children: a });
+    return /* @__PURE__ */ t.jsx("nav", { ref: n, className: va({ className: e }), ...r, children: a });
   }
-), va = o(
+), ya = o(
   function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ga({ className: e }), ...r, children: a });
+    return /* @__PURE__ */ t.jsx("div", { ref: n, className: ha({ className: e }), ...r, children: a });
   }
-), ha = o(
+), wa = o(
   function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ma({ className: e }), ...r, children: a });
+    return /* @__PURE__ */ t.jsx("div", { ref: n, className: xa({ className: e }), ...r, children: a });
   }
-), ja = o(
+), Ba = o(
   function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ua({ className: e }), ...r, children: a });
+    return /* @__PURE__ */ t.jsx("div", { ref: n, className: ga({ className: e }), ...r, children: a });
   }
-), ya = o(
+), Na = o(
   function({ children: a, className: e, active: r, ...n }, c) {
-    return /* @__PURE__ */ s.jsx(
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: c,
-        className: fa({ active: r, className: e }),
+        className: ba({ active: r, className: e }),
         "aria-current": r ? "page" : void 0,
         ...n,
         children: a
       }
     );
   }
-), wa = o(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: da({ className: a }), ...e, children: t })
-), Oa = Object.assign(wa, {
-  Leading: ha,
-  Trailing: ja,
-  NavItem: ya,
-  Nav: ba,
-  Actions: va
+), Va = o(
+  ({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx("header", { ref: r, className: fa({ className: a }), ...e, children: s })
+), Ma = Object.assign(Va, {
+  Leading: wa,
+  Trailing: Ba,
+  NavItem: Na,
+  Nav: ja,
+  Actions: ya
 });
 export {
   La as A,
-  Ha as B,
-  Aa as F,
-  Ca as P,
-  Fa as S,
-  Oa as T,
-  za as a,
-  Pa as b,
-  Ra as c,
-  Ga as d,
-  Ia as e,
-  ka as f
+  Aa as B,
+  Ra as F,
+  Ga as P,
+  Wa as S,
+  Ma as T,
+  Pa as a,
+  Ia as b,
+  ka as c,
+  Fa as d,
+  Oa as e
 };