@midas-ds/layout 0.0.1-beta.1 → 0.0.3

package/CHANGELOG.md

@@ -1,3 +1,35 @@
-## 0.0.1-beta.1 (2025-01-14)
+## 0.0.3 (2026-03-10)
 
-This was a version bump only for layout to align it with other projects, there were no code changes.
+### 🧱 Updated Dependencies
+
+- Updated components to 17.7.2
+
+## 0.0.2 (2026-03-10)
+
+### 🚀 Features
+
+- **layout:** create navigation-link variant ([82073afc04](https://github.com/migrationsverket/midas/commit/82073afc04))
+- **layout:** add navigation link examples ([60e01b5c84](https://github.com/migrationsverket/midas/commit/60e01b5c84))
+- **layout:** create nav component outline ([884bbd4a8d](https://github.com/migrationsverket/midas/commit/884bbd4a8d))
+- **layout:** add boilerplate components ([ab85d70f46](https://github.com/migrationsverket/midas/commit/ab85d70f46))
+- **layout:** add boilerplate for new package ([9949261248](https://github.com/migrationsverket/midas/commit/9949261248))
+
+### 🏭 Refactoring
+
+- remove old packages and references ([e21d6786f2](https://github.com/migrationsverket/midas/commit/e21d6786f2))
+
+### 📖 Documentation changes
+
+- new header + remove info API ([2b6eb5ac9a](https://github.com/migrationsverket/midas/commit/2b6eb5ac9a))
+
+### 🔧 Maintenance
+
+- **layout:** release version 0.0.1-beta.1 [skip-ci] ([139f60d717](https://github.com/migrationsverket/midas/commit/139f60d717))
+- **layout:** release version 0.0.1-beta.0 [skip-ci] ([3fb064b67c](https://github.com/migrationsverket/midas/commit/3fb064b67c))
+- **layout:** release version 0.0.1-beta.2 [skip-ci] ([b42e8143fb](https://github.com/migrationsverket/midas/commit/b42e8143fb))
+- rename to layout ([b2652fb261](https://github.com/migrationsverket/midas/commit/b2652fb261))
+
+### 🧪 Tests updated
+
+- **layout:** update failing test ([0bb48471f4](https://github.com/migrationsverket/midas/commit/0bb48471f4))
+- **layout:** update failing test ([77603c44c2](https://github.com/migrationsverket/midas/commit/77603c44c2))

package/README.md

@@ -0,0 +1,7 @@
+# layout
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test layout` to execute the unit tests via [Vitest](https://vitest.dev/).

package/assets/Layout.css

@@ -0,0 +1 @@
+._layout_1v9xd_1{display:flex;flex-direction:column;font-family:var(--midas-typography-font-family);width:100%;height:100dvh}._content_1v9xd_9{display:flex;position:relative;height:100%}

package/assets/Main.css

@@ -0,0 +1 @@
+._main_4xsf9_1{box-sizing:border-box;flex:1 1 auto;min-width:0;height:100%;overflow-y:auto;padding:1rem}

package/assets/MobileMenu.css

@@ -0,0 +1 @@
+._header_105ne_1{background-color:var(--midas-background-base);display:flex;flex:1 0 auto;padding:1rem}._headerActions_oafen_1{display:flex;gap:.25rem;align-items:center;margin-inline-start:auto}@media(max-width:640px){._label_oafen_8{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_dmbs8_1{position:absolute;top:0;left:0;width:100%;height:var(--page-height);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}._overlay_dmbs8_1[data-entering]{animation:_drawer-blur_dmbs8_1 var(--midas-transition-duration-fast)}._overlay_dmbs8_1[data-exiting]{animation:_drawer-blur_dmbs8_1 var(--midas-transition-duration-fast) reverse ease-in}._drawer_dmbs8_20{position:sticky;left:0;width:300px;top:-100px;height:calc(100dvh + 200px);padding:100px 0;margin-right:auto;background:var(--overlay-background);outline:none;border-right:1px solid var(--midas-border-color-secondary);box-shadow:-8px 0 20px #0000001a;font-family:system-ui;font-size:.875rem}._drawer_dmbs8_20[data-entering]{animation:_drawer-slide_dmbs8_1 var(--midas-transition-duration-fast)}._drawer_dmbs8_20[data-exiting]{animation:_drawer-slide_dmbs8_1 var(--midas-transition-duration-fast) reverse ease-in}@keyframes _drawer-blur_dmbs8_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_dmbs8_1{0%{transform:translate(-100%)}to{transform:translate(0)}}

package/assets/Navbar.css

@@ -0,0 +1 @@
+._navbar_18aqo_1{background-color:var(--midas-layer-01-base)}._navbar_18aqo_1 ul{display:flex;justify-content:center;margin:0;padding:0}._navbar_18aqo_1 ul li{align-items:center;display:flex;list-style:none}

package/assets/Navigation.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}}._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}._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}._navigationItem_1jt2l_1{list-style:none}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigation_3axp3_1{background-color:var(--midas-layer-01-base)}._rootList_3axp3_5{margin:0;padding:0}

package/assets/Panel.css

@@ -0,0 +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}

package/assets/PanelContext.css

@@ -0,0 +1 @@
+._body_g096r_1,._body-small_g096r_2,._description_g096r_3,._description-small_g096r_4{color:var(--midas-text-primary)}._body_g096r_1{font:var(--midas-typography-body)}._body_g096r_1[data-expressive]{line-height:var(--midas-typography-line-height-50)}._body-small_g096r_2{font:var(--midas-typography-body-small)}._description-small_g096r_4{font:var(--midas-typography-description-small)}._bold_g096r_24{font-weight:700}._italic_g096r_28{font-style:italic}._description_g096r_3{font:var(--midas-typography-description);margin-bottom:var(--midas-space-small)}._description_g096r_3>[data-disabled],[data-disabled] ._description_g096r_3{color:var(--midas-text-disabled)}@media(forced-colors:active){._description_g096r_3>[data-disabled],[data-disabled] ._description_g096r_3{color:GrayText}}._description_g096r_3>[data-readonly],[data-readonly] ._description_g096r_3{color:var(--midas-text-read-only)}

package/assets/useIsMobileDevice.css

@@ -0,0 +1 @@
+._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}}._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)}}

package/chunks/Layout-16EqvEZN.js

@@ -0,0 +1,23 @@
+import { jsx as s } from "react/jsx-runtime";
+import '../assets/Layout.css';const c = "_layout_1v9xd_1", e = "_content_1v9xd_9", a = {
+  layout: c,
+  content: e
+}, y = ({ className: t, children: o, ...n }) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: `${t ?? ""} ${a.content}`,
+    ...n,
+    children: o
+  }
+), u = ({ className: t, children: o, ...n }) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: `${t ?? ""} ${a.layout}`,
+    ...n,
+    children: o
+  }
+);
+export {
+  u as L,
+  y as a
+};

package/chunks/Main-QnNDtP6N.js

@@ -0,0 +1,13 @@
+import { jsx as n } from "react/jsx-runtime";
+import '../assets/Main.css';const m = "_main_4xsf9_1", i = {
+  main: m
+}, t = ({ className: s, ...a }) => /* @__PURE__ */ n(
+  "main",
+  {
+    className: `${s} ${i.main}`,
+    ...a
+  }
+);
+export {
+  t as M
+};

package/chunks/MobileMenu-DcQpdykm.js

@@ -0,0 +1,86 @@
+'use client';
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { c as v } from "./clsx-AexbMWKp.js";
+import { c as M, u as l, B as d } from "./useIsMobileDevice-DhQB0ae2.js";
+import { createContext as b, forwardRef as f } from "react";
+import { DialogTrigger as y, ModalOverlay as g, composeRenderProps as w, Modal as x, Dialog as A } from "react-aria-components";
+import { useControlledState as D } from "@react-stately/utils";
+import { M as N } from "./MobileMenuContext-Coj0sJ0N.js";
+import '../assets/MobileMenu.css';const O = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], H = M("menu", O), j = b({
+  size: void 0
+}), B = "_header_105ne_1", C = {
+  header: B
+}, G = ({ className: s, ...o }) => {
+  const r = l();
+  return /* @__PURE__ */ e(j.Provider, { value: { size: r ? "x-small" : "large" }, children: /* @__PURE__ */ e(
+    "header",
+    {
+      className: v(s, C.header),
+      ...o
+    }
+  ) });
+}, P = "_headerActions_oafen_1", k = "_label_oafen_8", m = {
+  headerActions: P,
+  label: k
+}, h = f(
+  ({ children: s, icon: o, ...r }, a) => /* @__PURE__ */ c(
+    d,
+    {
+      ref: a,
+      size: "medium",
+      variant: "tertiary",
+      ...r,
+      children: [
+        o,
+        s && /* @__PURE__ */ e("span", { className: m.label, children: s })
+      ]
+    }
+  )
+);
+h.displayName = "HeaderActionsButton";
+const z = ({ children: s }) => /* @__PURE__ */ e("div", { className: m.headerActions, children: s }), J = Object.assign(z, {
+  Button: h
+}), I = "_overlay_dmbs8_1", R = "_drawer_dmbs8_20", i = {
+  overlay: I,
+  drawer: R
+}, K = ({
+  children: s,
+  isDrawerOpen: o,
+  defaultDrawerOpen: r = !1,
+  onDrawerOpenChange: a
+}) => {
+  const p = l(), [u, n] = D(
+    o,
+    r,
+    a
+  ), _ = () => n((t) => !t);
+  return p ? /* @__PURE__ */ e(N.Provider, { value: {}, children: /* @__PURE__ */ c(y, { children: [
+    /* @__PURE__ */ e(
+      d,
+      {
+        icon: H,
+        variant: "icon",
+        onPress: _
+      }
+    ),
+    /* @__PURE__ */ e(
+      g,
+      {
+        className: i.overlay,
+        isDismissable: !0,
+        isOpen: u,
+        onOpenChange: n,
+        children: w(s, (t) => /* @__PURE__ */ e(x, { className: i.drawer, children: /* @__PURE__ */ e(A, { children: t }) }))
+      }
+    )
+  ] }) }) : null;
+};
+export {
+  G as H,
+  K as M,
+  J as a
+};

package/chunks/MobileMenuContext-Coj0sJ0N.js

@@ -0,0 +1,6 @@
+'use client';
+import { createContext as o } from "react";
+const e = o(void 0);
+export {
+  e as M
+};

package/chunks/Navbar-wOOCcsru.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import '../assets/Navbar.css';const s = "_navbar_18aqo_1", n = {
+  navbar: s
+}, b = ({ className: a, ...o }) => /* @__PURE__ */ r(
+  "footer",
+  {
+    className: `${a ?? ""} ${n.navbar}`,
+    ...o
+  }
+);
+export {
+  b as N
+};

package/chunks/Navigation-Cq0h2Nt9.js

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

package/chunks/Panel-C1MEWSWX.js

@@ -0,0 +1,147 @@
+'use client';
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { T as g, C as B, P as f } from "./PanelContext-D2ADxgo6.js";
+import { c as _, a as v } from "./clsx-AexbMWKp.js";
+import { useControlledState as x } from "@react-stately/utils";
+import { c as y, a as T, u as M, B as b } from "./useIsMobileDevice-DhQB0ae2.js";
+import '../assets/Panel.css';const z = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
+], H = y("panel-left-close", z);
+const j = [
+  ["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" }]
+], I = y("panel-left-open", j);
+const L = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], O = y("x", L), q = "_panelBody_13l7o_1", w = {
+  panelBody: q
+}, C = ({ className: s, ...l }) => /* @__PURE__ */ e(
+  "aside",
+  {
+    className: _(s, w.panelBody),
+    ...l
+  }
+), D = "_panelHeader_11qv1_1", E = {
+  panelHeader: D
+}, N = ({ className: s, ...l }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: _(s, E.panelHeader),
+    ...l
+  }
+), F = "_panelTitle_w7y4m_1", X = {
+  panelTitle: F
+}, k = ({ className: s, title: l, ...n }) => /* @__PURE__ */ e(
+  g,
+  {
+    className: _(s, X.panelTitle),
+    ...n,
+    children: l
+  }
+), A = { expandSidebar: "Expand sidebar", collapseSidebar: "Collapse sidebar", closePanel: "Close panel" }, G = { expandSidebar: "Expandera sidopanel", collapseSidebar: "Minimera sidopanel", closePanel: "Stäng panel" }, S = {
+  en: A,
+  sv: G
+}, J = "_collapsePanel_1uy7t_1", K = "_collapsed_1uy7t_4", Q = "_panelTitle_1uy7t_17", P = {
+  collapsePanel: J,
+  collapsed: K,
+  panelTitle: Q
+}, R = ({
+  children: s,
+  className: l,
+  isCollapsed: n,
+  defaultCollapsed: c = !1,
+  onCollapseChange: d,
+  title: o,
+  ...r
+}) => {
+  const t = T(S), p = M(), [a, m] = x(
+    n,
+    c,
+    d
+  ), h = () => m(($) => !$);
+  return p ? null : /* @__PURE__ */ e(B.Provider, { value: { isCollapsed: a }, children: /* @__PURE__ */ i(
+    C,
+    {
+      className: v(l, P.collapsePanel, {
+        [P.collapsed]: a
+      }),
+      ...r,
+      children: [
+        /* @__PURE__ */ i(N, { children: [
+          /* @__PURE__ */ e("div", { children: !a && o && /* @__PURE__ */ e(
+            k,
+            {
+              className: P.panelTitle,
+              title: o
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            b,
+            {
+              variant: "icon",
+              "aria-label": a ? t.format("expandSidebar") : t.format("collapseSidebar"),
+              onPress: h,
+              children: a ? /* @__PURE__ */ e(I, { size: 20 }) : /* @__PURE__ */ e(H, { size: 20 })
+            }
+          )
+        ] }),
+        s
+      ]
+    }
+  ) });
+}, U = "_dismissPanel_dpjsv_1", V = "_panelTitle_dpjsv_18", u = {
+  dismissPanel: U,
+  panelTitle: V
+}, W = ({
+  children: s,
+  className: l,
+  isOpen: n,
+  defaultOpen: c = !1,
+  onOpenChange: d,
+  title: o,
+  ...r
+}) => {
+  const t = T(S), [p, a] = x(
+    n,
+    c,
+    d
+  ), m = () => a((h) => !h);
+  return p ? /* @__PURE__ */ i(
+    C,
+    {
+      className: v(l, u.dismissPanel),
+      ...r,
+      children: [
+        /* @__PURE__ */ i(N, { children: [
+          /* @__PURE__ */ e("div", { children: o && /* @__PURE__ */ e(
+            k,
+            {
+              className: u.panelTitle,
+              title: o
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            b,
+            {
+              variant: "icon",
+              "aria-label": t.format("closePanel"),
+              onPress: m,
+              children: /* @__PURE__ */ e(O, { size: 20 })
+            }
+          )
+        ] }),
+        s
+      ]
+    }
+  ) : null;
+}, ae = ({
+  variant: s = "collapse",
+  ...l
+}) => s === "collapse" ? /* @__PURE__ */ e(f.Provider, { value: { variant: s }, children: /* @__PURE__ */ e(R, { ...l }) }) : s === "dismiss" ? /* @__PURE__ */ e(f.Provider, { value: { variant: s }, children: /* @__PURE__ */ e(W, { ...l }) }) : null;
+export {
+  ae as P
+};

package/chunks/PanelContext-D2ADxgo6.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as d } from "react/jsx-runtime";
+import { c as m } from "./clsx-AexbMWKp.js";
+import { Text as p } from "react-aria-components";
+import { createContext as e } from "react";
+import '../assets/PanelContext.css';const _ = "_body_g096r_1", b = "_description_g096r_3", x = "_bold_g096r_24", g = "_italic_g096r_28", s = {
+  body: _,
+  "body-small": "_body-small_g096r_2",
+  description: b,
+  "description-small": "_description-small_g096r_4",
+  bold: x,
+  italic: g
+}, l = "span", N = ({
+  children: r,
+  className: a,
+  size: o,
+  isExpressive: n = !1,
+  elementType: t = l,
+  ...i
+}) => {
+  const c = {
+    className: m(
+      i.slot === "description" ? o === "small" ? s["description-small"] : s.description : o === "small" ? s["body-small"] : s.body,
+      {
+        [s.bold]: ["b", "strong"].includes(t),
+        [s.italic]: ["i", "em"].includes(t)
+      },
+      a
+    ),
+    elementType: t || l,
+    ...n && { "data-expressive": !0 },
+    ...i
+  };
+  return /* @__PURE__ */ d(p, { ...c, children: r });
+}, P = e({
+  variant: void 0
+}), v = e({
+  isCollapsed: !1
+});
+export {
+  v as C,
+  P,
+  N as T
+};

package/chunks/clsx-AexbMWKp.js

@@ -0,0 +1,24 @@
+function u(r) {
+  var f, t, n = "";
+  if (typeof r == "string" || typeof r == "number") n += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (t = u(r[f])) && (n && (n += " "), n += t);
+  } else for (t in r) r[t] && (n && (n += " "), n += t);
+  return n;
+}
+function i() {
+  for (var r, f, t = 0, n = "", o = arguments.length; t < o; t++) (r = arguments[t]) && (f = u(r)) && (n && (n += " "), n += f);
+  return n;
+}
+function e(...r) {
+  return r.some((f) => typeof f == "function") ? (f) => i(
+    r.map(
+      (t) => typeof t == "function" ? t(f) : t
+    )
+  ) : i(r);
+}
+export {
+  i as a,
+  e as c
+};