@dimasbaguspm/versaur 0.0.57 → 0.0.58

package/dist/js/{top-bar-Do2JqSqe.js → top-bar-DEesTo9i.js}

@@ -1,10 +1,11 @@
-import { c as l, j as t, a as i } from "./index-DOdDlCoL.js";
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { c as i, a as l } from "./index-BDtz_hQY.js";
 import * as b from "react";
 import { forwardRef as o } from "react";
-import { n as x } from "./image-rectangle-K9jmTTED.js";
-import "./snackbar-DH8jCh2V.js";
-import { L as y } from "./skeleton-BNZyaRjo.js";
-const w = l(
+import { n as x } from "./image-rectangle-CCvXv24a.js";
+import "./snackbar-CTq4MLir.js";
+import { L as w } from "./skeleton-BRwIW26B.js";
+const y = 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 +21,7 @@ const w = l(
       variant: "primary"
     }
   }
-), B = l(
+), B = i(
   "flex flex-col justify-center min-w-0 flex-grow",
   {
     variants: {
@@ -35,26 +36,26 @@ const w = l(
     }
   }
 ), N = o(
-  ({ children: s, className: a }, e) => /* @__PURE__ */ t.jsx(
+  ({ children: r, className: a }, e) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
       "data-versaur-appbar-bottom": !0,
-      className: i("w-full flex items-center min-h-[2.5rem] mt-2", a),
-      children: s
+      className: l("w-full flex items-center min-h-[2.5rem] mt-2", a),
+      children: r
     }
   )
 ), V = o(
-  ({ children: s, className: a }, e) => /* @__PURE__ */ t.jsx(
+  ({ children: r, className: a }, e) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      className: i("flex items-center", a),
+      className: l("flex items-center", a),
       "data-versaur-appbar-leading": !0,
-      children: s
+      children: r
     }
   )
-), z = o(({ children: s, ...a }, e) => /* @__PURE__ */ t.jsx(
+), z = o(({ children: r, ...a }, e) => /* @__PURE__ */ t.jsx(
   x,
   {
     ...a,
@@ -64,9 +65,9 @@ const w = l(
     fontWeight: "semibold",
     ellipsis: !0,
     clamp: 1,
-    children: s
+    children: r
   }
-)), S = o(({ children: s, ...a }, e) => /* @__PURE__ */ t.jsx(
+)), S = o(({ children: r, ...a }, e) => /* @__PURE__ */ t.jsx(
   x,
   {
     ...a,
@@ -77,46 +78,46 @@ const w = l(
     ellipsis: !0,
     clamp: 1,
     color: "gray",
-    children: s
+    children: r
   }
 )), T = o(
-  ({ children: s, className: a }, e) => /* @__PURE__ */ t.jsx(
+  ({ children: r, className: a }, e) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: e,
-      className: i("flex items-center justify-end gap-2", a),
+      className: l("flex items-center justify-end gap-2", a),
       "data-versaur-appbar-trailing": !0,
-      children: s
+      children: r
     }
   )
 ), C = o(
-  ({ children: s, className: a, placement: e }, r) => /* @__PURE__ */ t.jsx(
+  ({ children: r, className: a, placement: e }, s) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      className: i(B({ placement: e }), a),
-      children: s
+      ref: s,
+      className: l(B({ placement: e }), a),
+      children: r
     }
   )
 ), H = ({
-  children: s,
+  children: r,
   className: a,
   variant: e = "primary"
 }) => /* @__PURE__ */ t.jsx(
   "header",
   {
-    className: i(w({ variant: e }), a),
+    className: l(y({ variant: e }), a),
     role: "banner",
-    children: s
+    children: r
   }
-), La = Object.assign(H, {
+), Aa = Object.assign(H, {
   Leading: V,
   Headline: z,
   Subtitle: S,
   Trailing: T,
   Center: C,
   Bottom: N
-}), L = l(
+}), 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 +139,7 @@ const w = l(
       size: "md"
     }
   }
-), A = l(
+), A = i(
   "flex flex-col items-center justify-center gap-1",
   {
     variants: {
@@ -158,19 +159,19 @@ const w = l(
   }
 ), P = o(
   ({
-    as: s = "button",
+    as: r = "button",
     icon: a,
     label: e,
-    active: r = !1,
+    active: s = !1,
     className: n,
     children: c,
     ...d
   }, u) => /* @__PURE__ */ t.jsxs(
-    s,
+    r,
     {
       ref: u,
-      "aria-current": r ? "page" : void 0,
-      className: A({ active: r, className: n, as: s }),
+      "aria-current": s ? "page" : void 0,
+      className: A({ active: s, className: n, as: r }),
       ...d,
       children: [
         a && a,
@@ -180,23 +181,23 @@ const w = l(
     }
   )
 ), I = ({
-  children: s,
+  children: r,
   variant: a = "primary",
   size: e = "md",
-  className: r,
+  className: s,
   ...n
 }) => /* @__PURE__ */ t.jsx(
   "nav",
   {
     role: "navigation",
     "aria-label": "Bottom navigation",
-    className: L({ variant: a, size: e, className: r }),
+    className: L({ variant: a, size: e, className: s }),
     ...n,
-    children: s
+    children: r
   }
-), Aa = Object.assign(I, {
+), Pa = Object.assign(I, {
   Item: P
-}), R = l("flex items-center", {
+}), R = i("flex items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -233,11 +234,11 @@ const w = l(
     fluid: !1,
     overlay: !1
   }
-}), Pa = o(
+}), Ia = o(
   function({
     className: a,
     children: e,
-    orientation: r = "horizontal",
+    orientation: s = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: d = !1,
@@ -249,9 +250,9 @@ const w = l(
       "div",
       {
         ref: f,
-        className: i(
+        className: l(
           R({
-            orientation: r,
+            orientation: s,
             alignment: n,
             gap: c,
             fluid: d,
@@ -266,7 +267,7 @@ const w = l(
       }
     );
   }
-), G = l("flex items-center", {
+), G = i("flex items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -303,11 +304,11 @@ const w = l(
     fluid: !1,
     overlay: !1
   }
-}), Ia = o(
+}), Ra = o(
   function({
     className: a,
     children: e,
-    orientation: r = "horizontal",
+    orientation: s = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: d = !1,
@@ -319,9 +320,9 @@ const w = l(
       "div",
       {
         ref: f,
-        className: i(
+        className: l(
           G({
-            orientation: r,
+            orientation: s,
             alignment: n,
             gap: c,
             fluid: d,
@@ -336,7 +337,7 @@ const w = l(
       }
     );
   }
-), k = l("flex items-center", {
+), k = i("flex items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -373,11 +374,11 @@ const w = l(
     fluid: !1,
     overlay: !1
   }
-}), Ra = o(
+}), Ga = o(
   function({
     className: a,
     children: e,
-    orientation: r = "horizontal",
+    orientation: s = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: d = !1,
@@ -389,9 +390,9 @@ const w = l(
       "div",
       {
         ref: f,
-        className: i(
+        className: l(
           k({
-            orientation: r,
+            orientation: s,
             alignment: n,
             gap: c,
             fluid: d,
@@ -406,7 +407,7 @@ const w = l(
       }
     );
   }
-), F = l("w-full mb-4", {
+), F = i("w-full mb-4", {
   variants: {
     backgroundColor: {
       white: "bg-white",
@@ -416,65 +417,88 @@ const w = l(
   defaultVariants: {
     backgroundColor: "white"
   }
-}), O = l("w-full mx-auto pt-4 md:pt-10", {
+}), 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"
+      fluid: "max-w-full",
+      wide: "max-w-7xl",
+      narrow: "max-w-3xl"
     }
   },
   defaultVariants: {
     size: "fluid"
   }
-}), W = l(
-  "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4"
-), M = l("mb-4"), E = l(
+}), W = i(
+  "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4",
+  {
+    variants: {
+      size: {
+        fluid: "px-0",
+        wide: "px-6",
+        narrow: "px-4"
+      }
+    },
+    defaultVariants: {
+      size: "fluid"
+    }
+  }
+), M = i("mb-4", {
+  variants: {
+    size: {
+      fluid: "px-0",
+      wide: "px-6",
+      narrow: "px-4"
+    }
+  },
+  defaultVariants: {
+    size: "fluid"
+  }
+}), E = i(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), $ = l("flex items-center gap-2 flex-wrap"), q = l(
+), $ = 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"
-), D = l("md:hidden"), J = l(
+), 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(
+  ({ children: r, className: a, size: e = "fluid", ...s }, n) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: r,
-      className: i(W(), a),
+      ref: n,
+      className: l(W({ size: e }), a),
       "data-versaur-page-header-top": !0,
-      ...e,
-      children: s
+      ...s,
+      children: r
     }
   )
-), Q = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
+), Q = o(({ children: r, className: a, size: e = "fluid", ...s }, n) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    ref: r,
-    className: i(M(), a),
+    ref: n,
+    className: l(M({ size: e }), a),
     "data-versaur-page-header-breadcrumbs": !0,
-    ...e,
-    children: s
+    ...s,
+    children: r
   }
-)), U = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
+)), U = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    ref: r,
-    className: i(E(), a),
+    ref: s,
+    className: l(E(), a),
     "data-versaur-page-header-content": !0,
     ...e,
-    children: s
+    children: r
   }
-)), X = o((s, a) => /* @__PURE__ */ t.jsx(
+)), X = o((r, a) => /* @__PURE__ */ t.jsx(
   x,
   {
-    ...s,
+    ...r,
     as: "h1",
     fontSize: "xl",
     fontWeight: "semibold",
     ellipsis: !0,
     ref: a
   }
-)), Y = o(({ className: s, ...a }, e) => /* @__PURE__ */ t.jsx(
+)), Y = o(({ className: r, ...a }, e) => /* @__PURE__ */ t.jsx(
   x,
   {
     as: "p",
@@ -482,51 +506,51 @@ const w = l(
     fontWeight: "normal",
     clamp: 2,
     ref: e,
-    className: i("mb-2 sm:clamp-3", s),
+    className: l("mb-2 sm:clamp-3", r),
     ...a
   }
-)), Z = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
+)), Z = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    ref: r,
-    className: i($(), a),
+    ref: s,
+    className: l($(), a),
     "data-versaur-page-header-badges": !0,
     ...e,
-    children: s
+    children: r
   }
-)), _ = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
+)), _ = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    ref: r,
-    className: i(q(), a),
+    ref: s,
+    className: l(q(), a),
     "data-versaur-page-header-actions": !0,
     ...e,
-    children: s
+    children: r
   }
-)), aa = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
+)), aa = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    ref: r,
-    className: i(D(), a),
+    ref: s,
+    className: l(D(), a),
     "data-versaur-page-header-mobile-actions": !0,
     ...e,
-    children: s
+    children: r
   }
-)), ea = o(({ children: s, className: a, ...e }, r) => /* @__PURE__ */ t.jsx(
+)), ea = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    ref: r,
-    className: i(J(), a),
+    ref: s,
+    className: l(J(), a),
     "data-versaur-page-header-bottom": !0,
     ...e,
-    children: s
+    children: r
   }
 )), ta = o(
   ({
-    children: s,
+    children: r,
     className: a,
     size: e = "fluid",
-    backgroundColor: r = "white",
+    backgroundColor: s = "white",
     title: n,
     subtitle: c,
     breadcrumbs: d,
@@ -541,12 +565,12 @@ const w = l(
       "header",
       {
         ref: h,
-        className: i(F({ backgroundColor: r })),
+        className: l(F({ backgroundColor: s })),
         role: "banner",
         ...g,
-        children: /* @__PURE__ */ t.jsxs("div", { className: i(O({ size: e }), a), children: [
-          d && /* @__PURE__ */ t.jsx(Q, { children: d }),
-          /* @__PURE__ */ t.jsxs(K, { children: [
+        children: /* @__PURE__ */ t.jsxs("div", { className: l(O({ size: e }), a), children: [
+          d && /* @__PURE__ */ t.jsx(Q, { size: e, children: d }),
+          /* @__PURE__ */ t.jsxs(K, { size: e, children: [
             /* @__PURE__ */ t.jsxs(U, { children: [
               /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ t.jsx(X, { children: n }),
@@ -558,12 +582,12 @@ const w = l(
             p && /* @__PURE__ */ t.jsx(_, { children: p })
           ] }),
           j && /* @__PURE__ */ t.jsx(ea, { children: f }),
-          s
+          r
         ] })
       }
     );
   }
-), Ga = ta, sa = l("w-full", {
+), ka = ta, ra = i("w-full", {
   variants: {
     backgroundColor: {
       white: "bg-white",
@@ -573,7 +597,7 @@ const w = l(
   defaultVariants: {
     backgroundColor: "white"
   }
-}), ra = l("w-full mx-auto relative", {
+}), sa = i("w-full mx-auto relative", {
   variants: {
     size: {
       fluid: "max-w-full px-0",
@@ -591,11 +615,11 @@ const w = l(
     size: "fluid",
     template: "single-column"
   }
-}), ka = b.forwardRef(
+}), Fa = b.forwardRef(
   function({
     size: a = "fluid",
     template: e = "single-column",
-    backgroundColor: r = "white",
+    backgroundColor: s = "white",
     className: n,
     children: c,
     ...d
@@ -604,13 +628,13 @@ const w = l(
       "div",
       {
         ref: u,
-        className: i(sa({ backgroundColor: r })),
+        className: l(ra({ backgroundColor: s })),
         ...d,
         children: /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: i(
-              ra({ size: a, template: e }),
+            className: l(
+              sa({ size: a, template: e }),
               n
             ),
             children: /* @__PURE__ */ t.jsx("div", { children: c })
@@ -619,7 +643,7 @@ const w = l(
       }
     );
   }
-), na = l(
+), na = i(
   [
     // Base styles: flex container that centers content
     "flex",
@@ -655,16 +679,16 @@ const w = l(
       fullscreen: !1
     }
   }
-), oa = l([
+), oa = i([
   "text-foreground-light",
   "text-sm",
   "text-center",
   "max-w-xs"
-]), Fa = b.forwardRef(
+]), Oa = b.forwardRef(
   function({
     type: a = "bar",
     size: e = "sm",
-    color: r = "primary",
+    color: s = "primary",
     ariaLabel: n = "Loading page",
     message: c,
     fullscreen: d = !1,
@@ -677,15 +701,15 @@ const w = l(
       "div",
       {
         ref: g,
-        className: i(na({ minimal: u, fullscreen: d }), p),
+        className: l(na({ minimal: u, fullscreen: d }), p),
         ...f,
         children: [
           /* @__PURE__ */ t.jsx("div", { className: "max-w-xs w-full flex justify-center", children: /* @__PURE__ */ t.jsx(
-            y,
+            w,
             {
               type: a,
               size: e,
-              color: r,
+              color: s,
               ariaLabel: n
             }
           ) }),
@@ -695,7 +719,7 @@ const w = l(
       }
     );
   }
-), la = l("grid w-full gap-4 grid-cols-12"), ia = l("", {
+), ia = i("grid w-full gap-4 grid-cols-12"), la = i("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -716,36 +740,36 @@ const w = l(
     span: "4"
   }
 }), ca = o(
-  function({ className: a, children: e, ...r }, n) {
+  function({ className: a, children: e, ...s }, n) {
     return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: n,
-        className: i(la(), a),
-        ...r,
+        className: l(ia(), a),
+        ...s,
         children: e
       }
     );
   }
 ), da = o(
-  function({ span: a = 4, className: e, children: r, ...n }, c) {
+  function({ span: a = 4, className: e, children: s, ...n }, c) {
     const d = Math.min(12, Math.max(1, a));
     return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: c,
-        className: i(
-          ia({ span: `${d}` }),
+        className: l(
+          la({ span: `${d}` }),
           e
         ),
         ...n,
-        children: r
+        children: s
       }
     );
   }
-), Oa = Object.assign(ca, {
+), Wa = Object.assign(ca, {
   Column: da
-}), v = l(
+}), v = i(
   "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
   {
     variants: {
@@ -764,8 +788,8 @@ const w = l(
     }
   }
 ), ua = o(
-  (s, a) => {
-    const { icon: e, children: r, href: n, onClick: c, active: d, ...u } = s;
+  (r, a) => {
+    const { icon: e, children: s, href: n, onClick: c, active: d, ...u } = r;
     if (typeof n == "string") {
       const m = u;
       return /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsxs(
@@ -774,13 +798,13 @@ const w = l(
           ref: a,
           href: n,
           className: v({
-            disabled: !!s["aria-disabled"],
+            disabled: !!r["aria-disabled"],
             active: d
           }),
           ...m,
           children: [
             e,
-            /* @__PURE__ */ t.jsx(x, { as: "span", color: "inherit", fontSize: "sm", children: r })
+            /* @__PURE__ */ t.jsx(x, { as: "span", color: "inherit", fontSize: "sm", children: s })
           ]
         }
       ) });
@@ -792,22 +816,22 @@ const w = l(
           ref: a,
           type: "button",
           onClick: c,
-          className: i(
+          className: l(
             v({ disabled: !!m.disabled, active: d }),
             "w-full text-left"
           ),
           ...m,
           children: [
             e,
-            /* @__PURE__ */ t.jsx(x, { as: "span", color: "inherit", fontSize: "sm", children: r })
+            /* @__PURE__ */ t.jsx(x, { as: "span", color: "inherit", fontSize: "sm", children: s })
           ]
         }
       ) });
     }
   }
 ), ma = o(
-  function({ children: a, label: e, ...r }, n) {
-    return /* @__PURE__ */ t.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...r, children: [
+  function({ children: a, label: e, ...s }, n) {
+    return /* @__PURE__ */ t.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...s, children: [
       /* @__PURE__ */ t.jsx(
         x,
         {
@@ -823,26 +847,26 @@ const w = l(
     ] });
   }
 ), pa = o(
-  ({ children: s, ...a }, e) => /* @__PURE__ */ t.jsx(
+  ({ children: r, ...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__ */ 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 }) })
+      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: r }) })
     }
   )
-), Wa = Object.assign(pa, {
+), Ma = Object.assign(pa, {
   Item: ua,
   Group: ma
-}), fa = l(
+}), fa = i(
   "w-full flex items-center px-6 py-4 border-b border-border shadow-xs bg-white",
   {
     variants: {},
     defaultVariants: {}
   }
-), xa = l("flex items-center gap-3 min-w-0 flex-1"), ga = l("flex items-center gap-2 ml-auto"), va = l(
+), xa = i("flex items-center gap-3 min-w-0 flex-1"), ga = i("flex items-center gap-2 ml-auto"), va = i(
   "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
   {
     variants: {
@@ -855,54 +879,54 @@ const w = l(
       active: !1
     }
   }
-), ba = l("flex items-center gap-2 ml-4"), ha = l("flex items-center gap-2 mr-4"), ja = o(
-  function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ t.jsx("nav", { ref: n, className: ba({ className: e }), ...r, children: a });
-  }
-), ya = o(
-  function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ t.jsx("div", { ref: n, className: ha({ className: e }), ...r, children: a });
+), ba = i("flex items-center gap-2 ml-4"), ha = i("flex items-center gap-2 mr-4"), ja = o(
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ t.jsx("nav", { ref: n, className: ba({ className: e }), ...s, children: a });
   }
 ), wa = o(
-  function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ t.jsx("div", { ref: n, className: xa({ className: e }), ...r, children: a });
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ t.jsx("div", { ref: n, className: ha({ className: e }), ...s, children: a });
+  }
+), ya = o(
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ t.jsx("div", { ref: n, className: xa({ className: e }), ...s, children: a });
   }
 ), Ba = o(
-  function({ children: a, className: e, ...r }, n) {
-    return /* @__PURE__ */ t.jsx("div", { ref: n, className: ga({ className: e }), ...r, children: a });
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ t.jsx("div", { ref: n, className: ga({ className: e }), ...s, children: a });
   }
 ), Na = o(
-  function({ children: a, className: e, active: r, ...n }, c) {
+  function({ children: a, className: e, active: s, ...n }, c) {
     return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: c,
-        className: va({ active: r, className: e }),
-        "aria-current": r ? "page" : void 0,
+        className: va({ active: s, className: e }),
+        "aria-current": s ? "page" : void 0,
         ...n,
         children: a
       }
     );
   }
 ), 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,
+  ({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx("header", { ref: s, className: fa({ className: a }), ...e, children: r })
+), Ea = Object.assign(Va, {
+  Leading: ya,
   Trailing: Ba,
   NavItem: Na,
   Nav: ja,
-  Actions: ya
+  Actions: wa
 });
 export {
-  La as A,
-  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
+  Aa as A,
+  Pa as B,
+  Ga as F,
+  ka as P,
+  Ma as S,
+  Ea as T,
+  Ia as a,
+  Ra as b,
+  Fa as c,
+  Oa as d,
+  Wa as e
 };