@altinn/altinn-components 0.56.34 → 0.57.2

package/dist/components/GlobalMenu_old/GlobalMenuButton.js

@@ -3,47 +3,46 @@ import { c as l } from "../../index-p1eeF8LQ.js";
 import { Badge as _ } from "../Badge/Badge.js";
 import { Avatar as f } from "../Avatar/Avatar.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import { E as N } from "../../Section-jhq4n77E.js";
 import { Button as u } from "../Button/Button.js";
 import { ButtonIcon as I } from "../Button/ButtonIcon.js";
 import { ButtonLabel as h } from "../Button/ButtonLabel.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as N } from "../../XMark-tKk6aExO.js";
 import { S as g } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/GlobalMenuButton2.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", S = "_avatar_1uh95_19", k = "_icon_1uh95_44", L = "_badge_1uh95_50", n = {
+import '../../assets/GlobalMenuButton2.css';const v = "_button_1uh95_1", b = "_avatarIcon_1uh95_19", B = "_loginIcon_1uh95_20", x = "_closeIcon_1uh95_21", k = "_avatar_1uh95_19", L = "_icon_1uh95_44", M = "_badge_1uh95_50", n = {
   button: v,
   avatarIcon: b,
   loginIcon: B,
   closeIcon: x,
-  avatar: S,
-  icon: k,
-  badge: L
-}, H = ({
+  avatar: k,
+  icon: L,
+  badge: M
+}, F = ({
   className: c,
   as: t = "button",
-  color: r = "company",
-  variant: s = "solid",
-  currentAccount: p,
-  expanded: d,
+  color: s = "company",
+  variant: r = "solid",
+  currentAccount: d,
+  expanded: p,
   label: i = "Menu",
   badge: a,
   ...m
-}) => d ? /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
+}) => p ? /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(I, { className: n.closeIcon, icon: /* @__PURE__ */ o(N, { className: n.icon, "aria-label": "Close Icon" }) }),
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
-] }) : p ? /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
+] }) : d ? /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
     I,
     {
       className: n.avatarIcon,
-      icon: /* @__PURE__ */ o(f, { ...p?.icon, className: n.avatar })
+      icon: /* @__PURE__ */ o(f, { ...d?.icon, className: n.avatar })
     }
   ),
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
-] }) : /* @__PURE__ */ e(u, { ...m, as: t, variant: s, color: r, className: l(n.button, c), children: [
+] }) : /* @__PURE__ */ e(u, { ...m, as: t, variant: r, color: s, className: l(n.button, c), children: [
   /* @__PURE__ */ o(h, { children: i }),
   /* @__PURE__ */ o(
     I,
@@ -55,5 +54,5 @@ import '../../assets/GlobalMenuButton2.css';const v = "_button_1uh95_1", b = "_a
   a && /* @__PURE__ */ o(_, { ...a, className: n.badge })
 ] });
 export {
-  H as GlobalMenuButton_old
+  F as GlobalMenuButton_old
 };

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 "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/LogoutButton.css';const m = "_button_1260s_1", s = {

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 { useRootContext as S } from "../RootProvider/RootProvider.js";
+import { x as S } from "../../Section-jhq4n77E.js";
 import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Header/HeaderBase.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";

package/dist/components/Header/HeaderButton.js

@@ -1,53 +1,51 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
-import { Avatar as b } from "../Avatar/Avatar.js";
-import { AvatarGroup as g } from "../Avatar/AvatarGroup.js";
+import { Avatar as I } from "../Avatar/Avatar.js";
+import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
 import { Badge as p } from "../Badge/Badge.js";
 import { Button as _ } from "../Button/Button.js";
 import "react";
-import { Icon as f } from "../Icon/Icon.js";
-import "../RootProvider/RootProvider.js";
+import { I as f, E as g } from "../../Section-jhq4n77E.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as I } from "../../XMark-tKk6aExO.js";
 import { S as q } from "../../PadlockLocked-XL1IB5Ae.js";
-import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", S = "_label_1p2eq_12", v = "_icon_1p2eq_18", x = "_avatarGroup_1p2eq_28", G = "_loginIcon_1p2eq_37", k = "_closeIcon_1p2eq_42", B = "_badge_1p2eq_46", o = {
+import '../../assets/HeaderButton.css';const y = "_button_1p2eq_1", v = "_label_1p2eq_12", x = "_icon_1p2eq_18", G = "_avatarGroup_1p2eq_28", S = "_loginIcon_1p2eq_37", k = "_closeIcon_1p2eq_42", B = "_badge_1p2eq_46", e = {
   button: y,
-  label: S,
-  icon: v,
-  avatarGroup: x,
-  loginIcon: G,
+  label: v,
+  icon: x,
+  avatarGroup: G,
+  loginIcon: S,
   closeIcon: k,
   badge: B
-}, K = ({
+}, F = ({
   className: s,
   as: t = "button",
   color: a = "company",
-  variant: r = "solid",
+  variant: l = "solid",
   avatar: u,
   avatarGroup: d,
   icon: N = q,
   expanded: h,
-  label: l = "Menu",
-  badge: n,
+  label: r = "Menu",
+  badge: o,
   ...m
-}) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: r, color: a, className: c(o.button, s), children: [
-  /* @__PURE__ */ e("span", { className: o.label, children: l }),
-  /* @__PURE__ */ e("span", { className: c(o.icon, o.closeIcon), children: /* @__PURE__ */ e(f, { svgElement: I }) }),
-  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
-] }) : d ? /* @__PURE__ */ i(_, { ...m, as: t, variant: r, color: a, className: c(o.button, s), children: [
-  /* @__PURE__ */ e("span", { className: o.label, children: l }),
-  /* @__PURE__ */ e(g, { ...d, className: o.avatarGroup }),
-  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
-] }) : u ? /* @__PURE__ */ i(_, { ...m, as: t, variant: r, color: a, className: c(o.button, s), children: [
-  /* @__PURE__ */ e("span", { className: o.label, children: l }),
-  /* @__PURE__ */ e(b, { type: u?.type, name: u?.name, style: { fontSize: "2.25rem" } }),
-  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
-] }) : /* @__PURE__ */ i(_, { ...m, as: t, variant: r, color: a, className: c(o.button, s), children: [
-  /* @__PURE__ */ e("span", { className: o.label, children: l }),
-  /* @__PURE__ */ e("span", { className: c(o.icon, o.loginIcon), children: /* @__PURE__ */ e(f, { svgElement: N }) }),
-  n && /* @__PURE__ */ e(p, { ...n, className: o.badge })
+}) => h ? /* @__PURE__ */ i(_, { ...m, as: t, variant: l, color: a, className: c(e.button, s), children: [
+  /* @__PURE__ */ n("span", { className: e.label, children: r }),
+  /* @__PURE__ */ n("span", { className: c(e.icon, e.closeIcon), children: /* @__PURE__ */ n(f, { 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: [
+  /* @__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: [
+  /* @__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__ */ n("span", { className: e.label, children: r }),
+  /* @__PURE__ */ n("span", { className: c(e.icon, e.loginIcon), children: /* @__PURE__ */ n(f, { svgElement: N }) }),
+  o && /* @__PURE__ */ n(p, { ...o, className: e.badge })
 ] });
 export {
-  K as HeaderButton
+  F as HeaderButton
 };

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 "../RootProvider/RootProvider.js";
+import "../../Section-jhq4n77E.js";
 import { Button as s } from "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Header/LocaleSwitcher.js

@@ -1,25 +1,23 @@
 "use client";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
 import { useRef as k, useMemo as h } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
-import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
+import { useIsDesktop as x } from "../../hooks/useIsDesktop.js";
+import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "react-dom";
 import "../Button/Button.js";
-import { a as p } from "../../SearchField-BU7Imhpe.js";
-import { useRootContext as I } from "../RootProvider/RootProvider.js";
-import { LocaleButton as S } from "./LocaleButton.js";
+import { x as C, C as I, r as p } from "../../Section-jhq4n77E.js";
+import { LocaleButton as w } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";
-import { DrawerBase as w } from "../Dropdown/DrawerBase.js";
-import { S as C } from "../../Checkmark-Byz_C9x4.js";
-const F = ({ title: m = "Select language", options: s, onSelect: a }) => {
-  const i = k(null), c = b(), { currentId: d, toggleId: f, closeAll: n } = I(), o = d === "locale", l = h(() => s.map((e) => ({
+import { DrawerBase as S } from "../Dropdown/DrawerBase.js";
+const W = ({ title: m = "Select language", options: s, onSelect: a }) => {
+  const c = k(null), i = x(), { currentId: d, toggleId: g, closeAll: n } = C(), o = d === "locale", l = h(() => s.map((e) => ({
     ...e,
     id: String(e.value),
     tabIndex: 0,
     groupId: "locales",
-    icon: e.checked ? C : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
+    icon: e.checked ? I : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
     onClick: () => {
       a?.(String(e.value)), n();
     }
@@ -29,17 +27,17 @@ const F = ({ title: m = "Select language", options: s, onSelect: a }) => {
   return v((e) => {
     if (o) {
       e.preventDefault();
-      const t = i.current?.querySelector('[data-active="true"]');
+      const t = c.current?.querySelector('[data-active="true"]');
       t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), n();
     }
-  }), /* @__PURE__ */ g("div", { ref: i, "data-testid": "locale-switcher", children: [
-    /* @__PURE__ */ r(S, { onClick: () => f("locale"), expanded: o, onBlurCapture: (e) => {
+  }), /* @__PURE__ */ f("div", { ref: c, "data-testid": "locale-switcher", children: [
+    /* @__PURE__ */ r(w, { onClick: () => g("locale"), expanded: o, onBlurCapture: (e) => {
       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(w, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) })
+    o && i && /* @__PURE__ */ r(b, { layout: "desktop", padding: !0, placement: "right", open: !0, children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) }),
+    o && !i && /* @__PURE__ */ r(S, { open: !0, placement: "bottom", children: /* @__PURE__ */ r(p, { groups: u, items: l, keyboardEvents: !1 }) })
   ] });
 };
 export {
-  F as LocaleSwitcher
+  W as LocaleSwitcher
 };

package/dist/components/Icon/Icon.js

@@ -1,33 +1,12 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { c as _ } from "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import { I as c, i as n } from "../../Section-jhq4n77E.js";
 import "react";
-import { Skeleton as d } from "../Skeleton/Skeleton.js";
-import "../RootProvider/RootProvider.js";
+import "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Icon.css';const g = "_icon_1y3dz_1", h = "_shape_1y3dz_9", v = "_svg_1y3dz_14", y = "_image_1y3dz_15", a = {
-  icon: g,
-  shape: h,
-  svg: v,
-  image: y
-}, k = (s) => typeof s == "object" && s !== null && ("svgElement" in s || "iconUrl" in s), E = ({
-  loading: s,
-  altText: o,
-  svgElement: t,
-  size: c,
-  color: r,
-  iconUrl: i,
-  className: n,
-  style: m,
-  children: p
-}) => /* @__PURE__ */ e("span", { "data-ui": "icon", "data-size": c, "data-color": r, className: _(a.icon, n), style: m, children: /* @__PURE__ */ l(d, { loading: s, variant: "circle", className: a.shape, children: [
-  /* @__PURE__ */ e("span", { className: a.shape }),
-  t && /* @__PURE__ */ e(t, { "aria-hidden": "true", "alt-label": o, className: a.svg }),
-  i && /* @__PURE__ */ e("img", { src: i, alt: o, className: a.image }),
-  p
-] }) });
 export {
-  E as Icon,
-  k as isIconProps
+  c as Icon,
+  n as isIconProps
 };

package/dist/components/Icon/index.js

@@ -1,11 +1,11 @@
-import { Icon as c, isIconProps as e } from "./Icon.js";
-import { CheckboxIcon as p } from "./CheckboxIcon.js";
-import { RadioIcon as I } from "./RadioIcon.js";
-import { ProgressIcon as m } from "./ProgressIcon.js";
+import { I as c, i as e } from "../../Section-jhq4n77E.js";
+import { CheckboxIcon as I } from "./CheckboxIcon.js";
+import { RadioIcon as p } from "./RadioIcon.js";
+import { ProgressIcon as f } from "./ProgressIcon.js";
 export {
-  p as CheckboxIcon,
+  I as CheckboxIcon,
   c as Icon,
-  m as ProgressIcon,
-  I as RadioIcon,
+  f as ProgressIcon,
+  p as RadioIcon,
   e as isIconProps
 };

package/dist/components/InboxSearch/InboxSearch.js

@@ -1,27 +1,27 @@
-import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, Fragment as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { useRootContext as p } from "../RootProvider/RootProvider.js";
+import { x as s } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import { Searchbar as s } from "../Searchbar/Searchbar.js";
+import { Searchbar as p } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
 import "react-dom";
 import { Backdrop as x } from "../Dropdown/Backdrop.js";
 const g = ({ search: n }) => {
-  const { currentId: o, toggleId: t, openId: c } = p(), i = () => {
+  const { currentId: o, toggleId: t, openId: c } = s(), a = () => {
     c("inboxSearch");
   }, r = () => {
     t("inboxSearch");
   };
-  return /* @__PURE__ */ a(m, { children: [
+  return /* @__PURE__ */ i(m, { children: [
     o === "inboxSearch" && /* @__PURE__ */ e(x, { onClick: r }),
     /* @__PURE__ */ e(
-      s,
+      p,
       {
         ...n,
         expanded: o === "inboxSearch",
         onClose: r,
-        onFocus: i,
+        onFocus: a,
         useGlobalHeader: !0
       }
     )

package/dist/components/Item/ItemBase.js

@@ -0,0 +1,35 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as f } from "../../index-p1eeF8LQ.js";
+import '../../assets/ItemBase.css';const p = "_item_1c4n2_1", x = {
+  item: p
+}, b = ({
+  id: t,
+  ref: a,
+  as: e,
+  size: o,
+  color: s,
+  variant: i = "default",
+  hidden: m = !1,
+  disabled: n = !1,
+  className: r,
+  children: c,
+  ...d
+  // Collects onClick, onMouseEnter, id, etc.
+}) => /* @__PURE__ */ l(
+  e || "li",
+  {
+    ...d,
+    id: t,
+    ref: a,
+    className: f(x.item, r),
+    "data-size": o,
+    "data-color": s,
+    "data-variant": i,
+    "aria-disabled": n,
+    "aria-hidden": m,
+    children: c
+  }
+);
+export {
+  b as ItemBase
+};

package/dist/components/Item/ItemLabel.js

@@ -1,34 +1,7 @@
-import { jsx as a, jsxs as p, Fragment as i } from "react/jsx-runtime";
-import { c as x } from "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { Heading as n } from "../Typography/Heading.js";
-import '../../assets/ItemLabel.css';const b = "_label_e5q28_3", f = {
-  label: b
-}, j = ({
-  className: o,
-  title: e,
-  titleProps: t = {},
-  description: s,
-  descriptionProps: c = {},
-  highlightWords: r,
-  loading: l,
-  children: m
-}) => /* @__PURE__ */ a("span", { className: x(f.label, o), children: m || /* @__PURE__ */ p(i, { children: [
-  e && /* @__PURE__ */ a(n, { ...t, as: "span", loading: l, highlightWords: r, maxRows: 2, children: e }),
-  s && /* @__PURE__ */ a(
-    n,
-    {
-      ...c,
-      as: "span",
-      weight: "normal",
-      leading: "inherit",
-      loading: l,
-      highlightWords: r,
-      maxRows: 2,
-      children: s
-    }
-  )
-] }) });
+import { j as e } from "../../Section-jhq4n77E.js";
 export {
-  j as ItemLabel
+  e as ItemLabel
 };

package/dist/components/Item/ItemLink.js

@@ -0,0 +1,53 @@
+import { jsx as k, jsxs as f } from "react/jsx-runtime";
+import { c as u } from "../../index-p1eeF8LQ.js";
+import '../../assets/ItemLink.css';const j = "_link_eet0n_1", A = "_linkFocus_eet0n_26", e = {
+  link: j,
+  linkFocus: A
+}, h = ({
+  as: m,
+  loading: t,
+  disabled: n,
+  selected: v,
+  href: s,
+  onClick: a,
+  onKeyPress: p,
+  className: o,
+  active: _,
+  ariaLabel: r,
+  children: c,
+  tabIndex: x = 0,
+  expanded: l,
+  collapsible: y,
+  ariaControlsId: F
+}) => {
+  const i = m || "div";
+  if (i === "div")
+    return /* @__PURE__ */ k("div", { className: u(e.link, o), children: c });
+  const b = !t && s || i !== "a" && r;
+  return /* @__PURE__ */ f(
+    i,
+    {
+      className: u(e.link, o),
+      href: s,
+      onKeyPress: (d) => {
+        d.key === "Enter" && a?.(), p?.(d);
+      },
+      onClick: a,
+      "data-interactive": "true",
+      "aria-disabled": t || n,
+      "aria-selected": v,
+      "aria-expanded": y ? l : void 0,
+      "aria-controls": l ? F : void 0,
+      ...b && { "aria-label": r },
+      "data-active": _,
+      tabIndex: t || n ? -1 : x,
+      children: [
+        c,
+        /* @__PURE__ */ k("div", { className: e.linkFocus, "aria-hidden": "true" })
+      ]
+    }
+  );
+};
+export {
+  h as ItemLink
+};

package/dist/components/Item/ItemMedia.js

@@ -1,34 +1,12 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { isValidElement as d } from "react";
-import { c as m } from "../../index-p1eeF8LQ.js";
-import { Icon as s, isIconProps as e } from "../Icon/Icon.js";
-import { isAvatarProps as i, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as n, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "react";
+import "../../index-p1eeF8LQ.js";
+import { h } from "../../Section-jhq4n77E.js";
+import "../Avatar/Avatar.js";
+import "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as _ } from "../../XMark-tKk6aExO.js";
-import '../../assets/ItemMedia.css';const G = "_media_1089b_3", N = "_icon_1089b_10", b = "_avatar_1089b_14", g = "_avatarGroup_1089b_18", o = {
-  media: G,
-  icon: N,
-  avatar: b,
-  avatarGroup: g
-};
-function x(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || d(r);
-}
-const V = ({ className: r, loading: p, icon: a, children: c }) => {
-  if (!a)
-    return null;
-  if (p)
-    return /* @__PURE__ */ t("div", { className: m(o.icon, r), children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) });
-  const v = i(a) ? "avatar" : n(a) ? "avatarGroup" : (e(a), "icon");
-  return /* @__PURE__ */ l("div", { className: m(o.media, r), "data-variant": v, children: [
-    i(a) && /* @__PURE__ */ t(f, { ...a, className: o.avatar }) || n(a) && /* @__PURE__ */ t(u, { ...a, className: o.avatarGroup }) || e(a) && /* @__PURE__ */ t(s, { ...a, className: o.icon }) || x(a) && /* @__PURE__ */ t(s, { className: o.icon, children: a }) || /* @__PURE__ */ t(s, { className: o.icon, svgElement: a }),
-    c
-  ] });
-};
 export {
-  V as ItemMedia
+  h as ItemMedia
 };

package/dist/components/Item/ItemSelect.js

@@ -1,12 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Input as e } from "../Forms/Input.js";
-import "../RootProvider/RootProvider.js";
-import { Button as i } from "../Button/Button.js";
+import "../Forms/Input.js";
+import { k as f } from "../../Section-jhq4n77E.js";
+import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const h = ({ selected: o, onClick: r }) => /* @__PURE__ */ t(i, { size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: r, children: /* @__PURE__ */ t(e, { type: "checkbox", size: "xs", checked: o, style: { pointerEvents: "none" } }) });
 export {
-  h as ItemSelect
+  f as ItemSelect
 };

package/dist/components/Item/index.js

@@ -1,10 +1,12 @@
-import { ItemMedia as t } from "./ItemMedia.js";
-import { ItemLabel as m } from "./ItemLabel.js";
-import { ItemControls as p } from "./ItemControls.js";
-import { ItemSelect as I } from "./ItemSelect.js";
+import { j as m, h as o, k as r } from "../../Section-jhq4n77E.js";
+import { ItemControls as I } from "./ItemControls.js";
+import { ItemBase as f } from "./ItemBase.js";
+import { ItemLink as x } from "./ItemLink.js";
 export {
-  p as ItemControls,
+  f as ItemBase,
+  I as ItemControls,
   m as ItemLabel,
-  t as ItemMedia,
-  I as ItemSelect
+  x as ItemLink,
+  o as ItemMedia,
+  r as ItemSelect
 };