@altinn/altinn-components 0.59.1 → 0.60.2

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,45 +1,47 @@
 import { jsxs as c, Fragment as f, jsx as r } from "react/jsx-runtime";
-import { useRef as D, useEffect as v } from "react";
-import { Button as L } from "../Button/Button.js";
+import { useRef as N, useEffect as v } from "react";
+import { Button as D } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { w as S, G as z, J as j } from "../../Section-BEuICoay.js";
+import { u as L } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_drawer_1f6gf_28", R = "_footer_1f6gf_60", F = "_body_1f6gf_64", V = "_toggleButton_1f6gf_94", t = {
+import { S as z } from "../../ChevronUp-hn05LboH.js";
+import { S as j } from "../../ChevronDown-D_a7nb-G.js";
+import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_drawer_1f6gf_28", R = "_footer_1f6gf_60", F = "_body_1f6gf_64", V = "_toggleButton_1f6gf_94", n = {
   backdrop: I,
   drawer: M,
   footer: R,
   body: F,
   toggleButton: V
-}, Y = ({
+}, P = ({
   id: l,
   open: i,
   onClose: a,
   closedBy: o = "any",
-  expanded: u,
+  expanded: m,
   onToggle: b,
   children: _
 }) => {
-  const { languageCode: w } = S(), m = q(w), d = D(null);
+  const { languageCode: w } = L(), u = q(w), d = N(null);
   v(() => {
-    const e = d.current, s = (n) => {
-      const { clientY: h, clientX: p, target: y } = n;
-      if (n instanceof KeyboardEvent && n.key === "Escape") {
+    const e = d.current, s = (t) => {
+      const { clientY: p, clientX: h, target: y } = t;
+      if (t instanceof KeyboardEvent && t.key === "Escape") {
         if (o === "none") {
-          n.preventDefault();
+          t.preventDefault();
           return;
         }
         a();
         return;
       }
       if (!window.getSelection()?.toString() && e && y === e && o === "any") {
-        const { top: E, left: x, right: C, bottom: N } = e.getBoundingClientRect();
-        E <= h && h <= N && x <= p && p <= C || e?.close();
+        const { top: E, left: S, right: x, bottom: C } = e.getBoundingClientRect();
+        E <= p && p <= C && S <= h && h <= x || e?.close();
       }
     }, g = () => {
-      const n = e?.querySelector("[autofocus]");
-      document.activeElement !== n && n?.focus();
+      const t = e?.querySelector("[autofocus]");
+      document.activeElement !== t && t?.focus();
     };
     return e?.addEventListener("animationend", g), e?.addEventListener("click", s), e?.addEventListener("keydown", s), () => {
       e?.removeEventListener("animationend", g), e?.removeEventListener("click", s), e?.removeEventListener("keydown", s);
@@ -52,7 +54,7 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
     e.preventDefault(), o === "any" && a();
   };
   return /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ r("div", { className: t.backdrop, "aria-hidden": !i }),
+    /* @__PURE__ */ r("div", { className: n.backdrop, "aria-hidden": !i }),
     /* @__PURE__ */ c(
       "dialog",
       {
@@ -61,18 +63,18 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
         "data-open": i,
-        "data-expanded": u,
+        "data-expanded": m,
         onCancel: k,
-        className: t.drawer,
+        className: n.drawer,
         onClose: o !== "none" ? a : void 0,
         children: [
-          /* @__PURE__ */ r("div", { className: t.body, children: _ }),
-          o !== "none" && /* @__PURE__ */ r("footer", { className: t.footer, children: /* @__PURE__ */ r(L, { className: t.toggleButton, variant: "outline", onClick: b, children: u ? /* @__PURE__ */ c(f, { children: [
-            /* @__PURE__ */ r(z, { className: t.btnIcon, "aria-hidden": "true" }),
-            m.minimize
+          /* @__PURE__ */ r("div", { className: n.body, children: _ }),
+          o !== "none" && /* @__PURE__ */ r("footer", { className: n.footer, children: /* @__PURE__ */ r(D, { className: n.toggleButton, variant: "outline", onClick: b, children: m ? /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ r(z, { className: n.btnIcon, "aria-hidden": "true" }),
+            u.minimize
           ] }) : /* @__PURE__ */ c(f, { children: [
-            /* @__PURE__ */ r(j, { className: t.btnIcon, "aria-hidden": "true" }),
-            m.fullscreen
+            /* @__PURE__ */ r(j, { className: n.btnIcon, "aria-hidden": "true" }),
+            u.fullscreen
           ] }) }) })
         ]
       }
@@ -98,5 +100,5 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1f6gf_11", M = "_dra
   }
 };
 export {
-  Y as HeaderDrawer
+  P as HeaderDrawer
 };

package/dist/components/GlobalHeader/HeaderDropdown.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { h as m } from "../../Section-BEuICoay.js";
+import { g as m } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { c as l } from "../../index-p1eeF8LQ.js";
-import { w as c, B as g } from "../../Section-BEuICoay.js";
+import { u as c, B as g } from "../../ToolbarSearch-56Sm2j7P.js";
 import { Button as p } from "../Button/Button.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { useState as d, useCallback as L, useEffect as C, useMemo as G } from "react";
-import { M as S } from "../../Section-BEuICoay.js";
+import { M as S } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { useRef as g, useMemo as l } from "react";
+import { useRef as g, useMemo as i } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { w as h, A as b, s as S } from "../../Section-BEuICoay.js";
+import { u as h, r as b, l as S } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as w } from "../../ArrowUndo-hge1gMu8.js";
+import { S as x } from "../../ArrowUndo-hge1gMu8.js";
 const q = ({
   title: s = "Select language",
   options: r,
@@ -16,8 +16,8 @@ const q = ({
   onToggle: u,
   backLabel: d
 }) => {
-  const n = g(null), { currentId: m, closeAll: o } = h(), p = m === "locale", i = l(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), k = l(() => r.map((t) => {
-    const e = t.value === i;
+  const l = g(null), { currentId: m, closeAll: o } = h(), p = m === "locale", n = i(() => r.find((e) => e.checked)?.value ?? r[0]?.value, [r]), k = i(() => r.map((t) => {
+    const e = t.value === n;
     return {
       ...t,
       id: String(t.value),
@@ -31,22 +31,22 @@ const q = ({
         c?.(String(t.value)), o();
       }
     };
-  }), [r, c, o, i]), f = {
+  }), [r, c, o, n]), f = {
     locales: { title: s || "Språk/language" }
   };
   return v((t) => {
     if (p) {
       t.preventDefault();
-      const e = n.current?.querySelector('[data-active="true"]');
+      const e = l.current?.querySelector('[data-active="true"]');
       e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), o();
     }
-  }), /* @__PURE__ */ a("div", { ref: n, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
+  }), /* @__PURE__ */ a("div", { ref: l, "data-testid": "locale-switcher", role: "radiogroup", children: /* @__PURE__ */ a(
     S,
     {
       variant: "default",
       groups: f,
       items: [
-        { onClick: u, label: d, as: "button", icon: w, id: "back" },
+        { onClick: u, label: d, as: "button", icon: x, id: "back" },
         ...k
       ],
       keyboardEvents: !1

package/dist/components/GlobalMenu/LogoutButton.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/GlobalMenu_old/BackButton.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { r as i } from "../../Section-BEuICoay.js";
+import { k as i } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/GlobalMenu_old/CurrentAccount.js

@@ -1,12 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { r as n } from "../../Section-BEuICoay.js";
+import { k as n } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const I = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
+const x = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE__ */ m(
   n,
   {
     id: "account",
@@ -20,5 +20,5 @@ const I = ({ account: i, multipleAccounts: r, as: o, onClick: t }) => /* @__PURE
   }
 );
 export {
-  I as CurrentAccount
+  x as CurrentAccount
 };

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -3,7 +3,7 @@ import { jsxs as m, jsx as r, Fragment as C } from "react/jsx-runtime";
 import { useState as G, useMemo as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import { AccountMenu as x } from "../Account/AccountMenu.js";
-import { M as f } from "../../Section-BEuICoay.js";
+import { M as f } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { MenuListItem as h } from "../Menu/MenuListItem.js";
 import "../Button/Button.js";

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { c as l } from "../../index-p1eeF8LQ.js";
-import { C as f, B as _ } from "../../Section-BEuICoay.js";
+import { s as f, B as _ } from "../../ToolbarSearch-56Sm2j7P.js";
 import { Avatar as N } from "../Avatar/Avatar.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/GlobalMenu_old/LogoutButton.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as i } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Header/Header.js

@@ -3,7 +3,7 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as H } from "../../hooks/useIsDesktop.js";
-import { w as S } from "../../Section-BEuICoay.js";
+import { u as S } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
 import "../Button/Button.js";

package/dist/components/Header/HeaderBase.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as p } from "react/jsx-runtime";
 import { c as s } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Header/HeaderButton.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { c } from "../../index-p1eeF8LQ.js";
+import { c as s } from "../../index-p1eeF8LQ.js";
 import { Avatar as I } from "../Avatar/Avatar.js";
 import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
-import { I as N, C as g, B as p } from "../../Section-BEuICoay.js";
+import { I as N, s as g, B as p } from "../../ToolbarSearch-56Sm2j7P.js";
 import { Button as _ } from "../Button/Button.js";
 import "react";
 import "../Typography/Link.js";
@@ -18,7 +18,7 @@ import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", v = "_label_
   closeIcon: S,
   badge: k
 }, F = ({
-  className: s,
+  className: c,
   as: t = "button",
   color: a = "company",
   variant: l = "solid",
@@ -29,21 +29,21 @@ import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", v = "_label_
   label: r = "Menu",
   badge: o,
   ...m
-}) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
+}) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
   /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n("span", { className: c(e.icon, e.closeIcon), children: /* @__PURE__ */ n(N, { svgElement: g }) }),
+  /* @__PURE__ */ n("span", { className: s(e.icon, e.closeIcon), children: /* @__PURE__ */ n(N, { svgElement: g }) }),
   o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
-] }) : d ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
+] }) : d ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
   /* @__PURE__ */ n("span", { className: e.label, children: r }),
   /* @__PURE__ */ n(b, { ...d, className: e.avatarGroup }),
   o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
-] }) : u ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
+] }) : u ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
   /* @__PURE__ */ n("span", { className: e.label, children: r }),
   /* @__PURE__ */ n(I, { type: u?.type, name: u?.name, style: { fontSize: "2.25rem" } }),
   o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
-] }) : /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
+] }) : /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: s(e.button, c), children: [
   /* @__PURE__ */ n("span", { className: e.label, children: r }),
-  /* @__PURE__ */ n("span", { className: c(e.icon, e.loginIcon), children: /* @__PURE__ */ n(N, { svgElement: f }) }),
+  /* @__PURE__ */ n("span", { className: s(e.icon, e.loginIcon), children: /* @__PURE__ */ n(N, { svgElement: f }) }),
   o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
 ] });
 export {

package/dist/components/Header/HeaderLogo.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
-import { B as i } from "../../Section-BEuICoay.js";
+import { B as i } from "../../ToolbarSearch-56Sm2j7P.js";
 import { DigdirLogomark as _ } from "./DigdirLogomark.js";
 import '../../assets/HeaderLogo.css';const g = "_logo_mt7vd_1", p = "_symbol_mt7vd_8", x = "_text_mt7vd_26", t = {
   logo: g,

package/dist/components/Header/LocaleButton.js

@@ -2,7 +2,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as m } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { Button as i } from "../Button/Button.js";
 import "react-dom";

package/dist/components/Header/LocaleSwitcher.js

@@ -7,33 +7,33 @@ import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "react-dom";
 import "../Button/Button.js";
-import { w, A as I, s as p } from "../../Section-BEuICoay.js";
+import { u as I, r as w, l as p } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { LocaleButton as C } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";
 import { DrawerBase as S } from "../Dropdown/DrawerBase.js";
-const z = ({ title: m = "Select language", options: n, onSelect: a }) => {
-  const i = k(null), c = b(), { currentId: d, toggleId: g, closeAll: s } = w(), o = d === "locale", l = h(() => n.map((e) => ({
+const z = ({ title: m = "Select language", options: s, onSelect: a }) => {
+  const i = k(null), c = b(), { currentId: d, toggleId: g, closeAll: n } = I(), o = d === "locale", l = h(() => s.map((e) => ({
     ...e,
     id: String(e.value),
     tabIndex: 0,
     groupId: "locales",
-    icon: e.checked ? I : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
+    icon: e.checked ? w : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
     onClick: () => {
-      a?.(String(e.value)), s();
+      a?.(String(e.value)), n();
     }
-  })), [n, a]), u = {
+  })), [s, a]), u = {
     locales: { title: m || "Språk/language" }
   };
   return v((e) => {
     if (o) {
       e.preventDefault();
       const t = i.current?.querySelector('[data-active="true"]');
-      t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), s();
+      t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), n();
     }
   }), /* @__PURE__ */ f("div", { ref: i, "data-testid": "locale-switcher", children: [
     /* @__PURE__ */ r(C, { onClick: () => g("locale"), expanded: o, onBlurCapture: (e) => {
-      e?.relatedTarget?.closest('[data-testid="locale-switcher"]') || s();
+      e?.relatedTarget?.closest('[data-testid="locale-switcher"]') || n();
     } }),
     o && c && /* @__PURE__ */ r(x, { layout: "desktop", padding: !0, placement: "right", open: !0, children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) }),
     o && !c && /* @__PURE__ */ r(S, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) })

package/dist/components/Icon/Icon.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as n, i as e } from "../../Section-BEuICoay.js";
+import { I as n, i as e } from "../../ToolbarSearch-56Sm2j7P.js";
 import "react";
 import "../Skeleton/Skeleton.js";
 import "../Typography/Link.js";

package/dist/components/Icon/index.js

@@ -1,4 +1,4 @@
-import { I as c, i as e } from "../../Section-BEuICoay.js";
+import { I as c, i as e } from "../../ToolbarSearch-56Sm2j7P.js";
 import { CheckboxIcon as I } from "./CheckboxIcon.js";
 import { RadioIcon as p } from "./RadioIcon.js";
 import { ProgressIcon as f } from "./ProgressIcon.js";

package/dist/components/Inbox/InboxPage.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as n } from "../../Section-BEuICoay.js";
+import { H as n } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/InboxSearch/InboxSearch.js

@@ -1,7 +1,7 @@
 import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { w as p } from "../../Section-BEuICoay.js";
+import { u as p } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { Searchbar as s } from "../Searchbar/Searchbar.js";

package/dist/components/Item/ItemLabel.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { k as e } from "../../Section-BEuICoay.js";
+import { j as e } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 export {
   e as ItemLabel

package/dist/components/Item/ItemMedia.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { j as s } from "../../Section-BEuICoay.js";
+import { h as s } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";

package/dist/components/Item/ItemSelect.js

@@ -1,12 +1,13 @@
-import "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Forms/Input.js";
-import { l as f } from "../../Section-BEuICoay.js";
+import { Input as p } from "../Forms/Input.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
-import "../Button/Button.js";
+import { Button as n } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+const z = ({ className: r, onClick: o, checked: i, onChange: e, ...m }) => /* @__PURE__ */ t(n, { className: r, size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: o, children: /* @__PURE__ */ t(p, { ...m, type: "checkbox", size: "xs", checked: i, onChange: e }) });
 export {
-  f as ItemSelect
+  z as ItemSelect
 };

package/dist/components/Item/index.js

@@ -1,12 +1,13 @@
-import { k as m, j as o, l as r } from "../../Section-BEuICoay.js";
+import { j as o, h as m } from "../../ToolbarSearch-56Sm2j7P.js";
 import { ItemControls as I } from "./ItemControls.js";
-import { ItemBase as f } from "./ItemBase.js";
-import { ItemLink as p } from "./ItemLink.js";
+import { ItemSelect as f } from "./ItemSelect.js";
+import { ItemBase as x } from "./ItemBase.js";
+import { ItemLink as l } from "./ItemLink.js";
 export {
-  f as ItemBase,
+  x as ItemBase,
   I as ItemControls,
-  m as ItemLabel,
-  p as ItemLink,
-  o as ItemMedia,
-  r as ItemSelect
+  o as ItemLabel,
+  l as ItemLink,
+  m as ItemMedia,
+  f as ItemSelect
 };

package/dist/components/Layout/Layout.js

@@ -10,7 +10,7 @@ import "../../index-p1eeF8LQ.js";
 import { Footer as B } from "../Footer/Footer.js";
 import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
 import "react";
-import { w as k, M as C } from "../../Section-BEuICoay.js";
+import { u as k, M as C } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/List/List.js

@@ -1,12 +1,16 @@
-import "react/jsx-runtime";
-import "react";
-import "../../index-p1eeF8LQ.js";
-import { q } from "../../Section-BEuICoay.js";
+import { jsx as p } from "react/jsx-runtime";
+import { createElement as l } from "react";
+import { c } from "../../index-p1eeF8LQ.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import { ListItem as n } from "./ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import "../Page/Flex.js";
+import { Flex as a } from "../Page/Flex.js";
+import '../../assets/List.css';const f = "_list_14rag_1", x = {
+  list: f
+}, F = ({ children: r, className: o, spacing: i, items: m = [], ...s }) => /* @__PURE__ */ p(a, { direction: "col", as: "ul", spacing: i, className: c(x.list, o), ...s, children: r || m.map((t, e) => /* @__PURE__ */ l(n, { ...t, key: `item-${t.id ?? e}` })) });
 export {
-  q as List
+  F as List
 };

package/dist/components/List/ListBase.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BEuICoay.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/List/ListItem.js

@@ -1,8 +1,81 @@
-import "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import "./ListItemBase.js";
-import { p as e } from "../../Section-BEuICoay.js";
+import { jsxs as N, jsx as n } from "react/jsx-runtime";
+import { c as k } from "../../index-p1eeF8LQ.js";
+import { useId as q } from "react";
+import { ListItemBase as A } from "./ListItemBase.js";
+import { ListItemHeader as D } from "./ListItemHeader.js";
+import '../../assets/ListItem.css';const E = "_item_1nwey_3", F = {
+  item: E
+}, P = ({
+  className: f,
+  color: o,
+  variant: l = "default",
+  shadow: p = "xs",
+  border: I = "none",
+  loading: m,
+  disabled: r,
+  collapsible: a,
+  expanded: t,
+  size: i,
+  icon: u,
+  label: s,
+  title: L,
+  description: h,
+  badge: y,
+  linkIcon: _ = !1,
+  select: d,
+  selected: j,
+  controls: x,
+  children: v,
+  interactive: e,
+  id: w,
+  containerAs: B,
+  ...C
+}) => {
+  const H = typeof s == "function" ? s() : s, c = q();
+  return /* @__PURE__ */ N(
+    A,
+    {
+      className: k(F.item, f),
+      size: i,
+      color: o,
+      variant: l,
+      shadow: p,
+      border: I,
+      disabled: r,
+      selected: j,
+      expanded: t,
+      loading: m,
+      interactive: e,
+      id: w,
+      as: B,
+      children: [
+        /* @__PURE__ */ n(
+          D,
+          {
+            color: o,
+            loading: m,
+            linkIcon: _,
+            disabled: r,
+            collapsible: a,
+            expanded: t,
+            select: d,
+            title: L,
+            size: i,
+            description: h,
+            icon: u,
+            badge: y,
+            controls: x,
+            interactive: e,
+            ariaControlsId: t ? c : void 0,
+            ...C,
+            children: H
+          }
+        ),
+        t ? /* @__PURE__ */ n("div", { id: c, children: v }) : null
+      ]
+    }
+  );
+};
 export {
-  e as ListItem
+  P as ListItem
 };