@altinn/altinn-components 0.15.5 → 0.17.0

package/dist/components/List/ListItemHeader.js

@@ -1,40 +1,39 @@
-import { jsxs as t, jsx as e, Fragment as p } from "react/jsx-runtime";
-import { c as y } from "../../index-L8X2o7IH.js";
-import { isValidElement as B } from "react";
+import { jsxs as i, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { c as g } from "../../index-L8X2o7IH.js";
+import { isValidElement as y } from "react";
 import { Icon as d } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
-import { Badge as M } from "../Badge/Badge.js";
+import { Badge as B } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemLink as C } from "./ListItemLink.js";
-import { ListItemLabel as E } from "./ListItemLabel.js";
-import { ListItemIcon as F } from "./ListItemIcon.js";
-import { ListItemControls as H } from "./ListItemControls.js";
-import { ListItemSelect as V } from "./ListItemSelect.js";
+import { ListItemLink as M } from "./ListItemLink.js";
+import { ListItemLabel as v } from "./ListItemLabel.js";
+import { ListItemIcon as C } from "./ListItemIcon.js";
+import { ListItemControls as F } from "./ListItemControls.js";
+import { ListItemSelect as H } from "./ListItemSelect.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemHeader.css';const b = "_header_13dzg_1", g = "_link_13dzg_39", m = {
-  header: b,
-  link: g
-}, Y = ({
+import '../../assets/ListItemHeader.css';const V = "_header_13dzg_1", b = "_link_13dzg_39", r = {
+  header: V,
+  link: b
+}, X = ({
   as: f,
-  loading: i,
-  disabled: h,
-  select: a,
-  href: L,
-  onClick: x,
-  onKeyPress: z,
-  tabIndex: I,
+  loading: m,
+  disabled: I,
+  select: c,
+  href: h,
+  onClick: L,
+  onKeyPress: x,
+  tabIndex: z,
   size: s = "sm",
-  title: _,
-  description: u,
-  icon: N,
-  avatar: S,
-  avatarGroup: j,
-  linkIcon: o,
-  badge: r,
-  controls: l,
-  className: k,
-  children: v
+  title: k,
+  description: _,
+  icon: u,
+  avatar: N,
+  avatarGroup: S,
+  chevron: l,
+  badge: t,
+  controls: o,
+  className: j,
+  children: E
 }) => {
   const n = {
     xs: "sm",
@@ -42,49 +41,49 @@ import '../../assets/ListItemHeader.css';const b = "_header_13dzg_1", g = "_link
     md: "lg",
     lg: "lg",
     xl: "xl"
-  }[s], c = () => r && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(M, { ...r }) : B(r) ? r : null;
-  return /* @__PURE__ */ t("header", { className: m.header, "data-size": s, children: [
-    /* @__PURE__ */ t("div", { className: m.link, children: [
-      a && /* @__PURE__ */ e(V, { ...a, className: m.select, size: n }),
-      /* @__PURE__ */ t(
-        C,
+  }[s], a = () => t && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(B, { ...t }) : y(t) ? t : null;
+  return /* @__PURE__ */ i("header", { className: r.header, "data-size": s, children: [
+    /* @__PURE__ */ i("div", { className: r.link, children: [
+      c && /* @__PURE__ */ e(H, { ...c, className: r.select, size: n }),
+      /* @__PURE__ */ i(
+        M,
         {
-          interactive: !!l,
-          className: y(m.link, k),
+          interactive: !!o,
+          className: g(r.link, j),
           as: f,
-          href: L,
-          onClick: x,
-          onKeyPress: z,
-          tabIndex: I,
-          loading: i,
-          disabled: h || i,
+          href: h,
+          onClick: L,
+          onKeyPress: x,
+          tabIndex: z,
+          loading: m,
+          disabled: I || m,
           size: s,
           children: [
             /* @__PURE__ */ e(
-              F,
+              C,
               {
-                loading: i,
+                loading: m,
                 size: n,
-                icon: N,
-                avatar: S,
-                avatarGroup: j
+                icon: u,
+                avatar: N,
+                avatarGroup: S
               }
             ),
-            /* @__PURE__ */ e(E, { size: s, loading: i, title: _, description: u, children: v }),
-            l && /* @__PURE__ */ t(p, { children: [
-              c(),
-              o && /* @__PURE__ */ e(d, { name: o, size: n })
+            /* @__PURE__ */ e(v, { size: s, loading: m, title: k, description: _, children: E }),
+            o && /* @__PURE__ */ i(p, { children: [
+              a(),
+              l && /* @__PURE__ */ e(d, { svgElement: l, size: n })
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ e(H, { className: m.controls, children: l || /* @__PURE__ */ t(p, { children: [
-      c(),
-      o && /* @__PURE__ */ e(d, { name: o, size: n })
+    /* @__PURE__ */ e(F, { className: r.controls, children: o || /* @__PURE__ */ i(p, { children: [
+      a(),
+      l && /* @__PURE__ */ e(d, { svgElement: l, size: n })
     ] }) })
   ] });
 };
 export {
-  Y as ListItemHeader
+  X as ListItemHeader
 };

package/dist/components/List/ListItemIcon.js

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Icon as p } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
+import { Icon as c } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { IconOrAvatar as s } from "../Icon/IconOrAvatar.js";
+import { IconOrAvatar as l } from "../Icon/IconOrAvatar.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemIcon.css';const e = "_icon_vryvy_1", f = {
-  icon: e
-}, j = ({ loading: c, size: r = "sm", icon: t, avatar: m, avatarGroup: n, children: i }) => !t && !m && !n && !i ? null : c ? /* @__PURE__ */ o(p, { name: "x-mark", size: r, loading: !0 }) : /* @__PURE__ */ o("span", { className: f.icon, children: i || /* @__PURE__ */ o(s, { size: r, icon: t, avatar: m, avatarGroup: n }) });
+import { S as p } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/ListItemIcon.css';const e = "_listIcon_ghios_1", I = {
+  listIcon: e
+}, j = ({ loading: n, size: t = "sm", icon: r, avatar: m, avatarGroup: s, children: i }) => !r && !m && !s && !i ? null : n ? /* @__PURE__ */ o(c, { svgElement: p, size: t, loading: !0 }) : /* @__PURE__ */ o("span", { className: I.listIcon, children: i || /* @__PURE__ */ o(l, { size: t, icon: r, avatar: m, avatarGroup: s }) });
 export {
   j as ListItemIcon
 };

package/dist/components/List/ListItemSelect.js

@@ -1,19 +1,18 @@
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { c as l } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
 import '../../assets/ListItemSelect.css';const a = "_label_1rc60_1", m = "_input_1rc60_15", p = "_icon_1rc60_19", t = {
   label: a,
   input: m,
   icon: p
-}, y = ({ size: e, checked: o = !1, onChange: i, className: r }) => /* @__PURE__ */ s("label", { className: l(t.label, r), "data-size": e, children: [
-  /* @__PURE__ */ c("input", { type: "checkbox", checked: o, onChange: i, className: t.input }),
+}, j = ({ size: e, checked: o = !1, onChange: s, className: i }) => /* @__PURE__ */ r("label", { className: l(t.label, i), "data-size": e, children: [
+  /* @__PURE__ */ c("input", { type: "checkbox", checked: o, onChange: s, className: t.input }),
   /* @__PURE__ */ c(n, { hover: !0, checked: o, className: t.icon })
 ] });
 export {
-  y as ListItemSelect
+  j as ListItemSelect
 };

package/dist/components/List/index.js

@@ -1,4 +1,4 @@
-import { ListItemBase as o } from "./ListItemBase.js";
+import { L as o } from "../../ListItemBase-BVx5MDhO.js";
 import { ListItemLink as m } from "./ListItemLink.js";
 import { ListItemHeader as L } from "./ListItemHeader.js";
 import { ListItemLabel as f } from "./ListItemLabel.js";

package/dist/components/Menu/MenuItem.js

@@ -1,20 +1,21 @@
-import { jsxs as k, jsx as n } from "react/jsx-runtime";
-import { MenuItemBase as v } from "./MenuItemBase.js";
-import { MenuItemLabel as L } from "./MenuItemLabel.js";
-import { MenuItemIcon as S } from "./MenuItemIcon.js";
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { MenuItemBase as b } from "./MenuItemBase.js";
+import { MenuItemLabel as j } from "./MenuItemLabel.js";
+import { MenuItemIcon as k } from "./MenuItemIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
-const g = {
+import { S as C } from "../../ChevronUp-H8Nuww4h.js";
+import { S as L } from "../../ChevronDown-CRAwzuD3.js";
+const w = {
   xs: "sm",
   sm: "sm",
   md: "md",
   lg: "xl"
-}, G = ({
-  as: t = "a",
+}, J = ({
+  as: n = "a",
   size: o = "md",
   color: i,
   theme: e,
@@ -23,46 +24,46 @@ const g = {
   icon: p,
   iconTheme: c,
   iconBadge: s,
-  avatar: I,
-  avatarGroup: l,
-  title: a,
-  description: u,
-  badge: M,
-  linkText: d,
-  linkIcon: f,
+  avatar: a,
+  avatarGroup: I,
+  title: l,
+  description: f,
+  badge: S,
+  linkText: u,
+  linkIcon: M,
   label: h,
-  ...x
+  ...v
 }) => {
-  const b = m && r ? "chevron-up" : m ? "chevron-down" : f, j = g[o];
-  return /* @__PURE__ */ k(
-    v,
+  const x = m && r ? C : m ? L : M, d = w[o];
+  return /* @__PURE__ */ g(
+    b,
     {
-      as: t,
+      as: n,
       size: o,
       theme: e,
-      badge: M,
-      linkText: d,
-      linkIcon: b,
+      badge: S,
+      linkText: u,
+      linkIcon: x,
       color: i,
       expanded: r,
-      ...x,
+      ...v,
       children: [
-        /* @__PURE__ */ n(
-          S,
+        /* @__PURE__ */ t(
+          k,
           {
-            size: j,
+            size: d,
             icon: p,
             iconTheme: c,
             iconBadge: s,
-            avatar: I,
-            avatarGroup: l
+            avatar: a,
+            avatarGroup: I
           }
         ),
-        /* @__PURE__ */ n(L, { title: a, description: u, size: o, children: h })
+        /* @__PURE__ */ t(j, { title: l, description: f, size: o, children: h })
       ]
     }
   );
 };
 export {
-  G as MenuItem
+  J as MenuItem
 };

package/dist/components/Menu/MenuItemBase.js

@@ -1,61 +1,60 @@
-import { jsxs as e, jsx as m } from "react/jsx-runtime";
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
 import { c as u } from "../../index-L8X2o7IH.js";
-import { Icon as T } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
+import { Icon as v } from "../Icon/Icon.js";
 import "react";
-import { Badge as j } from "../Badge/Badge.js";
+import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const v = "_item_18cbi_1", B = "_content_18cbi_45", k = "_action_18cbi_53", z = "_linkText_18cbi_60", E = "_linkIcon_18cbi_65", n = {
-  item: v,
+import '../../assets/MenuItemBase.css';const j = "_item_18cbi_1", B = "_content_18cbi_45", E = "_action_18cbi_53", k = "_linkText_18cbi_60", z = "_linkIcon_18cbi_65", n = {
+  item: j,
   content: B,
-  action: k,
-  linkText: z,
-  linkIcon: E
-}, L = ({
+  action: E,
+  linkText: k,
+  linkIcon: z
+}, J = ({
   as: _,
-  color: p,
-  theme: l,
+  color: l,
+  theme: p,
   size: h,
   className: x,
   href: d,
   onClick: c,
-  onKeyPress: i,
+  onKeyPress: e,
   tabIndex: f = 0,
   hidden: I,
   disabled: a = !1,
-  linkIcon: o,
+  linkIcon: i,
   linkText: s,
   badge: t,
   children: N
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ o(
   _ || "a",
   {
     tabIndex: a ? "-1" : f ?? 0,
     className: u(n.item, x),
     "data-size": h,
-    "data-color": p,
-    "data-theme": l,
+    "data-color": l,
+    "data-theme": p,
     "aria-hidden": I,
     "aria-disabled": a,
     href: d,
     onKeyPress: (r) => {
-      r.key === "Enter" && (c == null || c()), i == null || i(r);
+      r.key === "Enter" && (c == null || c()), e == null || e(r);
     },
     onClick: c,
     children: [
-      /* @__PURE__ */ e("div", { className: n.content, children: [
+      /* @__PURE__ */ o("div", { className: n.content, children: [
         N,
-        t && /* @__PURE__ */ m(j, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
+        t && /* @__PURE__ */ m(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
       ] }),
-      o && /* @__PURE__ */ e("div", { className: n.action, children: [
+      i && /* @__PURE__ */ o("div", { className: n.action, children: [
         s && /* @__PURE__ */ m("span", { className: n.linkText, children: s }),
-        o && /* @__PURE__ */ m(T, { name: o, className: n.linkIcon })
+        i && /* @__PURE__ */ m(v, { svgElement: i, className: n.linkIcon })
       ] })
     ]
   }
 );
 export {
-  L as MenuItemBase
+  J as MenuItemBase
 };

package/dist/components/Menu/MenuItemIcon.js

@@ -1,6 +1,5 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import { IconOrAvatar as _ } from "../Icon/IconOrAvatar.js";
 import "react";
 import { Badge as a } from "../Badge/Badge.js";
@@ -10,7 +9,7 @@ import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemIcon.css';const l = "_icon_1mqh2_1", b = "_badge_1mqh2_9", e = {
   icon: l,
   badge: b
-}, N = ({
+}, q = ({
   size: i,
   icon: o,
   iconTheme: c,
@@ -23,5 +22,5 @@ import '../../assets/MenuItemIcon.css';const l = "_icon_1mqh2_1", b = "_badge_1m
   m && /* @__PURE__ */ n(a, { ...m, className: e.badge })
 ] });
 export {
-  N as MenuItemIcon
+  q as MenuItemIcon
 };

package/dist/components/Menu/MenuItems.js

@@ -1,8 +1,7 @@
 "use client";
-import { jsxs as a, jsx as m, Fragment as k } from "react/jsx-runtime";
+import { jsxs as i, jsx as m, Fragment as k } from "react/jsx-runtime";
 import { Fragment as B } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import { useMenu as E } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as G } from "./MenuItem.js";
@@ -13,34 +12,34 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const _ = ({
   level: h = 0,
-  expanded: y,
-  search: r,
-  items: F,
-  groups: f = {},
+  expanded: F,
+  search: f,
+  items: j,
+  groups: r = {},
   defaultItemSize: x,
   defaultItemColor: M,
   defaultItemTheme: I,
   defaultIconTheme: v
 }) => {
   const { menu: b } = E({
-    items: F,
-    groups: f,
+    items: j,
+    groups: r,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ a(S, { expanded: y, children: [
-    r && /* @__PURE__ */ m(H, { ...r }),
+  return /* @__PURE__ */ i(S, { expanded: F, children: [
+    f && /* @__PURE__ */ m(H, { ...f }),
     b.map((n, l) => {
-      const t = (n == null ? void 0 : n.props) || {}, { title: o, divider: j = !0 } = t, z = b[l + 1];
-      return /* @__PURE__ */ a(B, { children: [
-        (h > 0 || l) && j ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
-        o && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: o }) }),
-        n == null ? void 0 : n.items.filter((i) => {
+      const t = (n == null ? void 0 : n.props) || {}, { title: y, divider: o = !0 } = t, z = b[l + 1];
+      return /* @__PURE__ */ i(B, { children: [
+        (h > 0 || l) && o ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
+        y && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: y }) }),
+        n == null ? void 0 : n.items.filter((a) => {
           var d;
-          return !((d = i.props) != null && d.hidden);
-        }).map((i, d) => {
-          const { active: L } = i, { groupId: $, ...e } = i.props || {}, { expanded: s } = e, T = n == null ? void 0 : n.items[d + 1];
-          return /* @__PURE__ */ a(c, { expanded: s, children: [
+          return !((d = a.props) != null && d.hidden);
+        }).map((a, d) => {
+          const { active: L } = a, { groupId: $, ...e } = a.props || {}, { expanded: s } = e, T = n == null ? void 0 : n.items[d + 1];
+          return /* @__PURE__ */ i(c, { expanded: s, children: [
             /* @__PURE__ */ m(
               G,
               {
@@ -53,14 +52,14 @@ const _ = ({
                 tabIndex: e != null && e.disabled ? -1 : 0
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ a(k, { children: [
+            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ i(k, { children: [
               /* @__PURE__ */ m(
                 _,
                 {
                   expanded: s,
                   level: h + 1,
                   items: e == null ? void 0 : e.items,
-                  groups: f,
+                  groups: r,
                   defaultItemSize: x,
                   defaultItemColor: M,
                   defaultItemTheme: I,

package/dist/components/Menu/MenuOption.js

@@ -6,18 +6,17 @@ import { MenuItemBase as f } from "./MenuItemBase.js";
 import { MenuItemLabel as v } from "./MenuItemLabel.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import "../Icon/SvgIcon.js";
 import { CheckboxIcon as x } from "../Icon/CheckboxIcon.js";
 import { RadioIcon as I } from "../Icon/RadioIcon.js";
 import '../../assets/MenuOption.css';const N = "_label_cv7w3_1", d = "_input_cv7w3_5", h = "_icon_cv7w3_10", r = {
   label: N,
   input: d,
   icon: h
-}, D = ({
+}, A = ({
   size: n = "md",
   type: i,
-  name: m,
-  value: e,
+  name: e,
+  value: m,
   label: s,
   title: l,
   description: a,
@@ -37,7 +36,7 @@ import '../../assets/MenuOption.css';const N = "_label_cv7w3_1", d = "_input_cv7
     as: "label",
     ..._,
     children: [
-      /* @__PURE__ */ t("input", { className: r.input, name: m, value: e, type: i, checked: o, onChange: u }),
+      /* @__PURE__ */ t("input", { className: r.input, name: e, value: m, type: i, checked: o, onChange: u }),
       i === "checkbox" && /* @__PURE__ */ t(x, { checked: o, hover: !0, className: r.icon }),
       i === "radio" && /* @__PURE__ */ t(I, { checked: o, hover: !0, className: r.icon }),
       /* @__PURE__ */ t(v, { title: l, description: a, size: n, children: s })
@@ -45,5 +44,5 @@ import '../../assets/MenuOption.css';const N = "_label_cv7w3_1", d = "_input_cv7
   }
 );
 export {
-  D as MenuOption
+  A as MenuOption
 };

package/dist/components/Menu/MenuSearch.js

@@ -1,33 +1,51 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { Icon as m } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { IconButton as a } from "../Button/IconButton.js";
+import { IconButton as l } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuSearch.css';const l = "_field_8g6tu_1", p = "_icon_8g6tu_6", u = "_input_8g6tu_15", _ = "_clear_8g6tu_31", t = {
-  field: l,
-  icon: p,
-  input: u,
-  clear: _
-}, v = ({ value: c, name: n, placeholder: s = "Søk", onChange: e, onClear: i }) => /* @__PURE__ */ r("div", { className: t.field, children: [
+import { S as p } from "../../MagnifyingGlass-DWIcpwS4.js";
+import { S as u } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/MenuSearch.css';const f = "_field_8g6tu_1", _ = "_icon_8g6tu_6", g = "_input_8g6tu_15", d = "_clear_8g6tu_31", t = {
+  field: f,
+  icon: _,
+  input: g,
+  clear: d
+}, I = ({
+  value: c,
+  name: r,
+  placeholder: s = "Search",
+  clearButtonAltText: e = "Clear search",
+  onChange: n,
+  onClear: i
+}) => /* @__PURE__ */ a("div", { className: t.field, children: [
   /* @__PURE__ */ o(
     "input",
     {
       type: "search",
       value: c,
-      name: n,
+      name: r,
       placeholder: s,
       className: t.input,
-      onChange: e,
+      onChange: n,
       autoComplete: "off"
     }
   ),
-  /* @__PURE__ */ o(m, { name: "magnifying-glass", className: t.icon }),
-  i && /* @__PURE__ */ o(a, { icon: "x-mark", variant: "solid", size: "custom", className: t.clear, onClick: i })
+  /* @__PURE__ */ o(m, { svgElement: p, className: t.icon }),
+  i && /* @__PURE__ */ o(
+    l,
+    {
+      icon: u,
+      variant: "solid",
+      size: "custom",
+      className: t.clear,
+      onClick: i,
+      iconAltText: e
+    }
+  )
 ] });
 export {
-  v as MenuSearch
+  I as MenuSearch
 };

package/dist/components/Meta/MetaItemMedia.js

@@ -1,7 +1,6 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { Icon as r } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
-import { ProgressIcon as s } from "../Icon/ProgressIcon.js";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { Icon as i } from "../Icon/Icon.js";
+import { ProgressIcon as r } from "../Icon/ProgressIcon.js";
 import "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
@@ -9,10 +8,10 @@ import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MetaItemMedia.css';const n = "_media_m8ywm_1", t = {
   media: n
-}, N = ({ size: o = "xs", icon: m, progress: e }) => !m && typeof e != "number" ? !1 : /* @__PURE__ */ i("span", { className: t.media, "data-size": o, children: [
-  m && /* @__PURE__ */ a(r, { name: m, className: t.icon }),
-  e && /* @__PURE__ */ a(s, { value: e, className: t.icon })
+}, I = ({ size: o = "xs", icon: m, progress: e }) => !m && typeof e != "number" ? !1 : /* @__PURE__ */ s("span", { className: t.media, "data-size": o, children: [
+  m && /* @__PURE__ */ a(i, { svgElement: m, className: t.icon }),
+  e && /* @__PURE__ */ a(r, { value: e, className: t.icon })
 ] });
 export {
-  N as MetaItemMedia
+  I as MetaItemMedia
 };