@midas-ds/components 16.1.0 → 16.2.0

package/chunks/ComboBox-N97lv5kN.js

@@ -0,0 +1,108 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import g from "react";
+import { ComboBox as y, Input as B, Button as F, Collection as w } from "react-aria-components";
+import { c as s } from "./clsx-AexbMWKp.js";
+import { a as C, L as S } from "./Label-Dup4lWaR.js";
+import { T as u } from "./Text-TWzJxnto.js";
+import { F as h } from "./FieldError-C0HRIcAx.js";
+import { L as v } from "./ListBox-D5BBeZWL.js";
+import { a as R, L as N, b as E } from "./ListBoxSection-MZB_5DdD.js";
+import { C as I } from "./chevron-down-DgT-uSF9.js";
+import { u as T } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import '../assets/ComboBox.css';const j = "_combobox_47hgd_1", O = "_inputField_47hgd_6", U = "_medium_47hgd_28", z = "_wrap_47hgd_74", D = "_button_47hgd_80", M = "_icon_47hgd_116", V = "_emptyState_47hgd_122", t = {
+  combobox: j,
+  inputField: O,
+  medium: U,
+  wrap: z,
+  button: D,
+  icon: M,
+  emptyState: V
+}, W = { showList: "Show list", noResultsFound: "No results found" }, $ = { showList: "Visa lista", noResultsFound: "Inga träffar" }, k = {
+  en: W,
+  sv: $
+};
+function to({
+  label: e,
+  description: i,
+  errorMessage: r,
+  children: p,
+  items: f,
+  className: _,
+  errorPosition: a = "top",
+  size: m = "large",
+  popover: b,
+  ...n
+}) {
+  const d = g.useRef(null), c = T(k), x = (L) => {
+    L.currentTarget.value && d.current?.select();
+  };
+  return /* @__PURE__ */ l(
+    y,
+    {
+      className: s(t.combobox, _),
+      ...n,
+      "data-readonly": n.isReadOnly || void 0,
+      children: [
+        /* @__PURE__ */ o(C, { popover: b, children: e && /* @__PURE__ */ o(S, { children: e }) }),
+        i && /* @__PURE__ */ o(u, { slot: "description", children: i }),
+        a === "top" && /* @__PURE__ */ o(h, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ l("div", { className: t.wrap, children: [
+          /* @__PURE__ */ o(
+            B,
+            {
+              className: s(t.inputField, {
+                [t.medium]: m === "medium"
+              }),
+              "data-readonly": n.isReadOnly || void 0,
+              onMouseUp: x,
+              ref: d
+            }
+          ),
+          /* @__PURE__ */ o(
+            F,
+            {
+              className: s(t.button, {
+                [t.medium]: m === "medium"
+              }),
+              "aria-label": c.format("showList"),
+              children: /* @__PURE__ */ o(
+                "div",
+                {
+                  className: t.icon,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ o(
+                    I,
+                    {
+                      size: 20,
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        a === "bottom" && /* @__PURE__ */ o(h, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+          v,
+          {
+            items: f,
+            renderEmptyState: () => /* @__PURE__ */ o(u, { className: t.emptyState, children: c.format("noResultsFound") }),
+            children: p
+          }
+        ) })
+      ]
+    }
+  );
+}
+function q(e) {
+  return /* @__PURE__ */ o(N, { ...e });
+}
+function eo(e) {
+  return /* @__PURE__ */ o(E, { ...e, children: /* @__PURE__ */ o(w, { items: e.children, children: (i) => /* @__PURE__ */ o(q, { children: i.name }, i.id) }) });
+}
+export {
+  to as C,
+  q as a,
+  eo as b
+};

package/chunks/{DateField-ltU-Jvra.js → DateField-DeuLPe1Y.js}

@@ -3,7 +3,7 @@ import { DateField as u } from "react-aria-components";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
 import { F as s } from "./FieldError-C0HRIcAx.js";
-import { a as h, L as D } from "./Label-DqmNWnmm.js";
+import { a as h, L as D } from "./Label-Dup4lWaR.js";
 import { T as b } from "./Text-TWzJxnto.js";
 import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
   dateField: x,

package/chunks/{DateRangePicker-CdoVIV-F.js → DateRangePicker-BqjLArNi.js}

@@ -4,7 +4,7 @@ import { a as m } from "./clsx-AexbMWKp.js";
 import { C as M, R as N } from "./RangeCalendar-CGk2btOp.js";
 import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
 import { F as h } from "./FieldError-C0HRIcAx.js";
-import { a as u, L as y } from "./Label-DqmNWnmm.js";
+import { a as u, L as y } from "./Label-Dup4lWaR.js";
 import { T as _ } from "./Text-TWzJxnto.js";
 import { c as C } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/DateRangePicker.css';const I = [

package/chunks/Dialog-DC0cGNj5.js

@@ -0,0 +1,66 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { ModalOverlay as n, Modal as c, Dialog as i } from "react-aria-components";
+import { B as _ } from "./Button-wBgWrXj3.js";
+import { H as y } from "./Heading-D8tNNJkt.js";
+import { c as v } from "./clsx-AexbMWKp.js";
+import { X as x } from "./x-BXShoIAM.js";
+import { u as f } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import '../assets/Dialog.css';const h = "_modal_nxs78_1", p = "_overlay_nxs78_24", g = "_modalHeader_nxs78_48", B = "_modalTitle_nxs78_59", H = "_modalBody_nxs78_65", a = {
+  modal: h,
+  overlay: p,
+  modalHeader: g,
+  modalTitle: B,
+  modalBody: H
+}, M = { close: "Close" }, N = { close: "Stäng" }, T = {
+  en: M,
+  sv: N
+}, F = ({
+  children: s,
+  title: l,
+  hideCloseButton: r = !1,
+  className: t,
+  ...d
+}) => {
+  const m = f(T);
+  return /* @__PURE__ */ o(
+    n,
+    {
+      ...d,
+      className: v(a.overlay, t),
+      children: /* @__PURE__ */ o(c, { className: a.modal, children: /* @__PURE__ */ e(i, { children: [
+        /* @__PURE__ */ e("div", { className: a.modalHeader, children: [
+          /* @__PURE__ */ o("div", { className: a.modalTitle, children: l && /* @__PURE__ */ o(
+            y,
+            {
+              level: 3,
+              elementType: "h2",
+              slot: "title",
+              children: l
+            }
+          ) }),
+          !r && /* @__PURE__ */ o(
+            _,
+            {
+              slot: "close",
+              variant: "tertiary",
+              icon: x,
+              iconPlacement: "right",
+              children: m.format("close")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: a.modalBody,
+            tabIndex: -1,
+            children: s
+          }
+        )
+      ] }) })
+    }
+  );
+};
+export {
+  F as M
+};

package/chunks/{Label-DqmNWnmm.js → Label-Dup4lWaR.js}

@@ -3,7 +3,7 @@ import * as b from "react";
 import s from "react";
 import { c as f } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as v, Label as d } from "react-aria-components";
-import { P as g } from "./Popover-D9tAN-g7.js";
+import { P as g } from "./Popover-BcEtFiU1.js";
 import { B as u } from "./Button-wBgWrXj3.js";
 import { I as P } from "./info-kdfED7Wh.js";
 import { u as _ } from "./useLocalizedStringFormatter-ZgRJmvHC.js";

package/chunks/{Layout-DtwVUZus.js → Layout-BFZSROTl.js}

@@ -1,21 +1,21 @@
-import { jsx as e, jsxs as r, Fragment as P } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as P } from "react/jsx-runtime";
 import { G as T } from "./GridItem-5t1Z14sM.js";
 import * as v from "react";
 import { c as u } from "./clsx-AexbMWKp.js";
-import { Link as j, RouterProvider as B } from "react-aria-components";
+import { Link as q, RouterProvider as B } from "react-aria-components";
 import { B as I } from "./Button-wBgWrXj3.js";
-import { a as H, T as G } from "./Tooltip-uNMG_UU-.js";
+import { a as H, T as G } from "./Tooltip-m032jGgF.js";
 import { a as L, B as y } from "./BadgeContainer-CKVsfTlF.js";
 import { c as M } from "./createLucideIcon-D4r5Phnh.js";
-import { u as k } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as C } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { variables as W } from "@midas-ds/theme";
 import { L as g } from "./Logo-InDSslpO.js";
-import { X as D } from "./x-BXShoIAM.js";
-import '../assets/Layout.css';const q = [
+import { X as j } from "./x-BXShoIAM.js";
+import '../assets/Layout.css';const D = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 18h16", key: "19g7jn" }],
   ["path", { d: "M4 6h16", key: "1o0s65" }]
-], A = M("menu", q);
+], A = M("menu", D);
 const R = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
@@ -25,7 +25,7 @@ const F = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], X = M("panel-left-open", F), J = "_baseLayout_1xj1b_1", K = "_mainContent_1xj1b_10", Q = "_header_1xj1b_15", U = "_headerExternal_1xj1b_26", V = "_headerContent_1xj1b_41", Y = "_logo_1xj1b_60", Z = "_headerItems_1xj1b_69", ee = "_toggleButton_1xj1b_75", ae = "_sidebar_1xj1b_83", te = "_main_1xj1b_10", ne = "_app_1xj1b_116", se = "_sidebarOpened_1xj1b_124", ie = "_sidebarHeader_1xj1b_128", re = "_appName_1xj1b_140", oe = "_collapseButton_1xj1b_147", le = "_sidebarCollapsed_1xj1b_156", de = "_userName_1xj1b_166", ce = "_userTitle_1xj1b_184", me = "_title_1xj1b_196", pe = "_sidebarNav_1xj1b_207", _e = "_list_1xj1b_213", be = "_listGroupTitle_1xj1b_219", ue = "_listItem_1xj1b_226", he = "_listItemCollapsed_1xj1b_231", xe = "_listLink_1xj1b_235", ve = "_listLinkCollapsed_1xj1b_298", Ne = "_active_1xj1b_303", fe = "_backdrop_1xj1b_330", ke = "_backdropOpened_1xj1b_340", Ce = "_skipToContent_1xj1b_358", ge = "_navbar_1xj1b_372", je = "_navbarList_1xj1b_384", Le = "_navbarItem_1xj1b_406", ye = "_headerContentExternal_1xj1b_457", Ie = "_logoExternalContainer_1xj1b_465", Me = "_logoExternal_1xj1b_465", Ee = "_logoExternalDesktop_1xj1b_477", Te = "_navbarWrapper_1xj1b_486", a = {
+], X = M("panel-left-open", F), J = "_baseLayout_1hkrq_1", K = "_mainContent_1hkrq_10", Q = "_header_1hkrq_15", U = "_headerExternal_1hkrq_26", V = "_headerContent_1hkrq_41", Y = "_logo_1hkrq_60", Z = "_headerItems_1hkrq_69", ee = "_toggleButton_1hkrq_75", ae = "_sidebar_1hkrq_83", te = "_main_1hkrq_10", ne = "_app_1hkrq_116", se = "_sidebarOpened_1hkrq_124", re = "_sidebarHeader_1hkrq_128", ie = "_appName_1hkrq_140", oe = "_collapseButton_1hkrq_147", le = "_sidebarCollapsed_1hkrq_156", de = "_userName_1hkrq_166", ce = "_userTitle_1hkrq_184", me = "_title_1hkrq_196", pe = "_sidebarNav_1hkrq_207", he = "_list_1hkrq_213", _e = "_listGroupTitle_1hkrq_219", ue = "_listItem_1hkrq_226", ke = "_listItemCollapsed_1hkrq_231", be = "_listLink_1hkrq_235", ve = "_listLinkCollapsed_1hkrq_298", Ne = "_active_1hkrq_303", fe = "_backdrop_1hkrq_330", Ce = "_backdropOpened_1hkrq_340", xe = "_skipToContent_1hkrq_358", ge = "_navbar_1hkrq_372", qe = "_navbarList_1hkrq_384", Le = "_navbarItem_1hkrq_406", ye = "_headerContentExternal_1hkrq_457", Ie = "_logoExternalContainer_1hkrq_465", Me = "_logoExternal_1hkrq_465", Ee = "_logoExternalDesktop_1hkrq_477", Te = "_navbarWrapper_1hkrq_486", a = {
   baseLayout: J,
   mainContent: K,
   header: Q,
@@ -38,26 +38,26 @@ const F = [
   main: te,
   app: ne,
   sidebarOpened: se,
-  sidebarHeader: ie,
-  appName: re,
+  sidebarHeader: re,
+  appName: ie,
   collapseButton: oe,
   sidebarCollapsed: le,
   userName: de,
   userTitle: ce,
   title: me,
   sidebarNav: pe,
-  list: _e,
-  listGroupTitle: be,
+  list: he,
+  listGroupTitle: _e,
   listItem: ue,
-  listItemCollapsed: he,
-  listLink: xe,
+  listItemCollapsed: ke,
+  listLink: be,
   listLinkCollapsed: ve,
   active: Ne,
   backdrop: fe,
-  backdropOpened: ke,
-  skipToContent: Ce,
+  backdropOpened: Ce,
+  skipToContent: xe,
   navbar: ge,
-  navbarList: je,
+  navbarList: qe,
   navbarItem: Le,
   headerContentExternal: ye,
   logoExternalContainer: Ie,
@@ -69,17 +69,17 @@ const F = [
 ), Se = ({
   items: n,
   title: s,
-  user: i,
+  user: r,
   app: t,
   children: o,
   clientSideRouter: c,
   clientSideHref: l,
-  headerChildren: b,
-  isCollapsed: _,
+  headerChildren: _,
+  isCollapsed: h,
   setIsCollapsed: m,
-  isOpened: h,
+  isOpened: k,
   setIsOpened: p,
-  variant: x,
+  variant: b,
   id: N
 }) => /* @__PURE__ */ e(
   O.Provider,
@@ -87,16 +87,16 @@ const F = [
     value: {
       items: n,
       title: s,
-      user: i,
+      user: r,
       app: t,
-      headerChildren: b,
-      isCollapsed: _,
+      headerChildren: _,
+      isCollapsed: h,
       setIsCollapsed: m,
-      isOpened: h,
+      isOpened: k,
       setIsOpened: p,
       clientSideRouter: c,
       clientSideHref: l,
-      variant: x,
+      variant: b,
       id: N
     },
     children: o
@@ -109,16 +109,16 @@ const F = [
 }, w = ({
   title: n,
   href: s,
-  icon: i,
+  icon: r,
   active: t,
   hasBadge: o
 }) => {
-  const { isCollapsed: c, setIsOpened: l, clientSideHref: b } = f(), _ = b ? b(s) : s, [m, h] = v.useState(!1);
+  const { isCollapsed: c, setIsOpened: l, clientSideHref: _ } = f(), h = _ ? _(s) : s, [m, k] = v.useState(!1);
   return v.useEffect(() => {
-    typeof window < "u" && h(t ?? window.location.pathname === _);
-  }, [t, _]), c ? /* @__PURE__ */ r(H, { children: [
+    typeof window < "u" && k(t ?? window.location.pathname === h);
+  }, [t, h]), c ? /* @__PURE__ */ i(H, { children: [
     /* @__PURE__ */ e(
-      j,
+      q,
       {
         href: s,
         "aria-label": n,
@@ -128,9 +128,9 @@ const F = [
           m && a.active
         ),
         onPress: () => l?.(!1),
-        children: /* @__PURE__ */ r(L, { children: [
+        children: /* @__PURE__ */ i(L, { children: [
           /* @__PURE__ */ e(
-            i,
+            r,
             {
               size: 20,
               "aria-label": n
@@ -141,65 +141,65 @@ const F = [
       }
     ),
     /* @__PURE__ */ e(G, { placement: "right", children: n })
-  ] }) : /* @__PURE__ */ r(
-    j,
+  ] }) : /* @__PURE__ */ i(
+    q,
     {
       href: s,
       "aria-label": n,
       className: u(a.listLink, m && a.active),
       onPress: () => l?.(!1),
       children: [
-        /* @__PURE__ */ r(L, { children: [
-          /* @__PURE__ */ e(i, { size: 20 }),
+        /* @__PURE__ */ i(L, { children: [
+          /* @__PURE__ */ e(r, { size: 20 }),
           o && /* @__PURE__ */ e(y, {})
         ] }),
         n
       ]
     }
   );
-}, ze = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Be = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, C = {
+}, ze = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Be = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
   en: ze,
   sv: Be
 }, Oe = () => {
   const {
     items: n,
     app: s,
-    isOpened: i,
+    isOpened: r,
     isCollapsed: t,
     setIsCollapsed: o,
     setIsOpened: c,
     clientSideRouter: l,
-    clientSideHref: b,
-    id: _
-  } = f(), m = k(C), h = ({ group: p }) => /* @__PURE__ */ e("ul", { className: a.list, children: p.items.map((x, N) => /* @__PURE__ */ e(
+    clientSideHref: _,
+    id: h
+  } = f(), m = C(x), k = ({ group: p }) => /* @__PURE__ */ e("ul", { className: a.list, children: p.items.map((b, N) => /* @__PURE__ */ e(
     "li",
     {
       className: u(
         a.listItem,
         t && a.listItemCollapsed
       ),
-      children: /* @__PURE__ */ e(w, { ...x })
+      children: /* @__PURE__ */ e(w, { ...b })
     },
     "link_" + N
   )) });
   return v.useEffect(() => {
-    const p = (x) => {
-      x.key === "Escape" && c !== void 0 && c(!1);
+    const p = (b) => {
+      b.key === "Escape" && c !== void 0 && c(!1);
     };
     return window.addEventListener("keydown", p), () => {
       window.removeEventListener("keydown", p);
     };
-  }, [c]), /* @__PURE__ */ r(
+  }, [c]), /* @__PURE__ */ i(
     "aside",
     {
-      id: _,
+      id: h,
       className: u(
         a.sidebar,
         t && a.sidebarCollapsed,
-        i && a.sidebarOpened
+        r && a.sidebarOpened
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: a.sidebarHeader, children: [
+        /* @__PURE__ */ i("div", { className: a.sidebarHeader, children: [
           !t && /* @__PURE__ */ e("p", { className: a.appName, children: s.name }),
           /* @__PURE__ */ e(
             I,
@@ -217,17 +217,17 @@ const F = [
           {
             className: a.sidebarNav,
             "aria-label": m.format("sidebarMenu"),
-            children: /* @__PURE__ */ e("ul", { className: a.list, children: n.map((p, x) => /* @__PURE__ */ r("li", { children: [
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: n.map((p, b) => /* @__PURE__ */ i("li", { children: [
               p.title && !t && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: p.title }),
               l ? /* @__PURE__ */ e(
                 B,
                 {
                   navigate: l,
-                  useHref: b,
-                  children: /* @__PURE__ */ e(h, { group: p })
+                  useHref: _,
+                  children: /* @__PURE__ */ e(k, { group: p })
                 }
-              ) : /* @__PURE__ */ e(h, { group: p })
-            ] }, "list_" + x)) })
+              ) : /* @__PURE__ */ e(k, { group: p })
+            ] }, "list_" + b)) })
           }
         )
       ]
@@ -237,16 +237,16 @@ const F = [
   const {
     title: n,
     user: s,
-    app: i,
+    app: r,
     isOpened: t,
     setIsOpened: o,
     setIsCollapsed: c,
     headerChildren: l,
-    variant: b,
-    id: _
-  } = f(), m = k(C);
-  return b === "external" ? /* @__PURE__ */ e("header", { className: u(a.header, a.headerExternal), children: /* @__PURE__ */ r("div", { className: a.headerContentExternal, children: [
-    /* @__PURE__ */ r("div", { className: a.logoExternalContainer, children: [
+    variant: _,
+    id: h
+  } = f(), m = C(x);
+  return _ === "external" ? /* @__PURE__ */ e("header", { className: u(a.header, a.headerExternal), children: /* @__PURE__ */ i("div", { className: a.headerContentExternal, children: [
+    /* @__PURE__ */ i("div", { className: a.logoExternalContainer, children: [
       /* @__PURE__ */ e(
         g,
         {
@@ -263,21 +263,21 @@ const F = [
           className: a.logoExternalDesktop
         }
       ),
-      /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
         /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title })
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: a.headerItems, children: l })
-  ] }) }) : /* @__PURE__ */ r(
+  ] }) }) : /* @__PURE__ */ i(
     "header",
     {
       className: a.header,
       style: {
-        borderTop: `solid 4px ${i.color ? i.color : W.brandPrimary}`
+        borderTop: `solid 4px ${r.color ? r.color : W.brandPrimary}`
       },
       children: [
-        /* @__PURE__ */ r("div", { className: a.headerContent, children: [
+        /* @__PURE__ */ i("div", { className: a.headerContent, children: [
           /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
             g,
             {
@@ -291,12 +291,12 @@ const F = [
               variant: "icon",
               className: a.toggleButton,
               "aria-label": t ? m.format("closeMenu") : m.format("openMenu"),
-              "aria-controls": _,
+              "aria-controls": h,
               onPressStart: () => {
                 c(!1), o?.(!0);
               },
               children: t ? /* @__PURE__ */ e(
-                D,
+                j,
                 {
                   size: 20,
                   "aria-hidden": "true"
@@ -310,7 +310,7 @@ const F = [
               )
             }
           ),
-          /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ i("div", { children: [
             /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
             /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title }),
             /* @__PURE__ */ e("p", { className: a.title, children: n })
@@ -326,13 +326,13 @@ const F = [
   const s = () => {
     const t = document.querySelector(n);
     t && (t.tabIndex = -1, t.focus(), setTimeout(() => t.removeAttribute("tabindex"), 1e3));
-  }, i = k(C);
+  }, r = C(x);
   return /* @__PURE__ */ e(
     I,
     {
       onPress: s,
       className: a.skipToContent,
-      children: i.format("skipToContent")
+      children: r.format("skipToContent")
     }
   );
 }, Pe = () => {
@@ -348,7 +348,7 @@ const F = [
     }
   ) : null;
 }, He = () => {
-  const { items: n, clientSideRouter: s, clientSideHref: i } = f(), t = k(C), o = n.at(0)?.items;
+  const { items: n, clientSideRouter: s, clientSideHref: r } = f(), t = C(x), o = n.at(0)?.items;
   return /* @__PURE__ */ e(
     "nav",
     {
@@ -358,7 +358,7 @@ const F = [
         B,
         {
           navigate: s,
-          useHref: i,
+          useHref: r,
           children: /* @__PURE__ */ e(z, { items: o })
         }
       ) : /* @__PURE__ */ e(z, { items: o }) })
@@ -366,15 +366,15 @@ const F = [
   );
 }, z = ({
   items: n
-}) => /* @__PURE__ */ e(P, { children: n.map(({ href: s, active: i, icon: t, title: o, hasBadge: c }, l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
-  j,
+}) => /* @__PURE__ */ e(P, { children: n.map(({ href: s, active: r, icon: t, title: o, hasBadge: c }, l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+  q,
   {
     href: s,
     className: u(a.navbarItem),
-    "data-active": i,
-    "aria-current": i && "page",
+    "data-active": r,
+    "aria-current": r && "page",
     children: [
-      /* @__PURE__ */ r(L, { children: [
+      /* @__PURE__ */ i(L, { children: [
         /* @__PURE__ */ e(t, { size: 20 }),
         c && /* @__PURE__ */ e(y, {})
       ] }),
@@ -384,34 +384,34 @@ const F = [
 ) }, l)) }), d = ({
   items: n,
   title: s,
-  user: i,
+  user: r,
   app: t,
   children: o,
   headerChildren: c,
   clientSideRouter: l,
-  clientSideHref: b,
-  variant: _,
+  clientSideHref: _,
+  variant: h,
   className: m
 }) => {
-  const [h, p] = v.useState(!1), [x, N] = v.useState(!1), E = v.useId();
-  return _ === "external" ? /* @__PURE__ */ e(
+  const [k, p] = v.useState(!1), [b, N] = v.useState(!1), E = v.useId();
+  return h === "external" ? /* @__PURE__ */ e(
     d.Provider,
     {
       items: n,
       title: s,
-      user: i,
+      user: r,
       app: t,
       clientSideRouter: l,
-      clientSideHref: b,
+      clientSideHref: _,
       headerChildren: c,
-      isCollapsed: h,
+      isCollapsed: k,
       setIsCollapsed: p,
-      variant: _,
+      variant: h,
       id: E,
-      children: /* @__PURE__ */ r("div", { className: u(a.baseLayout, m), children: [
+      children: /* @__PURE__ */ i("div", { className: u(a.baseLayout, m), children: [
         /* @__PURE__ */ e(S, {}),
         /* @__PURE__ */ e(d.Header, {}),
-        /* @__PURE__ */ r("div", { className: a.mainContent, children: [
+        /* @__PURE__ */ i("div", { className: a.mainContent, children: [
           /* @__PURE__ */ e(d.Sidebar, {}),
           /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
           /* @__PURE__ */ e(d.Backdrop, {})
@@ -424,21 +424,21 @@ const F = [
     {
       items: n,
       title: s,
-      user: i,
+      user: r,
       app: t,
       clientSideRouter: l,
-      clientSideHref: b,
+      clientSideHref: _,
       headerChildren: c,
-      isCollapsed: h,
+      isCollapsed: k,
       setIsCollapsed: p,
-      isOpened: x,
+      isOpened: b,
       setIsOpened: N,
-      variant: _,
+      variant: h,
       id: E,
-      children: /* @__PURE__ */ r("div", { className: u(a.baseLayout, m), children: [
+      children: /* @__PURE__ */ i("div", { className: u(a.baseLayout, m), children: [
         /* @__PURE__ */ e(S, {}),
         /* @__PURE__ */ e(d.Header, {}),
-        /* @__PURE__ */ r("div", { className: a.mainContent, children: [
+        /* @__PURE__ */ i("div", { className: a.mainContent, children: [
           /* @__PURE__ */ e(d.Sidebar, {}),
           /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
           /* @__PURE__ */ e(d.Backdrop, {})