@dimasbaguspm/versaur 0.0.40 → 0.0.42

package/dist/js/{top-bar-D8P4uwtN.js → top-bar-BKeQ6yXv.js}

@@ -1,9 +1,10 @@
-import { c as i, j as r, a as l } from "./index-DOdDlCoL.js";
+import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
 import * as v from "react";
 import { forwardRef as o } from "react";
-import { n as f } from "./image-rectangle-DGO9R_ox.js";
+import { n as f } from "./image-rectangle-DPZAgdEa.js";
 import "./snackbar-DH8jCh2V.js";
-const h = i(
+import { L as h } from "./skeleton-BNZyaRjo.js";
+const j = 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: {
@@ -19,7 +20,7 @@ const h = i(
       variant: "primary"
     }
   }
-), j = i(
+), y = i(
   "flex flex-col justify-center min-w-0 flex-grow",
   {
     variants: {
@@ -33,8 +34,8 @@ const h = i(
       placement: "start"
     }
   }
-), y = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
+), w = o(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: e,
@@ -44,7 +45,7 @@ const h = i(
     }
   )
 ), B = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: e,
@@ -53,7 +54,7 @@ const h = i(
       children: t
     }
   )
-), w = o(({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+), N = o(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
   f,
   {
     ...a,
@@ -65,7 +66,7 @@ const h = i(
     clamp: 1,
     children: t
   }
-)), N = o(({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+)), V = o(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
   f,
   {
     ...a,
@@ -78,8 +79,8 @@ const h = i(
     color: "gray",
     children: t
   }
-)), V = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
+)), S = o(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: e,
@@ -88,33 +89,33 @@ const h = i(
       children: t
     }
   )
-), S = o(
-  ({ children: t, className: a, placement: e }, s) => /* @__PURE__ */ r.jsx(
+), T = o(
+  ({ children: t, className: a, placement: e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
-      ref: s,
-      className: l(j({ placement: e }), a),
+      ref: r,
+      className: l(y({ placement: e }), a),
       children: t
     }
   )
-), T = ({
+), L = ({
   children: t,
   className: a,
   variant: e = "primary"
-}) => /* @__PURE__ */ r.jsx(
+}) => /* @__PURE__ */ s.jsx(
   "header",
   {
-    className: l(h({ variant: e }), a),
+    className: l(j({ variant: e }), a),
     role: "banner",
     children: t
   }
-), Na = Object.assign(T, {
+), La = Object.assign(L, {
   Leading: B,
-  Headline: w,
-  Subtitle: N,
-  Trailing: V,
-  Center: S,
-  Bottom: y
+  Headline: N,
+  Subtitle: V,
+  Trailing: S,
+  Center: T,
+  Bottom: w
 }), H = 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",
   {
@@ -155,47 +156,47 @@ const h = i(
       as: "button"
     }
   }
-), A = o(
+), P = o(
   ({
     as: t = "button",
     icon: a,
     label: e,
-    active: s = !1,
+    active: r = !1,
     className: n,
     children: c,
     ...p
-  }, d) => /* @__PURE__ */ r.jsxs(
+  }, d) => /* @__PURE__ */ s.jsxs(
     t,
     {
       ref: d,
-      "aria-current": s ? "page" : void 0,
-      className: z({ active: s, className: n, as: t }),
+      "aria-current": r ? "page" : void 0,
+      className: z({ active: r, className: n, as: t }),
       ...p,
       children: [
         a && a,
         c && c,
-        e && /* @__PURE__ */ r.jsx("span", { className: "text-xs mt-0.5", children: e })
+        e && /* @__PURE__ */ s.jsx("span", { className: "text-xs mt-0.5", children: e })
       ]
     }
   )
-), P = ({
+), A = ({
   children: t,
   variant: a = "primary",
   size: e = "md",
-  className: s,
+  className: r,
   ...n
-}) => /* @__PURE__ */ r.jsx(
+}) => /* @__PURE__ */ s.jsx(
   "nav",
   {
     role: "navigation",
     "aria-label": "Bottom navigation",
-    className: H({ variant: a, size: e, className: s }),
+    className: H({ variant: a, size: e, className: r }),
     ...n,
     children: t
   }
-), Va = Object.assign(P, {
-  Item: A
-}), C = i("flex", {
+), Ha = Object.assign(A, {
+  Item: P
+}), C = i("flex flex-wrap items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -227,24 +228,24 @@ const h = i(
     gap: "md",
     fluid: !1
   }
-}), Sa = o(
+}), za = o(
   function({
     className: a,
     children: e,
-    orientation: s = "horizontal",
+    orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: p = !1,
     hasMargin: d,
     ...u
   }, m) {
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: m,
         className: l(
           C({
-            orientation: s,
+            orientation: r,
             alignment: n,
             gap: c,
             fluid: p
@@ -258,7 +259,7 @@ const h = i(
       }
     );
   }
-), L = i("flex", {
+), R = i("flex flex-wrap items-center", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -290,24 +291,24 @@ const h = i(
     gap: "md",
     fluid: !1
   }
-}), Ta = o(
+}), Pa = o(
   function({
     className: a,
     children: e,
-    orientation: s = "horizontal",
+    orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: p = !1,
     hasMargin: d,
     ...u
   }, m) {
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: m,
         className: l(
-          L({
-            orientation: s,
+          R({
+            orientation: r,
             alignment: n,
             gap: c,
             fluid: p
@@ -353,24 +354,24 @@ const h = i(
     gap: "md",
     fluid: !1
   }
-}), Ha = o(
+}), Aa = o(
   function({
     className: a,
     children: e,
-    orientation: s = "horizontal",
+    orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: p = !1,
     hasMargin: d,
     ...u
   }, m) {
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: m,
         className: l(
           G({
-            orientation: s,
+            orientation: r,
             alignment: n,
             gap: c,
             fluid: p
@@ -384,54 +385,54 @@ const h = i(
       }
     );
   }
-), R = i("w-full px-4 sm:px-6 py-6 sm:py-8"), za = o(
-  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+), 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: s,
-      className: l(R(), a),
+      ref: r,
+      className: l(I(), a),
       ...e,
       children: t
     }
   )
-), I = i("w-full mt-4"), k = i(
+), 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"
-), F = i("mb-4 px-4 sm:px-6"), O = i(
+), O = i("mb-4 px-4 sm:px-6"), W = i(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), W = i("flex items-center gap-2 flex-wrap"), M = i(
+), M = i("flex items-center gap-2 flex-wrap"), E = 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"
-), E = i("md:hidden"), $ = i(
+), $ = i("md:hidden"), q = i(
   "w-full flex items-center px-4 sm:px-6 py-0 overflow-x-auto"
-), q = o(
-  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+), D = o(
+  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
-      ref: s,
-      className: l(k(), a),
+      ref: r,
+      className: l(F(), a),
       "data-versaur-page-header-top": !0,
       ...e,
       children: t
     }
   )
-), D = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+), J = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
-    className: l(F(), a),
+    ref: r,
+    className: l(O(), a),
     "data-versaur-page-header-breadcrumbs": !0,
     ...e,
     children: t
   }
-)), J = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), K = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
-    className: l(O(), a),
+    ref: r,
+    className: l(W(), a),
     "data-versaur-page-header-content": !0,
     ...e,
     children: t
   }
-)), K = o((t, a) => /* @__PURE__ */ r.jsx(
+)), Q = o((t, a) => /* @__PURE__ */ s.jsx(
   f,
   {
     ...t,
@@ -441,7 +442,7 @@ const h = i(
     ellipsis: !0,
     ref: a
   }
-)), Q = o(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+)), U = o(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
   f,
   {
     as: "p",
@@ -452,83 +453,83 @@ const h = i(
     className: l("mb-2 sm:clamp-3", t),
     ...a
   }
-)), U = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), X = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
-    className: l(W(), a),
+    ref: r,
+    className: l(M(), a),
     "data-versaur-page-header-badges": !0,
     ...e,
     children: t
   }
-)), X = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), Y = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
-    className: l(M(), a),
+    ref: r,
+    className: l(E(), a),
     "data-versaur-page-header-actions": !0,
     ...e,
     children: t
   }
-)), Y = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), Z = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
-    className: l(E(), a),
+    ref: r,
+    className: l($(), a),
     "data-versaur-page-header-mobile-actions": !0,
     ...e,
     children: t
   }
-)), Z = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), _ = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
-    className: l($(), a),
+    ref: r,
+    className: l(q(), a),
     "data-versaur-page-header-bottom": !0,
     ...e,
     children: t
   }
-)), _ = o(
+)), aa = o(
   ({
     children: t,
     className: a,
     title: e,
-    subtitle: s,
+    subtitle: r,
     breadcrumbs: n,
     badges: c,
     actions: p,
     mobileActions: d,
     tabs: u,
     ...m
-  }, g) => {
-    const b = u;
-    return /* @__PURE__ */ r.jsxs(
+  }, x) => {
+    const g = u;
+    return /* @__PURE__ */ s.jsxs(
       "header",
       {
-        ref: g,
-        className: l(I(), a),
+        ref: x,
+        className: l(k(), a),
         role: "banner",
         ...m,
         children: [
-          n && /* @__PURE__ */ r.jsx(D, { children: n }),
-          /* @__PURE__ */ r.jsxs(q, { children: [
-            /* @__PURE__ */ r.jsxs(J, { children: [
-              /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ r.jsx(K, { children: e }),
-                d && /* @__PURE__ */ r.jsx(Y, { children: d })
+          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 })
               ] }),
-              s && /* @__PURE__ */ r.jsx(Q, { children: s }),
-              c && /* @__PURE__ */ r.jsx(U, { children: c })
+              r && /* @__PURE__ */ s.jsx(U, { children: r }),
+              c && /* @__PURE__ */ s.jsx(X, { children: c })
             ] }),
-            p && /* @__PURE__ */ r.jsx(X, { children: p })
+            p && /* @__PURE__ */ s.jsx(Y, { children: p })
           ] }),
-          b && /* @__PURE__ */ r.jsx(Z, { children: u }),
+          g && /* @__PURE__ */ s.jsx(_, { children: u }),
           t
         ]
       }
     );
   }
-), Aa = _, aa = i("w-full mx-auto relative", {
+), Ra = aa, ea = i("w-full mx-auto relative", {
   variants: {
     type: {
       desktop: "max-w-7xl px-6 pb-10",
@@ -539,19 +540,95 @@ const h = i(
   defaultVariants: {
     type: "desktop"
   }
-}), Pa = v.forwardRef(
-  function({ type: a = "desktop", className: e, children: s, ...n }, c) {
-    return /* @__PURE__ */ r.jsx(
+}), Ga = v.forwardRef(
+  function({ type: a = "desktop", className: e, children: r, ...n }, c) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: c,
-        className: l(aa({ type: a }), e),
+        className: l(ea({ type: a }), e),
         ...n,
-        children: s
+        children: r
       }
     );
   }
-), ea = i("grid w-full gap-4 grid-cols-12"), ta = i("", {
+), ta = i(
+  [
+    // Base styles: flex container that centers content
+    "flex",
+    "items-center",
+    "justify-center",
+    "flex-col",
+    "gap-3",
+    // Ensure it takes available space
+    "flex-grow",
+    "w-full"
+  ],
+  {
+    variants: {
+      minimal: {
+        false: [
+          // Full height for standalone page loading
+          "min-h-96",
+          "h-full"
+        ],
+        true: [
+          // Minimal height for inline loading states
+          "min-h-32",
+          "py-8"
+        ]
+      },
+      fullscreen: {
+        true: ["fixed", "inset-0", "z-100", "bg-background"],
+        false: []
+      }
+    },
+    defaultVariants: {
+      minimal: !1,
+      fullscreen: !1
+    }
+  }
+), sa = i([
+  "text-foreground-light",
+  "text-sm",
+  "text-center",
+  "max-w-xs"
+]), Ia = 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,
+    ...x
+  }, g) {
+    return /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        ref: g,
+        className: l(ta({ minimal: d, fullscreen: p }), u),
+        ...x,
+        children: [
+          /* @__PURE__ */ s.jsx("div", { className: "max-w-xs w-full flex justify-center", children: /* @__PURE__ */ s.jsx(
+            h,
+            {
+              type: a,
+              size: e,
+              color: r,
+              ariaLabel: n
+            }
+          ) }),
+          c && /* @__PURE__ */ s.jsx("p", { className: sa(), "aria-live": "polite", children: c }),
+          m
+        ]
+      }
+    );
+  }
+), ra = i("grid w-full gap-4 grid-cols-12"), na = i("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -571,37 +648,37 @@ const h = i(
   defaultVariants: {
     span: "4"
   }
-}), sa = o(
-  function({ className: a, children: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx(
+}), oa = o(
+  function({ className: a, children: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: n,
-        className: l(ea(), a),
-        ...s,
+        className: l(ra(), a),
+        ...r,
         children: e
       }
     );
   }
-), ra = o(
-  function({ span: a = 4, className: e, children: s, ...n }, c) {
+), ia = o(
+  function({ span: a = 4, className: e, children: r, ...n }, c) {
     const p = Math.min(12, Math.max(1, a));
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: c,
         className: l(
-          ta({ span: `${p}` }),
+          na({ span: `${p}` }),
           e
         ),
         ...n,
-        children: s
+        children: r
       }
     );
   }
-), Ca = Object.assign(sa, {
-  Column: ra
-}), x = i(
+), ka = Object.assign(oa, {
+  Column: ia
+}), b = i(
   "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
   {
     variants: {
@@ -619,52 +696,52 @@ const h = i(
       disabled: !1
     }
   }
-), na = o(
+), la = o(
   (t, a) => {
-    const { icon: e, children: s, href: n, onClick: c, active: p, ...d } = t;
+    const { icon: e, children: r, href: n, onClick: c, active: p, ...d } = t;
     if (typeof n == "string") {
       const m = d;
-      return /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
         "a",
         {
           ref: a,
           href: n,
-          className: x({
+          className: b({
             disabled: !!t["aria-disabled"],
             active: p
           }),
           ...m,
           children: [
             e,
-            /* @__PURE__ */ r.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: s })
+            /* @__PURE__ */ s.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: r })
           ]
         }
       ) });
     } else {
       const m = d;
-      return /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
         "button",
         {
           ref: a,
           type: "button",
           onClick: c,
           className: l(
-            x({ disabled: !!m.disabled, active: p }),
+            b({ disabled: !!m.disabled, active: p }),
             "w-full text-left"
           ),
           ...m,
           children: [
             e,
-            /* @__PURE__ */ r.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: s })
+            /* @__PURE__ */ s.jsx(f, { as: "span", color: "inherit", fontSize: "sm", children: r })
           ]
         }
       ) });
     }
   }
-), oa = o(
-  function({ children: a, label: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...s, children: [
-      /* @__PURE__ */ r.jsx(
+), ca = 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(
         f,
         {
           as: "h2",
@@ -675,30 +752,30 @@ const h = i(
           children: e
         }
       ),
-      /* @__PURE__ */ r.jsx("ul", { className: "flex flex-col gap-1", children: a })
+      /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
     ] });
   }
-), ia = o(
-  ({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+), pa = o(
+  ({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
     "nav",
     {
       ref: e,
       className: "w-56 bg-background border-r border-border flex flex-col my-2",
       "aria-label": "Sidebar",
       ...a,
-      children: /* @__PURE__ */ r.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ r.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: t }) })
+      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 }) })
     }
   )
-), La = Object.assign(ia, {
-  Item: na,
-  Group: oa
-}), la = i(
-  "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
+), Fa = Object.assign(pa, {
+  Item: la,
+  Group: ca
+}), da = i(
+  "w-full flex items-center px-6 py-4 border-b border-border shadow-xs bg-white",
   {
     variants: {},
     defaultVariants: {}
   }
-), ca = i("flex items-center gap-3 min-w-0 flex-1"), pa = i("flex items-center gap-2 ml-auto"), da = i(
+), ma = i("flex items-center gap-3 min-w-0 flex-1"), ua = i("flex items-center gap-2 ml-auto"), fa = i(
   "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
   {
     variants: {
@@ -711,54 +788,55 @@ const h = i(
       active: !1
     }
   }
-), ma = i("flex items-center gap-2 ml-4"), ua = i("flex items-center gap-2 mr-4"), fa = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("nav", { ref: n, className: ma({ className: e }), ...s, children: a });
+), xa = i("flex items-center gap-2 ml-4"), ga = i("flex items-center gap-2 mr-4"), ba = o(
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("nav", { ref: n, className: xa({ className: e }), ...r, children: a });
   }
-), xa = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("div", { ref: n, className: ua({ className: e }), ...s, children: a });
+), va = o(
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ga({ className: e }), ...r, children: a });
   }
-), ga = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("div", { ref: n, className: ca({ className: e }), ...s, children: a });
+), ha = o(
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ma({ className: e }), ...r, children: a });
   }
-), ba = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("div", { ref: n, className: pa({ className: e }), ...s, children: a });
+), ja = o(
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ua({ className: e }), ...r, children: a });
   }
-), va = o(
-  function({ children: a, className: e, active: s, ...n }, c) {
-    return /* @__PURE__ */ r.jsx(
+), ya = o(
+  function({ children: a, className: e, active: r, ...n }, c) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: c,
-        className: da({ active: s, className: e }),
-        "aria-current": s ? "page" : void 0,
+        className: fa({ active: r, className: e }),
+        "aria-current": r ? "page" : void 0,
         ...n,
         children: a
       }
     );
   }
-), ha = o(
-  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx("header", { ref: s, className: la({ className: a }), ...e, children: t })
-), Ga = Object.assign(ha, {
-  Leading: ga,
-  Trailing: ba,
-  NavItem: va,
-  Nav: fa,
-  Actions: xa
+), 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
 });
 export {
-  Na as A,
-  Va as B,
-  Ha as F,
-  za as P,
-  La as S,
-  Ga as T,
-  Sa as a,
-  Ta as b,
-  Aa as c,
-  Pa as d,
-  Ca as e
+  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
 };