@midas-ds/layout 0.0.7 → 0.0.8

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## 0.0.8 (2026-03-11)
+
+### 🩹 Fixes
+
+- **layout, mobile-menu:** adjust css styles ([cbf9917399](https://github.com/migrationsverket/midas/commit/cbf9917399))
+
+### 🏭 Refactoring
+
+- **layout:** rename folders and adjust module boundaries ([d403b2d226](https://github.com/migrationsverket/midas/commit/d403b2d226))
+- **layout, panel:** flatten folder structure ([1d9f8feaf4](https://github.com/migrationsverket/midas/commit/1d9f8feaf4))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.7.6
+
 ## 0.0.7 (2026-03-11)
 
 ### 🧱 Updated Dependencies

package/assets/Button.css

@@ -0,0 +1 @@
+._container_1qexx_1{display:inline-flex}._spinner_1qexx_5{animation:_rotating_1qexx_1 1s linear infinite;stroke-linecap:square}@media(prefers-reduced-motion){._spinner_1qexx_5{animation-duration:2s}}@media(forced-colors:active){._spinner_1qexx_5{color:CanvasText}}._large_1qexx_18{color:var(--midas-icon-tertiary)}@keyframes _rotating_1qexx_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._button_7n7qm_1{--border-width: 1px;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-30);font-weight:500;padding:calc(var(--midas-space-70) - var(--border-width)) calc(var(--midas-space-large) - var(--border-width));line-height:var(--midas-typography-line-height-30);background-color:var(--midas-button-background-primary-base);border:solid var(--border-width) transparent;color:var(--midas-text-on-color);cursor:pointer;opacity:1;outline:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}._button_7n7qm_1[data-focus-visible],._button_7n7qm_1:focus-visible{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._button_7n7qm_1[data-focus-visible],._button_7n7qm_1:focus-visible{outline:3px solid highlight;outline-offset:2px}}._button_7n7qm_1[data-hovered]{background-color:var(--midas-button-background-primary-hover)}._button_7n7qm_1[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-primary-active);outline:none}._button_7n7qm_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._secondary_7n7qm_48{color:var(--midas-text-tertiary);background-color:var(--midas-button-background-secondary-base);border-color:var(--midas-button-border-secondary);opacity:1}._secondary_7n7qm_48[data-hovered]{background-color:var(--midas-button-background-secondary-hover)}._secondary_7n7qm_48[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled);border-color:var(--midas-border-color-disabled)}._secondary_7n7qm_48[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-secondary-active);border-color:var(--midas-text-tertiary)}._tertiary_7n7qm_71{color:var(--midas-text-tertiary);background-color:transparent;opacity:1}._tertiary_7n7qm_71[data-hovered]{background-color:var(--midas-button-background-tertiary-hover)}._tertiary_7n7qm_71[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:#fff}._tertiary_7n7qm_71[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-tertiary-active)}._iconBtn_7n7qm_91{background-color:transparent;padding:calc(var(--midas-space-70) - var(--border-width));color:var(--midas-icon-primary);display:flex;align-items:center}._iconBtn_7n7qm_91[data-hovered]{background-color:var(--midas-button-icon-hover)}._iconBtn_7n7qm_91[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._iconBtn_7n7qm_91[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-icon-active)}._iconBtn_7n7qm_91._medium_7n7qm_111{padding:calc(var(--midas-space-50) - var(--border-width))}._danger_7n7qm_116{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-base);opacity:1}._danger_7n7qm_116[data-hovered]{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-hover)}._danger_7n7qm_116[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._danger_7n7qm_116[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-danger-active);outline:none}._iconRight_7n7qm_138{flex-direction:row-reverse}._fullwidth_7n7qm_142{width:100%}._medium_7n7qm_111{padding:calc(var(--midas-space-50) - var(--border-width)) calc(var(--midas-space-medium) - var(--border-width))}@media(forced-colors:active){._primary_7n7qm_152{border-width:2px}}

package/assets/Header.css

@@ -0,0 +1 @@
+._headerActions_1rka5_1{display:flex;gap:.25rem;align-items:center;margin-inline-start:auto}@media(max-width:640px){._label_1191f_1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}._overlay_12sw8_1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;height:var(--page-height);left:0;position:absolute;top:0;width:100%}._overlay_12sw8_1[data-entering]{animation:_drawer-blur_12sw8_1 var(--midas-transition-duration-fast)}._overlay_12sw8_1[data-exiting]{animation:_drawer-blur_12sw8_1 var(--midas-transition-duration-fast) reverse ease-in}._drawer_12sw8_19{background-color:var(--midas-background-base);left:0;position:sticky;width:clamp(10rem,15rem,90%);border-right:1px solid var(--midas-border-color-subtle);box-shadow:-8px 0 20px #0000001a;height:calc(100dvh + 200px);margin-right:auto;outline:none;overflow-y:auto;top:-100px}._drawer_12sw8_19[data-entering]{animation:_drawer-slide_12sw8_1 var(--midas-transition-duration-fast)}._drawer_12sw8_19[data-exiting]{animation:_drawer-slide_12sw8_1 var(--midas-transition-duration-fast) reverse ease-in}._header_12sw8_44{background-color:var(--midas-background-base);display:block;margin-bottom:var(--midas-space-medium);padding:var(--midas-space-medium);position:sticky;top:0}@keyframes _drawer-blur_12sw8_1{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes _drawer-slide_12sw8_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._header_105ne_1{background-color:var(--midas-background-base);display:flex;flex:1 0 auto;padding:1rem}

package/assets/NavigationSubMenu.css

@@ -0,0 +1 @@
+._tooltip_2gvxu_1{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);padding:var(--midas-space-xsmall) var(--midas-space-small);color:var(--midas-text-inverse);background-color:var(--midas-background-inverse);max-width:150px;outline:none;transform:translateZ(0);transition:transform var(--midas-transition-duration-fast),opacity var(--midas-transition-duration-fast)}@media(forced-colors:active){._tooltip_2gvxu_1{border:1px solid}}._tooltip_2gvxu_1 ._arrow_2gvxu_18 svg{display:block;fill:var(--midas-background-inverse)}@media(forced-colors:active){._tooltip_2gvxu_1 ._arrow_2gvxu_18 svg{fill:currentColor}}._tooltip_2gvxu_1[data-entering],._tooltip_2gvxu_1[data-exiting]{transform:var(--origin);opacity:0}._tooltip_2gvxu_1[data-placement=top]{margin-bottom:8px;--origin: translateY(4px)}._tooltip_2gvxu_1[data-placement=bottom]{margin-top:8px;--origin: translateY(-4px)}._tooltip_2gvxu_1[data-placement=bottom] ._arrow_2gvxu_18 svg{transform:rotate(180deg)}._tooltip_2gvxu_1[data-placement=right]{margin-left:8px;--origin: translateX(-4px)}._tooltip_2gvxu_1[data-placement=right] ._arrow_2gvxu_18 svg{transform:rotate(90deg)}._tooltip_2gvxu_1[data-placement=left]{margin-right:8px;--origin: translateX(4px)}._tooltip_2gvxu_1[data-placement=left] ._arrow_2gvxu_18 svg{transform:rotate(-90deg)}@media(prefers-reduced-motion){._tooltip_2gvxu_1{transition:none}}._rootList_l3v98_1{margin:0;padding:0}._navigationHeader_j94pq_1{color:var(--midas-text-secondary);font-size:var(--midas-typography-font-size-20);padding:var(--midas-spacing-30)}._navigationHeader_j94pq_1._collapsed_j94pq_6{display:none}._navigationItem_1jt2l_1{list-style:none}._navigationLink_tfdcf_1{align-items:center;align-self:stretch;border-left:var(--midas-size-10) solid transparent;color:var(--midas-text-primary);display:flex;flex-direction:column;flex:1 0 0%;font-family:var(--midas-typography-font-family);gap:var(--midas-spacing-30);justify-content:flex-end;padding:var(--midas-spacing-50);text-decoration:none}._navigationLink_tfdcf_1[data-hovered],._navigationLink_tfdcf_1:hover,._navigationLink_tfdcf_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_tfdcf_1._collapse_tfdcf_21{flex-direction:row;justify-content:flex-start;padding:.625rem var(--midas-spacing-30)}._navigationLink_tfdcf_1._collapse_tfdcf_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_tfdcf_1 svg{height:var(--midas-size-90);width:var(--midas-size-90)}._navigationLink_tfdcf_1._collapsed_tfdcf_37{justify-content:center}._navigationLink_tfdcf_1._collapsed_tfdcf_37 ._title_tfdcf_40{display:none}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}

package/assets/Panel.css

@@ -1 +1 @@
-._panelBody_13l7o_1{background-color:var(--midas-layer-01-base);box-sizing:border-box;padding:1rem;transition:width var(--midas-transition-duration-fast) ease-out;width:100%}._panelHeader_11qv1_1{align-items:center;display:flex;justify-content:space-between}._panelTitle_w7y4m_1{display:block}._collapsePanel_1uy7t_1{width:15rem}._collapsePanel_1uy7t_1._collapsed_1uy7t_4{width:80px}@media(max-width:640px){._collapsePanel_1uy7t_1{display:none}}._panelHeader_1uy7t_13{gap:0}._panelTitle_1uy7t_17{font-size:var(--midas-typography-font-size-20);display:block}._dismissPanel_dpjsv_1{position:absolute!important;top:0;right:0;width:320px;height:100%}@media not (min-width:800px){._dismissPanel_dpjsv_1{bottom:0;width:100%;height:25%;left:0;top:unset}}._panelTitle_dpjsv_18{font-size:var(--midas-typography-font-size-20);display:block}
+._collapsePanel_1uy7t_1{width:15rem}._collapsePanel_1uy7t_1._collapsed_1uy7t_4{width:80px}@media(max-width:640px){._collapsePanel_1uy7t_1{display:none}}._panelHeader_1uy7t_13{gap:0}._panelTitle_1uy7t_17{font-size:var(--midas-typography-font-size-20);display:block}._panelBody_1rrgz_1{background-color:var(--midas-background-base);box-sizing:border-box;padding:1rem;transition:width var(--midas-transition-duration-fast) ease-out;width:100%}._panelHeader_11qv1_1{align-items:center;display:flex;justify-content:space-between}._panelTitle_w7y4m_1{display:block}._dismissPanel_dpjsv_1{position:absolute!important;top:0;right:0;width:320px;height:100%}@media not (min-width:800px){._dismissPanel_dpjsv_1{bottom:0;width:100%;height:25%;left:0;top:unset}}._panelTitle_dpjsv_18{font-size:var(--midas-typography-font-size-20);display:block}

package/chunks/Button-7IYEsEeT.js

@@ -0,0 +1,192 @@
+'use client';
+import { jsxs as L, jsx as c, Fragment as q } from "react/jsx-runtime";
+import { forwardRef as f, createElement as _, useMemo as k } from "react";
+import { useLocale as v, useContextProps as A, ButtonContext as N, Button as P, composeRenderProps as z } from "react-aria-components";
+import { c as h } from "./Text-B18MZHuN.js";
+import { VisuallyHidden as S } from "react-aria";
+import { LocalizedStringFormatter as W, LocalizedStringDictionary as R } from "@internationalized/string";
+import '../assets/Button.css';const $ = "_container_1qexx_1", j = "_spinner_1qexx_5", D = "_large_1qexx_18", g = {
+  container: $,
+  spinner: j,
+  large: D
+};
+const x = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim();
+const F = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const E = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
+);
+const w = (e) => {
+  const t = E(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+};
+var U = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const I = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+  return !1;
+};
+const M = f(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: r,
+    className: i = "",
+    children: a,
+    iconNode: l,
+    ...d
+  }, u) => _(
+    "svg",
+    {
+      ref: u,
+      ...U,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+      className: x("lucide", i),
+      ...!a && !I(d) && { "aria-hidden": "true" },
+      ...d
+    },
+    [
+      ...l.map(([m, p]) => _(m, p)),
+      ...Array.isArray(a) ? a : [a]
+    ]
+  )
+);
+const G = (e, t) => {
+  const n = f(
+    ({ className: r, ...i }, a) => _(M, {
+      ref: a,
+      iconNode: t,
+      className: x(
+        `lucide-${F(w(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...i
+    })
+  );
+  return n.displayName = w(e), n;
+};
+const Z = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], H = G("loader-circle", Z), y = "sv", C = /* @__PURE__ */ new WeakMap();
+function K(e) {
+  let t = C.get(e);
+  return t || (t = new R(e, y), C.set(e, t)), t;
+}
+function O(e, t) {
+  return K(e);
+}
+function T(e, t) {
+  if (!e || typeof e != "object" || !(y in e))
+    throw new Error(
+      `useLocalizedStringFormatter: Default language "${y}" must be defined in dictionary.`
+    );
+  const { locale: n } = v(), r = O(e);
+  return k(
+    () => new W(n, r),
+    [r, n]
+  );
+}
+const V = { loadingPleaseWait: "Loading, please wait..." }, J = { loadingPleaseWait: "Laddar, vänligen vänta..." }, Q = {
+  en: V,
+  sv: J
+}, X = ({
+  small: e,
+  color: t,
+  className: n
+}) => {
+  const r = T(Q);
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: h(g.container, n),
+      role: "status",
+      children: [
+        /* @__PURE__ */ c(
+          H,
+          {
+            className: h(g.spinner, !e && g.large),
+            size: e ? 20 : 96,
+            strokeWidth: e ? 2 : 8,
+            absoluteStrokeWidth: !0,
+            color: t
+          }
+        ),
+        /* @__PURE__ */ c(S, { children: r.format("loadingPleaseWait") })
+      ]
+    }
+  );
+}, Y = "_button_7n7qm_1", ee = "_secondary_7n7qm_48", te = "_tertiary_7n7qm_71", ne = "_iconBtn_7n7qm_91", re = "_medium_7n7qm_111", oe = "_danger_7n7qm_116", ae = "_iconRight_7n7qm_138", ie = "_fullwidth_7n7qm_142", se = "_primary_7n7qm_152", o = {
+  button: Y,
+  secondary: ee,
+  tertiary: te,
+  iconBtn: ne,
+  medium: re,
+  danger: oe,
+  iconRight: ae,
+  fullwidth: ie,
+  primary: se
+}, ce = f(
+  (e, t) => {
+    const [n, r] = A(e, t, N), {
+      className: i,
+      fullwidth: a,
+      icon: l,
+      iconPlacement: d,
+      iconSize: u,
+      isPending: m,
+      size: p = "large",
+      variant: s = "primary",
+      ...B
+    } = n;
+    return /* @__PURE__ */ c(
+      P,
+      {
+        className: h(
+          o.button,
+          s === "primary" && o.primary,
+          s === "secondary" && o.secondary,
+          s === "tertiary" && o.tertiary,
+          s === "danger" && o.danger,
+          s === "icon" && o.iconBtn,
+          a && o.fullwidth,
+          p === "medium" && o.medium,
+          d === "right" && o.iconRight,
+          i
+        ),
+        ref: r,
+        ...B,
+        children: z(n.children, (b) => /* @__PURE__ */ L(q, { children: [
+          l && !m && /* @__PURE__ */ c(
+            l,
+            {
+              "aria-hidden": !0,
+              size: u ?? 20
+            }
+          ),
+          m && /* @__PURE__ */ c(X, { small: !0 }),
+          b
+        ] }))
+      }
+    );
+  }
+);
+ce.displayName = "Button";
+export {
+  ce as B,
+  G as c,
+  T as u
+};

package/chunks/Header-DjegZbd1.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as e, jsxs as l, Fragment as v } from "react/jsx-runtime";
+import { createContext as f, forwardRef as b } from "react";
+import { composeRenderProps as d, DialogTrigger as y, ModalOverlay as M, Modal as w, Dialog as N } from "react-aria-components";
+import { c as g, B as h } from "./Button-7IYEsEeT.js";
+import { useControlledState as x } from "@react-stately/utils";
+import { u as m } from "./useIsMobileDevice-D0iMVFPx.js";
+import { M as A } from "./MobileMenuContext-Coj0sJ0N.js";
+import { T as D, c as O } from "./Text-B18MZHuN.js";
+import '../assets/Header.css';const H = "_headerActions_1rka5_1", P = {
+  headerActions: H
+}, U = ({ className: a, ...r }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: `${a} ${P.headerActions}`,
+    ...r
+  }
+);
+const $ = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], k = g("menu", $), C = f({
+  size: void 0
+}), j = "_label_1191f_1", z = {
+  label: j
+}, I = b(
+  ({ children: a, icon: r, ...s }, n) => (!a && !s["aria-label"] && process.env.NODE_ENV !== "production" && console.warn(
+    "Please provide an 'aria-label' for HeaderAction components that doesnt have a visible label (children)"
+  ), /* @__PURE__ */ e(
+    h,
+    {
+      ref: n,
+      size: "medium",
+      variant: "tertiary",
+      ...s,
+      children: d(a, (o) => /* @__PURE__ */ l(v, { children: [
+        r,
+        typeof o < "u" && /* @__PURE__ */ e("span", { className: z.label, children: o })
+      ] }))
+    }
+  ))
+);
+I.displayName = "HeaderAction";
+const T = "_overlay_12sw8_1", B = "_drawer_12sw8_19", E = "_header_12sw8_44", i = {
+  overlay: T,
+  drawer: B,
+  header: E
+}, W = ({
+  children: a,
+  title: r,
+  isDrawerOpen: s,
+  defaultDrawerOpen: n = !1,
+  onDrawerOpenChange: o
+}) => {
+  const p = m(), [_, c] = x(
+    s,
+    n,
+    o
+  ), u = () => c((t) => !t);
+  return p ? /* @__PURE__ */ e(A.Provider, { value: {}, children: /* @__PURE__ */ l(y, { children: [
+    /* @__PURE__ */ e(
+      h,
+      {
+        icon: k,
+        variant: "icon",
+        onPress: u
+      }
+    ),
+    /* @__PURE__ */ e(
+      M,
+      {
+        className: i.overlay,
+        isDismissable: !0,
+        isOpen: _,
+        onOpenChange: c,
+        children: d(a, (t) => /* @__PURE__ */ e(w, { className: i.drawer, children: /* @__PURE__ */ l(N, { children: [
+          r && /* @__PURE__ */ e(D, { className: i.header, children: r }),
+          t
+        ] }) }))
+      }
+    )
+  ] }) }) : null;
+}, L = "_header_105ne_1", R = {
+  header: L
+}, X = ({ className: a, ...r }) => {
+  const s = m();
+  return /* @__PURE__ */ e(C.Provider, { value: { size: s ? "x-small" : "large" }, children: /* @__PURE__ */ e(
+    "header",
+    {
+      className: O(a, R.header),
+      ...r
+    }
+  ) });
+};
+export {
+  X as H,
+  W as M,
+  I as a,
+  U as b
+};

package/chunks/NavigationSubMenu-CpS-A3-h.js

@@ -0,0 +1,208 @@
+'use client';
+import { jsx as t, jsxs as g, Fragment as $ } from "react/jsx-runtime";
+import { TooltipTrigger as S, Tooltip as M, OverlayArrow as k, Collection as w, OverlayTriggerStateContext as j, Focusable as H, Link as I } from "react-aria-components";
+import { useContext as i } from "react";
+import { c, T as P } from "./Text-B18MZHuN.js";
+import { C as d, P as O } from "./PanelContext-D6WQ7_yb.js";
+import { M as D } from "./MobileMenuContext-Coj0sJ0N.js";
+import { Collection as L } from "@react-aria/collections";
+import '../assets/NavigationSubMenu.css';const q = "_tooltip_2gvxu_1", F = "_arrow_2gvxu_18", C = {
+  tooltip: q,
+  arrow: F
+};
+function A({ children: o, className: n, ...a }) {
+  return /* @__PURE__ */ t(
+    M,
+    {
+      className: c(C.tooltip, n),
+      ...a,
+      children: (e) => /* @__PURE__ */ g($, { children: [
+        /* @__PURE__ */ t(k, { className: C.arrow, children: /* @__PURE__ */ t(
+          "svg",
+          {
+            width: 8,
+            height: 8,
+            viewBox: "0 0 8 8",
+            children: /* @__PURE__ */ t("path", { d: "M0 0 L4 4 L8 0" })
+          }
+        ) }),
+        typeof o == "function" ? o(e) : o
+      ] })
+    }
+  );
+}
+function B({
+  delay: o = 0,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    S,
+    {
+      delay: o,
+      ...n
+    }
+  );
+}
+const z = "_rootList_l3v98_1", E = {
+  rootList: z
+}, ro = ({
+  className: o,
+  items: n,
+  children: a,
+  dependencies: e,
+  idScope: s,
+  addIdAndValue: r,
+  ...l
+}) => /* @__PURE__ */ t(
+  "nav",
+  {
+    className: o,
+    ...l,
+    children: /* @__PURE__ */ t("ul", { className: E.rootList, children: /* @__PURE__ */ t(
+      w,
+      {
+        items: n,
+        children: a,
+        dependencies: e,
+        idScope: s,
+        addIdAndValue: r
+      }
+    ) })
+  }
+), G = "_navigationHeader_j94pq_1", J = "_collapsed_j94pq_6", h = {
+  navigationHeader: G,
+  collapsed: J
+}, K = ({
+  className: o,
+  ...n
+}) => {
+  const { isCollapsed: a } = i(d);
+  return /* @__PURE__ */ t(
+    P,
+    {
+      className: c(o, h.navigationHeader, {
+        [h.collapsed]: a
+      }),
+      ...n
+    }
+  );
+}, Q = "_navigationItem_1jt2l_1", y = {
+  navigationItem: Q
+}, R = ({ className: o, ...n }) => {
+  const { isCollapsed: a } = i(d);
+  return /* @__PURE__ */ t(
+    "li",
+    {
+      className: c(o, y.navigationItem, {
+        [y.collapsed]: a
+      }),
+      ...n
+    }
+  );
+}, U = "_navigationLink_tfdcf_1", V = "_collapse_tfdcf_21", W = "_collapsed_tfdcf_37", X = "_title_tfdcf_40", p = {
+  navigationLink: U,
+  collapse: V,
+  collapsed: W,
+  title: X
+}, po = ({
+  as: o,
+  children: n,
+  className: a,
+  isActive: e,
+  title: s,
+  "aria-label": r,
+  ...l
+}) => {
+  const { variant: m } = i(O), b = i(D), { isCollapsed: _ } = i(d), u = i(j), T = o || I, f = () => {
+    u?.isOpen && u?.setOpen(!1);
+  };
+  return /* @__PURE__ */ g(B, { isDisabled: !_, children: [
+    /* @__PURE__ */ t(H, { children: /* @__PURE__ */ g(
+      T,
+      {
+        "aria-current": e && "page",
+        "aria-label": r || (_ ? s : void 0),
+        className: c(
+          a,
+          p.navigationLink,
+          m && p[m],
+          b && p.collapse,
+          {
+            [p.collapsed]: _
+          }
+        ),
+        "data-active": e || void 0,
+        ...o ? {
+          onClick: (v) => {
+            f(), l.onClick?.(v);
+          }
+        } : {
+          onPress: (v) => {
+            f(), l.onPress?.(v);
+          }
+        },
+        ...l,
+        children: [
+          n,
+          /* @__PURE__ */ t("span", { className: p.title, children: s })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(A, { placement: "right", children: s })
+  ] });
+}, Y = "_navigationSection_1ae77_1", Z = "_collapsed_1ae77_5", N = {
+  navigationSection: Y,
+  collapsed: Z
+}, go = ({
+  className: o,
+  title: n,
+  ...a
+}) => {
+  const { isCollapsed: e } = i(d);
+  return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ g(
+    "ul",
+    {
+      className: c(o, N.navigationSection, {
+        [N.collapsed]: e
+      }),
+      children: [
+        n && /* @__PURE__ */ t(K, { children: n }),
+        /* @__PURE__ */ t(L, { ...a })
+      ]
+    }
+  ) });
+}, oo = "_navigationSubMenu_vfyl6_1", to = "_collapsed_vfyl6_5", x = {
+  navigationSubMenu: oo,
+  collapsed: to
+}, _o = ({
+  className: o,
+  children: n,
+  items: a,
+  ...e
+}) => {
+  const { isCollapsed: s } = i(d), { length: r } = Array.from(a || []);
+  return typeof n == "function" && r === 0 ? null : /* @__PURE__ */ t(
+    "ul",
+    {
+      className: c(o, x.navigationSubMenu, {
+        [x.collapsed]: s
+      }),
+      children: /* @__PURE__ */ t(
+        L,
+        {
+          items: a,
+          ...e,
+          children: n
+        }
+      )
+    }
+  );
+};
+export {
+  ro as N,
+  K as a,
+  R as b,
+  po as c,
+  go as d,
+  _o as e
+};