@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/List/ListItemIcon.js

@@ -1,15 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Icon as c } from "../Icon/Icon.js";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
+import { Icon as s, isIconProps as l } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { IconOrAvatar as l } from "../Icon/IconOrAvatar.js";
-import "react";
+import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as v, AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
+import { Badge as u } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-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 }) });
+import { S as N } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/ListItemIcon.css';const d = "_wrapper_1q66b_1", b = "_icon_1q66b_8", g = "_avatar_1q66b_16", G = "_avatarGroup_1q66b_20", t = {
+  wrapper: d,
+  icon: b,
+  avatar: g,
+  avatarGroup: G
+};
+function w(a) {
+  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || n(a);
+}
+const z = ({ loading: a, size: m, icon: r, theme: e, badge: p }) => r ? a ? /* @__PURE__ */ o(s, { className: t.wrapper, svgElement: N, loading: !0 }) : /* @__PURE__ */ i("div", { className: t.wrapper, "data-size": m, children: [
+  c(r) && /* @__PURE__ */ o(f, { ...r, className: t.avatar }) || v(r) && /* @__PURE__ */ o(_, { ...r, className: t.avatarGroup }) || l(r) && /* @__PURE__ */ o(s, { ...r, theme: r.theme || e, className: t.icon }) || w(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r, className: t.icon }),
+  p && /* @__PURE__ */ o(u, { ...p, className: t.badge })
+] }) : null;
 export {
-  j as ListItemIcon
+  z as ListItemIcon
 };

package/dist/components/List/ListItemLabel.js

@@ -1,26 +1,53 @@
-import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { Skeleton as n } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const h = "_label_ktd6x_3", b = "_title_ktd6x_36", x = "_description_ktd6x_57", l = {
-  label: h,
-  title: b,
-  description: x
-}, N = ({
-  loading: s = !1,
-  size: e = "sm",
-  title: c,
-  titleAs: o = "h2",
-  weight: r = "bold",
-  description: a,
-  children: i,
-  id: d
+import { jsx as s, jsxs as u, Fragment as b } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
+import { isValidElement as h } from "react";
+import "../RootProvider/RootProvider.js";
+import { Heading as c } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/ListItemLabel.css';const P = "_label_1aex5_1", x = {
+  label: P
+}, a = (r) => typeof r == "object" && r !== null && "children" in r;
+function m(r) {
+  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || h(r);
+}
+const y = (r) => {
+  const t = {
+    as: "h2",
+    size: "sm"
+    //    leading: "tight",
+  };
+  return a(r) ? { ...t, ...r } : m(r) ? {
+    ...t,
+    children: r
+  } : null;
+}, g = (r) => {
+  const t = {
+    as: "h3",
+    size: "xs",
+    weight: "normal",
+    variant: "subtle"
+    //    leading: "tight",
+  };
+  return a(r) ? { ...t, ...r } : m(r) ? {
+    ...t,
+    children: r
+  } : null;
+}, D = ({
+  loading: r = !1,
+  size: t,
+  title: n,
+  description: o,
+  children: l,
+  id: p,
+  className: f
 }) => {
-  const m = o;
-  return /* @__PURE__ */ t("span", { className: l.label, "data-size": e, id: d, children: i || /* @__PURE__ */ p(_, { children: [
-    /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t(m, { className: l.title, "data-size": e, "data-weight": r, children: c }) }),
-    " ",
-    a && /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t("p", { className: l.description, "data-size": e, children: a }) })
+  const e = n && y(n), i = o && g(o);
+  return /* @__PURE__ */ s("span", { className: d(x.label, f), id: p, "data-size": t, children: l || /* @__PURE__ */ u(b, { children: [
+    e && /* @__PURE__ */ s(c, { ...e, loading: r, children: e.children }),
+    i && /* @__PURE__ */ s(c, { ...i, loading: r })
   ] }) });
 };
 export {
-  N as ListItemLabel
+  D as ListItemLabel
 };

package/dist/components/List/ListItemLink.js

@@ -1,39 +1,37 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as o } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemLink.css';const _ = "_link_1j3d8_1", i = {
-  link: _
-}, L = ({
+import { jsx as d } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemLink.css';const x = "_link_18ajm_1", i = {
+  link: x
+}, u = ({
   interactive: e = !1,
-  size: r,
-  as: p,
-  loading: f,
-  disabled: l,
-  selected: v,
-  href: b,
-  onClick: a,
-  onKeyPress: t,
-  className: d,
-  children: s,
-  active: x,
+  as: o,
+  loading: p,
+  disabled: f,
+  selected: l,
+  href: v,
+  onClick: t,
+  onKeyPress: a,
+  className: r,
+  children: m,
+  active: b,
   describedby: n
-}) => e ? /* @__PURE__ */ c(
-  p || "div",
+}) => e ? /* @__PURE__ */ d(
+  o || "div",
   {
-    className: o(i.link, i.interactive, d),
-    href: b,
-    onKeyPress: (m) => {
-      m.key === "Enter" && (a == null || a()), t == null || t(m);
+    className: c(i.link, i.interactive, r),
+    href: v,
+    onKeyPress: (s) => {
+      s.key === "Enter" && (t == null || t()), a == null || a(s);
     },
-    onClick: a,
+    onClick: t,
     "data-interactive": e,
-    "aria-disabled": f || l,
-    "aria-selected": v,
+    "aria-disabled": p || f,
+    "aria-selected": l,
     "aria-describedby": n,
-    "data-size": r,
-    "data-active": x,
-    children: s
+    "data-active": b,
+    children: m
   }
-) : /* @__PURE__ */ c("div", { className: o(i.link, d), "data-size": r, "aria-describedby": n, children: s });
+) : /* @__PURE__ */ d("div", { className: c(i.link, r), "aria-describedby": n, children: m });
 export {
-  L as ListItemLink
+  u as ListItemLink
 };

package/dist/components/List/ListItemSelect.js

@@ -1,18 +1,18 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { c as r } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { CheckboxIcon as r } from "../Icon/CheckboxIcon.js";
-import '../../assets/ListItemSelect.css';const a = "_label_1nykd_1", m = "_input_1nykd_15", p = "_icon_1nykd_19", t = {
-  label: a,
-  input: m,
-  icon: p
-}, k = ({ size: n, checked: o = !1, onChange: s, className: i }) => /* @__PURE__ */ c("label", { className: l(t.label, i), "data-size": n, children: [
-  /* @__PURE__ */ e("input", { type: "checkbox", checked: o, onChange: s, className: t.input }),
-  /* @__PURE__ */ e(r, { hover: !0, checked: o, className: t.icon })
+import { Label as l } from "../Forms/Label.js";
+import { Input as n } from "../Forms/Input.js";
+import '../../assets/ListItemSelect.css';const i = "_select_kfgnl_1", m = "_checkbox_kfgnl_19", t = {
+  select: i,
+  checkbox: m
+}, y = ({ className: o, ...c }) => /* @__PURE__ */ s(l, { className: r(t.select, o), children: [
+  /* @__PURE__ */ e(n, { type: "checkbox", ...c, className: t.checkbox }),
+  /* @__PURE__ */ e("span", { style: { position: "absolute", opacity: 0, pointerEvents: "none" }, children: "Select" })
 ] });
 export {
-  k as ListItemSelect
+  y as ListItemSelect
 };

package/dist/components/List/index.js

@@ -5,13 +5,11 @@ import { ListItemLabel as f } from "./ListItemLabel.js";
 import { ListItemIcon as x } from "./ListItemIcon.js";
 import { ListItemControls as a } from "./ListItemControls.js";
 import { ListItemSelect as n } from "./ListItemSelect.js";
-import { ListItem as B } from "./ListItem.js";
-import { ListBase as d } from "./ListBase.js";
-import { List as C } from "./List.js";
+import { ListItem as b } from "./ListItem.js";
+import { List as k } from "./List.js";
 export {
-  C as List,
-  d as ListBase,
-  B as ListItem,
+  k as List,
+  b as ListItem,
   o as ListItemBase,
   a as ListItemControls,
   L as ListItemHeader,

package/dist/components/Menu/MenuInputField.js

@@ -1,34 +1,31 @@
-import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import '../../assets/MenuInputField.css';const i = "_field_bgrbp_1", p = "_label_bgrbp_9", a = "_input_bgrbp_17", r = "_button_bgrbp_37", u = "_close_bgrbp_42", d = "_icon_bgrbp_46", t = {
-  field: i,
-  label: p,
-  input: a,
-  button: r,
-  close: u,
-  icon: d
-}, g = ({
-  label: e,
-  type: o = "text",
-  value: n,
-  name: s,
-  placeholder: b = "Søk",
-  onChange: c
-}) => /* @__PURE__ */ _("label", { className: t.field, children: [
-  e && /* @__PURE__ */ l("span", { className: t.label, children: e }),
-  /* @__PURE__ */ l(
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import '../../assets/MenuInputField.css';const r = "_field_bgrbp_1", b = "_label_bgrbp_9", c = "_input_bgrbp_17", e = {
+  field: r,
+  label: b,
+  input: c
+}, _ = ({
+  label: t,
+  type: n = "text",
+  value: l,
+  name: a,
+  placeholder: i = "Søk",
+  onChange: p
+}) => /* @__PURE__ */ o("label", { className: e.field, children: [
+  t && /* @__PURE__ */ s("span", { className: e.label, children: t }),
+  /* @__PURE__ */ s(
     "input",
     {
-      "data-value": n && !0,
-      type: o,
-      value: n,
-      name: s,
-      placeholder: b,
-      className: t.input,
-      onChange: c,
+      "data-value": l && !0,
+      type: n,
+      value: l,
+      name: a,
+      placeholder: i,
+      className: e.input,
+      onChange: p,
       autoComplete: "off"
     }
   )
 ] });
 export {
-  g as MenuInputField
+  _ as MenuInputField
 };

package/dist/components/Menu/MenuItem.js

@@ -1,69 +1,50 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as M, jsx as t } from "react/jsx-runtime";
 import { MenuItemBase as b } from "./MenuItemBase.js";
-import { MenuItemLabel as j } from "./MenuItemLabel.js";
+import { MenuItemLabel as g } 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 "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-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"
-}, J = ({
+import { S as L, a as S } from "../../ChevronUp-DR4Lz2Jb.js";
+const F = ({
   as: n = "a",
   size: o = "md",
-  color: i,
-  theme: e,
-  collapsible: m,
-  expanded: r,
+  color: e,
+  theme: a,
+  collapsible: r,
+  expanded: m,
   icon: p,
-  iconTheme: c,
-  iconBadge: s,
-  avatar: a,
-  avatarGroup: I,
-  title: l,
-  description: f,
-  badge: S,
-  linkText: u,
-  linkIcon: M,
-  label: h,
-  ...v
-}) => {
-  const x = m && r ? C : m ? L : M, d = w[o];
-  return /* @__PURE__ */ g(
-    b,
-    {
-      as: n,
-      size: o,
-      theme: e,
-      badge: S,
-      linkText: u,
-      linkIcon: x,
-      color: i,
-      expanded: r,
-      ...v,
-      children: [
-        /* @__PURE__ */ t(
-          k,
-          {
-            size: d,
-            icon: p,
-            iconTheme: c,
-            iconBadge: s,
-            avatar: a,
-            avatarGroup: I
-          }
-        ),
-        /* @__PURE__ */ t(j, { title: l, description: f, size: o, children: h })
-      ]
-    }
-  );
-};
+  iconTheme: i,
+  iconBadge: c,
+  avatar: d,
+  avatarGroup: j,
+  title: I,
+  description: u,
+  badge: v,
+  linkText: f,
+  linkIcon: h,
+  label: l,
+  ...s
+}) => /* @__PURE__ */ M(
+  b,
+  {
+    as: n,
+    size: o,
+    theme: a,
+    badge: v,
+    linkText: f,
+    linkIcon: r && m ? L : r ? S : h,
+    color: e,
+    expanded: m,
+    ...s,
+    children: [
+      /* @__PURE__ */ t(k, { size: o, icon: p, theme: i, badge: c }),
+      /* @__PURE__ */ t(g, { title: I, description: u, size: o, children: l })
+    ]
+  }
+);
 export {
-  J as MenuItem
+  F as MenuItem
 };

package/dist/components/Menu/MenuItemBase.js

@@ -4,7 +4,7 @@ import { Icon as v } from "../Icon/Icon.js";
 import "react";
 import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemBase.css';const B = "_item_1ejie_1", E = "_content_1ejie_45", k = "_action_1ejie_53", z = "_linkText_1ejie_60", M = "_linkIcon_1ejie_65", e = {
   item: B,

package/dist/components/Menu/MenuItemIcon.js

@@ -1,26 +1,26 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
+import { Icon as s, isIconProps as u } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { IconOrAvatar as _ } from "../Icon/IconOrAvatar.js";
-import "react";
-import { Badge as a } from "../Badge/Badge.js";
+import { isAvatarProps as f, Avatar as g } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as l, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import { Badge as c } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemIcon.css';const l = "_icon_1mqh2_1", b = "_badge_1mqh2_9", e = {
-  icon: l,
-  badge: b
-}, q = ({
-  size: i,
-  icon: o,
-  iconTheme: c,
-  iconBadge: m,
-  avatar: t,
-  avatarGroup: r,
-  children: s
-}) => !o && !t && !r && !s ? null : /* @__PURE__ */ p("span", { className: e.icon, children: [
-  s || /* @__PURE__ */ n(_, { size: i, icon: o, iconTheme: c, avatar: t, avatarGroup: r }),
-  m && /* @__PURE__ */ n(a, { ...m, className: e.badge })
-] });
+import { S as _ } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/MenuItemIcon.css';const b = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
+  icon: b,
+  avatarGroup: v,
+  badge: G
+};
+function N(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
+}
+const z = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ a(s, { className: o.icon, svgElement: _, loading: !0 }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": p, children: [
+  f(r) && /* @__PURE__ */ a(g, { ...r }) || l(r) && /* @__PURE__ */ a(d, { ...r, className: o.avatarGroup }) || u(r) && /* @__PURE__ */ a(s, { ...r, theme: (r == null ? void 0 : r.theme) || e }) || N(r) && r || /* @__PURE__ */ a(s, { theme: e, svgElement: r }),
+  m && /* @__PURE__ */ a(c, { ...m, className: o.badge })
+] }) : null;
 export {
-  q as MenuItemIcon
+  z as MenuItemIcon
 };

package/dist/components/Menu/MenuItems.js

@@ -8,7 +8,7 @@ import { MenuItem as H } from "./MenuItem.js";
 import { MenuSearch as K } from "./MenuSearch.js";
 import { MenuHeader as S } from "./MenuHeader.js";
 import { MenuList as _, MenuListItem as c } from "./MenuBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const $ = ({
   level: h = 0,

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { u as b } from "../../index-DyDqjche.js";
+import { u as b } from "../../index-D-VWMqlv.js";
 import { useRef as R, useEffect as T } from "react";
 import "../../index-L8X2o7IH.js";
 import { useMenu as V } from "../../hooks/useMenu.js";
@@ -9,7 +9,7 @@ import { MenuItem as $ } from "./MenuItem.js";
 import { MenuSearch as j } from "./MenuSearch.js";
 import { MenuHeader as k } from "./MenuHeader.js";
 import { MenuList as N, MenuListItem as g } from "./MenuBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1", B = "_virtualMenuListItem_12fdc_6", y = {
   virtualScrollRef: q,
@@ -50,20 +50,20 @@ import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1"
         };
       })
     ];
-  }), n = b({
+  }), o = b({
     count: a.length,
     gap: 8,
     estimateSize: () => 44,
     getScrollElement: () => m.current
-  }), o = n.getVirtualItems();
+  }), n = o.getVirtualItems();
   return T(() => {
-    for (const t of o) {
+    for (const t of n) {
       const e = document.querySelector(`[data-index="${t.index}"]`);
-      e && n.measureElement(e);
+      e && o.measureElement(e);
     }
-  }, [o]), /* @__PURE__ */ v(N, { children: [
+  }, [n]), /* @__PURE__ */ v(N, { children: [
     l && /* @__PURE__ */ i(j, { ...l }),
-    /* @__PURE__ */ i("div", { ref: m, className: y.virtualScrollRef, style: z, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${n.getTotalSize()}px` }, children: o.map((t) => {
+    /* @__PURE__ */ i("div", { ref: m, className: y.virtualScrollRef, style: z, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${o.getTotalSize()}px` }, children: n.map((t) => {
       const e = a[t.index];
       return e ? /* @__PURE__ */ v(
         g,

package/dist/components/Menu/MenuOption.js

@@ -4,7 +4,7 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItemBase as f } from "./MenuItemBase.js";
 import { MenuItemLabel as x } from "./MenuItemLabel.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { CheckboxIcon as N } from "../Icon/CheckboxIcon.js";
 import { RadioIcon as g } from "../Icon/RadioIcon.js";

package/dist/components/Menu/MenuSearch.js

@@ -4,10 +4,10 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as l } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as p } from "../../MagnifyingGlass-DWIcpwS4.js";
-import { S as u } from "../../XMark-Bv1I87Ev.js";
+import { S as p } from "../../MagnifyingGlass-3Ln1MufI.js";
+import { S as u } from "../../XMark-DIqxCTTQ.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: _,

package/dist/components/Metadata/MetaItem.js

@@ -0,0 +1,24 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItemBase as I } from "./MetaItemBase.js";
+import { MetaItemIcon as f } from "./MetaItemIcon.js";
+import { MetaItemLabel as M } from "./MetaItemLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const L = ({
+  loading: t,
+  reverse: p,
+  size: m = "xs",
+  variant: r = "text",
+  icon: o,
+  children: i,
+  ...s
+}) => /* @__PURE__ */ x(I, { loading: t, reverse: p, variant: r, size: m, ...s, children: [
+  !t && o && /* @__PURE__ */ e(f, { icon: o }),
+  /* @__PURE__ */ e(M, { variant: r, size: m, children: i })
+] });
+export {
+  L as MetaItem
+};

package/dist/components/Metadata/MetaItemIcon.js

@@ -0,0 +1,18 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Icon as a } from "../Icon/Icon.js";
+import { ProgressIcon as n } from "../Icon/ProgressIcon.js";
+import "react";
+import "../../index-L8X2o7IH.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/MetaItemIcon.css';const r = "_media_ssm84_1", c = "_icon_ssm84_7", s = {
+  media: r,
+  icon: c
+}, N = ({ size: e = "xs", icon: m, progress: o }) => !m && typeof o != "number" ? !1 : /* @__PURE__ */ i("span", { className: s.media, "data-size": e, children: [
+  m && /* @__PURE__ */ t(a, { svgElement: m, className: s.icon }),
+  o && /* @__PURE__ */ t(n, { value: o, className: s.icon })
+] });
+export {
+  N as MetaItemIcon
+};

package/dist/components/Metadata/MetaProgress.js

@@ -0,0 +1,16 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItemBase as i } from "./MetaItemBase.js";
+import { MetaItemIcon as s } from "./MetaItemIcon.js";
+import { MetaItemLabel as x } from "./MetaItemLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const d = ({ size: t = "xs", variant: r = "text", progress: m = 0, children: e }) => /* @__PURE__ */ p(i, { variant: r, size: t, children: [
+  /* @__PURE__ */ o(s, { size: t, progress: m }),
+  /* @__PURE__ */ o(x, { variant: r, size: t, children: e })
+] });
+export {
+  d as MetaProgress
+};

package/dist/components/Metadata/MetaTimestamp.js

@@ -0,0 +1,23 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItemBase as a } from "./MetaItemBase.js";
+import { MetaItemIcon as x } from "./MetaItemIcon.js";
+import { MetaItemLabel as f } from "./MetaItemLabel.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const B = ({
+  loading: m,
+  size: t = "xs",
+  variant: r = "text",
+  datetime: p,
+  icon: o,
+  children: i
+}) => /* @__PURE__ */ s(a, { loading: m, as: "time", variant: r, datetime: p, size: t, children: [
+  !m && o && /* @__PURE__ */ e(x, { size: t, icon: o }),
+  /* @__PURE__ */ e(f, { variant: r, size: t, children: i })
+] });
+export {
+  B as MetaTimestamp
+};

package/dist/components/{Meta → Metadata}/Metadata.js

@@ -5,7 +5,7 @@ import "../RootProvider/RootProvider.js";
 import { MetaItem as n } from "./MetaItem.js";
 import { MetaProgress as p } from "./MetaProgress.js";
 import { MetaTimestamp as a } from "./MetaTimestamp.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as c } from "../Page/Flex.js";
 const s = ({ type: e = "default", label: r, ...i }) => {