@dimasbaguspm/versaur 0.0.58 → 0.0.59

package/dist/js/top-bar-DEesTo9i.js

@@ -1,932 +0,0 @@
-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-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: {
-      variant: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        ghost: "",
-        neutral: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-), B = i(
-  "flex flex-col justify-center min-w-0 flex-grow",
-  {
-    variants: {
-      placement: {
-        start: "items-start",
-        center: "items-center",
-        end: "items-end"
-      }
-    },
-    defaultVariants: {
-      placement: "start"
-    }
-  }
-), N = o(
-  ({ children: r, 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: r
-    }
-  )
-), V = o(
-  ({ children: r, className: a }, e) => /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      ref: e,
-      className: l("flex items-center", a),
-      "data-versaur-appbar-leading": !0,
-      children: r
-    }
-  )
-), z = o(({ children: r, ...a }, e) => /* @__PURE__ */ t.jsx(
-  x,
-  {
-    ...a,
-    as: "h1",
-    ref: e,
-    fontSize: "lg",
-    fontWeight: "semibold",
-    ellipsis: !0,
-    clamp: 1,
-    children: r
-  }
-)), S = o(({ children: r, ...a }, e) => /* @__PURE__ */ t.jsx(
-  x,
-  {
-    ...a,
-    ref: e,
-    as: "p",
-    fontSize: "xs",
-    fontWeight: "normal",
-    ellipsis: !0,
-    clamp: 1,
-    color: "gray",
-    children: r
-  }
-)), T = o(
-  ({ children: r, 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: r
-    }
-  )
-), C = o(
-  ({ children: r, className: a, placement: e }, s) => /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      ref: s,
-      className: l(B({ placement: e }), a),
-      children: r
-    }
-  )
-), H = ({
-  children: r,
-  className: a,
-  variant: e = "primary"
-}) => /* @__PURE__ */ t.jsx(
-  "header",
-  {
-    className: l(y({ variant: e }), a),
-    role: "banner",
-    children: r
-  }
-), Aa = 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: {
-      variant: {
-        primary: "",
-        secondary: "",
-        ghost: "",
-        neutral: "",
-        tertiary: ""
-      },
-      size: {
-        sm: "h-12 text-sm",
-        md: "h-16 text-base",
-        lg: "h-20 text-lg"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-), A = i(
-  "flex flex-col items-center justify-center gap-1",
-  {
-    variants: {
-      active: {
-        true: "text-primary",
-        false: "text-ghost"
-      },
-      as: {
-        button: "transition-all duration-200 h-8 w-8 outline-none cursor-pointer active:scale-98 focus-visible:ring-2 focus-visible:ring-primary-light focus-visible:rounded-full",
-        div: ""
-      }
-    },
-    defaultVariants: {
-      active: !1,
-      as: "button"
-    }
-  }
-), P = o(
-  ({
-    as: r = "button",
-    icon: a,
-    label: e,
-    active: s = !1,
-    className: n,
-    children: c,
-    ...d
-  }, u) => /* @__PURE__ */ t.jsxs(
-    r,
-    {
-      ref: u,
-      "aria-current": s ? "page" : void 0,
-      className: A({ active: s, className: n, as: r }),
-      ...d,
-      children: [
-        a && a,
-        c && c,
-        e && /* @__PURE__ */ t.jsx("span", { className: "text-xs mt-0.5", children: e })
-      ]
-    }
-  )
-), I = ({
-  children: r,
-  variant: a = "primary",
-  size: e = "md",
-  className: s,
-  ...n
-}) => /* @__PURE__ */ t.jsx(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "Bottom navigation",
-    className: L({ variant: a, size: e, className: s }),
-    ...n,
-    children: r
-  }
-), Pa = Object.assign(I, {
-  Item: P
-}), R = i("flex items-center", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col"
-    },
-    alignment: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    },
-    gap: {
-      xs: "gap-1",
-      sm: "gap-2",
-      md: "gap-3",
-      lg: "gap-4",
-      xl: "gap-6"
-    },
-    fluid: {
-      true: "[&>*]:flex-1",
-      false: ""
-    },
-    overlay: {
-      true: "flex-nowrap overflow-x-auto",
-      false: "flex-wrap"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    alignment: "start",
-    gap: "md",
-    fluid: !1,
-    overlay: !1
-  }
-}), Ia = o(
-  function({
-    className: a,
-    children: e,
-    orientation: s = "horizontal",
-    alignment: n = "start",
-    gap: c = "md",
-    fluid: d = !1,
-    hasMargin: u,
-    overlay: p = !1,
-    ...m
-  }, f) {
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: f,
-        className: l(
-          R({
-            orientation: s,
-            alignment: n,
-            gap: c,
-            fluid: d,
-            overlay: p
-          }),
-          u && "mb-4",
-          a
-        ),
-        role: "group",
-        ...m,
-        children: e
-      }
-    );
-  }
-), G = i("flex items-center", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col"
-    },
-    alignment: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    },
-    gap: {
-      xs: "gap-1",
-      sm: "gap-2",
-      md: "gap-3",
-      lg: "gap-4",
-      xl: "gap-6"
-    },
-    fluid: {
-      true: "[&>*]:flex-1",
-      false: ""
-    },
-    overlay: {
-      true: "flex-nowrap overflow-x-auto",
-      false: "flex-wrap"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    alignment: "start",
-    gap: "md",
-    fluid: !1,
-    overlay: !1
-  }
-}), Ra = o(
-  function({
-    className: a,
-    children: e,
-    orientation: s = "horizontal",
-    alignment: n = "start",
-    gap: c = "md",
-    fluid: d = !1,
-    hasMargin: u,
-    overlay: p = !1,
-    ...m
-  }, f) {
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: f,
-        className: l(
-          G({
-            orientation: s,
-            alignment: n,
-            gap: c,
-            fluid: d,
-            overlay: p
-          }),
-          u && "mb-4",
-          a
-        ),
-        role: "group",
-        ...m,
-        children: e
-      }
-    );
-  }
-), k = i("flex items-center", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col"
-    },
-    alignment: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    },
-    gap: {
-      xs: "gap-1",
-      sm: "gap-2",
-      md: "gap-3",
-      lg: "gap-4",
-      xl: "gap-6"
-    },
-    fluid: {
-      true: "[&>*]:flex-1",
-      false: ""
-    },
-    overlay: {
-      true: "flex-nowrap overflow-x-auto",
-      false: "flex-wrap"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    alignment: "start",
-    gap: "md",
-    fluid: !1,
-    overlay: !1
-  }
-}), Ga = o(
-  function({
-    className: a,
-    children: e,
-    orientation: s = "horizontal",
-    alignment: n = "start",
-    gap: c = "md",
-    fluid: d = !1,
-    hasMargin: u,
-    overlay: p = !1,
-    ...m
-  }, f) {
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: f,
-        className: l(
-          k({
-            orientation: s,
-            alignment: n,
-            gap: c,
-            fluid: d,
-            overlay: p
-          }),
-          u && "mb-4",
-          a
-        ),
-        role: "group",
-        ...m,
-        children: e
-      }
-    );
-  }
-), F = i("w-full mb-4", {
-  variants: {
-    backgroundColor: {
-      white: "bg-white",
-      gray: "bg-neutral"
-    }
-  },
-  defaultVariants: {
-    backgroundColor: "white"
-  }
-}), O = i("w-full mx-auto pt-4 md:pt-10", {
-  variants: {
-    size: {
-      fluid: "max-w-full",
-      wide: "max-w-7xl",
-      narrow: "max-w-3xl"
-    }
-  },
-  defaultVariants: {
-    size: "fluid"
-  }
-}), 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"
-), $ = 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 = i("md:hidden"), J = i(
-  "w-full flex items-center py-0 overflow-x-auto"
-), K = o(
-  ({ children: r, className: a, size: e = "fluid", ...s }, n) => /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      ref: n,
-      className: l(W({ size: e }), a),
-      "data-versaur-page-header-top": !0,
-      ...s,
-      children: r
-    }
-  )
-), Q = o(({ children: r, className: a, size: e = "fluid", ...s }, n) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    ref: n,
-    className: l(M({ size: e }), a),
-    "data-versaur-page-header-breadcrumbs": !0,
-    ...s,
-    children: r
-  }
-)), U = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    ref: s,
-    className: l(E(), a),
-    "data-versaur-page-header-content": !0,
-    ...e,
-    children: r
-  }
-)), X = o((r, a) => /* @__PURE__ */ t.jsx(
-  x,
-  {
-    ...r,
-    as: "h1",
-    fontSize: "xl",
-    fontWeight: "semibold",
-    ellipsis: !0,
-    ref: a
-  }
-)), Y = o(({ className: r, ...a }, e) => /* @__PURE__ */ t.jsx(
-  x,
-  {
-    as: "p",
-    fontSize: "sm",
-    fontWeight: "normal",
-    clamp: 2,
-    ref: e,
-    className: l("mb-2 sm:clamp-3", r),
-    ...a
-  }
-)), Z = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    ref: s,
-    className: l($(), a),
-    "data-versaur-page-header-badges": !0,
-    ...e,
-    children: r
-  }
-)), _ = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    ref: s,
-    className: l(q(), a),
-    "data-versaur-page-header-actions": !0,
-    ...e,
-    children: r
-  }
-)), aa = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    ref: s,
-    className: l(D(), a),
-    "data-versaur-page-header-mobile-actions": !0,
-    ...e,
-    children: r
-  }
-)), ea = o(({ children: r, className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    ref: s,
-    className: l(J(), a),
-    "data-versaur-page-header-bottom": !0,
-    ...e,
-    children: r
-  }
-)), ta = o(
-  ({
-    children: r,
-    className: a,
-    size: e = "fluid",
-    backgroundColor: s = "white",
-    title: n,
-    subtitle: c,
-    breadcrumbs: d,
-    badges: u,
-    actions: p,
-    mobileActions: m,
-    tabs: f,
-    ...g
-  }, h) => {
-    const j = f;
-    return /* @__PURE__ */ t.jsx(
-      "header",
-      {
-        ref: h,
-        className: l(F({ backgroundColor: s })),
-        role: "banner",
-        ...g,
-        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 }),
-                m && /* @__PURE__ */ t.jsx(aa, { children: m })
-              ] }),
-              c && /* @__PURE__ */ t.jsx(Y, { children: c }),
-              u && /* @__PURE__ */ t.jsx(Z, { children: u })
-            ] }),
-            p && /* @__PURE__ */ t.jsx(_, { children: p })
-          ] }),
-          j && /* @__PURE__ */ t.jsx(ea, { children: f }),
-          r
-        ] })
-      }
-    );
-  }
-), ka = ta, ra = i("w-full", {
-  variants: {
-    backgroundColor: {
-      white: "bg-white",
-      gray: "bg-neutral"
-    }
-  },
-  defaultVariants: {
-    backgroundColor: "white"
-  }
-}), sa = i("w-full mx-auto relative", {
-  variants: {
-    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: {
-    size: "fluid",
-    template: "single-column"
-  }
-}), Fa = b.forwardRef(
-  function({
-    size: a = "fluid",
-    template: e = "single-column",
-    backgroundColor: s = "white",
-    className: n,
-    children: c,
-    ...d
-  }, u) {
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: u,
-        className: l(ra({ backgroundColor: s })),
-        ...d,
-        children: /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: l(
-              sa({ size: a, template: e }),
-              n
-            ),
-            children: /* @__PURE__ */ t.jsx("div", { children: c })
-          }
-        )
-      }
-    );
-  }
-), na = 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
-    }
-  }
-), oa = i([
-  "text-foreground-light",
-  "text-sm",
-  "text-center",
-  "max-w-xs"
-]), Oa = b.forwardRef(
-  function({
-    type: a = "bar",
-    size: e = "sm",
-    color: s = "primary",
-    ariaLabel: n = "Loading page",
-    message: c,
-    fullscreen: d = !1,
-    minimal: u = !1,
-    className: p,
-    children: m,
-    ...f
-  }, g) {
-    return /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        ref: g,
-        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(
-            w,
-            {
-              type: a,
-              size: e,
-              color: s,
-              ariaLabel: n
-            }
-          ) }),
-          c && /* @__PURE__ */ t.jsx("p", { className: oa(), "aria-live": "polite", children: c }),
-          m
-        ]
-      }
-    );
-  }
-), ia = i("grid w-full gap-4 grid-cols-12"), la = i("", {
-  variants: {
-    span: {
-      1: "col-span-1",
-      2: "col-span-2",
-      3: "col-span-3",
-      4: "col-span-4",
-      5: "col-span-5",
-      6: "col-span-6",
-      7: "col-span-7",
-      8: "col-span-8",
-      9: "col-span-9",
-      10: "col-span-10",
-      11: "col-span-11",
-      12: "col-span-12"
-    }
-  },
-  defaultVariants: {
-    span: "4"
-  }
-}), ca = o(
-  function({ className: a, children: e, ...s }, n) {
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: n,
-        className: l(ia(), a),
-        ...s,
-        children: e
-      }
-    );
-  }
-), da = o(
-  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: l(
-          la({ span: `${d}` }),
-          e
-        ),
-        ...n,
-        children: s
-      }
-    );
-  }
-), Wa = Object.assign(ca, {
-  Column: da
-}), v = i(
-  "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-primary/10 text-primary",
-        false: "text-ghost"
-      },
-      disabled: {
-        true: "opacity-50 pointer-events-none",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      active: !1,
-      disabled: !1
-    }
-  }
-), ua = o(
-  (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(
-        "a",
-        {
-          ref: a,
-          href: n,
-          className: v({
-            disabled: !!r["aria-disabled"],
-            active: d
-          }),
-          ...m,
-          children: [
-            e,
-            /* @__PURE__ */ t.jsx(x, { as: "span", color: "inherit", fontSize: "sm", children: s })
-          ]
-        }
-      ) });
-    } else {
-      const m = u;
-      return /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsxs(
-        "button",
-        {
-          ref: a,
-          type: "button",
-          onClick: c,
-          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: s })
-          ]
-        }
-      ) });
-    }
-  }
-), ma = o(
-  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,
-        {
-          as: "h2",
-          fontSize: "xs",
-          fontWeight: "semibold",
-          color: "gray",
-          className: "px-2",
-          children: e
-        }
-      ),
-      /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col gap-1", children: a })
-    ] });
-  }
-), pa = o(
-  ({ 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: r }) })
-    }
-  )
-), Ma = Object.assign(pa, {
-  Item: ua,
-  Group: ma
-}), fa = i(
-  "w-full flex items-center px-6 py-4 border-b border-border shadow-xs bg-white",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-), 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: {
-      active: {
-        true: "bg-primary/10 text-primary",
-        false: "hover:text-primary text-ghost"
-      }
-    },
-    defaultVariants: {
-      active: !1
-    }
-  }
-), 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, ...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, ...s }, n) {
-    return /* @__PURE__ */ t.jsx("div", { ref: n, className: ga({ className: e }), ...s, children: a });
-  }
-), Na = o(
-  function({ children: a, className: e, active: s, ...n }, c) {
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        ref: c,
-        className: va({ active: s, className: e }),
-        "aria-current": s ? "page" : void 0,
-        ...n,
-        children: a
-      }
-    );
-  }
-), Va = o(
-  ({ 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: wa
-});
-export {
-  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
-};