@altinn/altinn-components 0.27.0 → 0.28.0

package/dist/components/Settings/index.js

@@ -0,0 +1,6 @@
+import { Settings as o } from "./Settings.js";
+import { SettingsItem as m } from "./SettingsItem.js";
+export {
+  o as Settings,
+  m as SettingsItem
+};

package/dist/components/Snackbar/SnackbarItem.js

@@ -6,7 +6,7 @@ import * as a from "react";
 import { forwardRef as u } from "react";
 import { IconButton as _ } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "./useSnackbar.js";
 import { S as g } from "../../XMark-Bv1I87Ev.js";
 import { u as h } from "../../useId-CsCRkvK3.js";

package/dist/components/Timeline/Timeline.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as m } from "../Page/Section.js";
 const u = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });

package/dist/components/Timeline/TimelineActivity.js

@@ -4,7 +4,7 @@ import "react";
 import { Byline as n } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { Typography as l } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { S as a } from "../../CircleFill-IZdiBc_K.js";

package/dist/components/Timeline/TimelineBase.js

@@ -1,38 +1,35 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { Icon as x } from "../Icon/Icon.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as b } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as z } from "../Skeleton/Skeleton.js";
-import "../Search/AutocompleteBase.js";
+import { TimelineIcon as b } from "./TimelineIcon.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as v } from "../Page/Flex.js";
-import '../../assets/TimelineBase.css';const f = "_section_aixdz_1", N = "_sidebar_aixdz_8", h = "_content_aixdz_33", j = "_border_aixdz_39", g = "_icon_aixdz_45", e = {
-  section: f,
+import '../../assets/TimelineBase.css';const x = "_section_odoe0_1", N = "_sidebar_odoe0_8", f = "_content_odoe0_33", h = "_border_odoe0_39", e = {
+  section: x,
   sidebar: N,
-  content: h,
-  border: j,
-  icon: g
-}, q = ({
+  content: f,
+  border: h
+}, g = ({
   as: n = "section",
-  loading: i,
-  border: c = "solid",
-  level: d = 1,
-  color: t,
-  icon: s,
-  iconColor: m,
-  avatar: r,
+  loading: t,
+  border: a = "solid",
+  level: c = 1,
+  color: s,
+  icon: r,
+  iconColor: d,
+  iconTheme: m,
   children: l,
   id: _,
   ...p
-}) => /* @__PURE__ */ a(v, { as: n, className: e.section, color: t, ...p, id: _, children: [
-  /* @__PURE__ */ a("aside", { className: e.sidebar, "data-level": d, children: [
-    r && /* @__PURE__ */ o(b, { ...r, size: "sm" }) || s && /* @__PURE__ */ o(z, { loading: i, variant: "circle", children: /* @__PURE__ */ o("span", { "data-color": m, className: e.icon, children: /* @__PURE__ */ o(x, { svgElement: s, size: "sm" }) }) }),
-    /* @__PURE__ */ o("div", { className: e.border, "data-loading": i, "data-variant": c, "data-color": t })
+}) => /* @__PURE__ */ i(v, { as: n, className: e.section, color: s, ...p, id: _, children: [
+  /* @__PURE__ */ i("aside", { className: e.sidebar, "data-level": c, children: [
+    r && /* @__PURE__ */ o(b, { loading: t, icon: r, theme: m, color: d, size: "sm" }),
+    /* @__PURE__ */ o("div", { className: e.border, "data-loading": t, "data-variant": a, "data-color": s })
   ] }),
   /* @__PURE__ */ o("div", { className: e.content, children: l })
 ] });
 export {
-  q as TimelineBase
+  g as TimelineBase
 };

package/dist/components/Timeline/TimelineFooter.js

@@ -4,7 +4,7 @@ import "react";
 import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as n } from "./TimelineBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as f } from "../../CircleFill-IZdiBc_K.js";
 const S = ({

package/dist/components/Timeline/TimelineHeader.js

@@ -1,29 +1,21 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { IconOrAvatar as l } from "../Icon/IconOrAvatar.js";
 import "react";
-import { Skeleton as d } from "../Skeleton/Skeleton.js";
-import { Byline as p } from "../Byline/Byline.js";
+import { Skeleton as c } from "../Skeleton/Skeleton.js";
+import { Byline as a } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import { TimelineIcon as l } from "./TimelineIcon.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as _ } from "../Page/Flex.js";
-import '../../assets/TimelineHeader.css';const h = "_header_177gq_1", b = "_sidebar_177gq_9", f = "_content_177gq_19", r = {
-  header: h,
-  sidebar: b,
-  content: f
-}, A = ({
-  as: i = "li",
-  loading: t,
-  color: o,
-  icon: s,
-  iconTheme: n = "base",
-  avatar: a,
-  children: c
-}) => /* @__PURE__ */ m(_, { as: i, className: r.header, color: o, children: [
-  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(d, { variant: "circle", loading: t, children: /* @__PURE__ */ e(l, { size: "lg", icon: s, iconTheme: n, avatar: a }) }) }),
-  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(p, { loading: t, size: "lg", children: c }) })
+import { Flex as d } from "../Page/Flex.js";
+import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_sidebar_177gq_9", _ = "_content_177gq_19", r = {
+  header: p,
+  sidebar: h,
+  content: _
+}, T = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
+  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  A as TimelineHeader
+  T as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
+import { Icon as s, isIconProps as n } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { S as d } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
+  icon: g
+};
+function v(o) {
+  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || p(o);
+}
+const S = ({ loading: o, size: i, color: e, theme: m, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: a.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: a.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: a.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: m }) || v(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }) }) : null;
+export {
+  S as TimelineIcon
+};

package/dist/components/Timeline/TimelineLink.js

@@ -5,7 +5,7 @@ import { ButtonBase as p } from "../Button/ButtonBase.js";
 import { ButtonLabel as b } from "../Button/ButtonLabel.js";
 import { ButtonIcon as u } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/TimelineLink.css';const _ = "_button_15kp4_1", f = "_icon_15kp4_8", k = "_label_15kp4_16", o = {
   button: _,

package/dist/components/Timeline/TimelineSection.js

@@ -5,7 +5,7 @@ import { Byline as T } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as j } from "./TimelineBase.js";
 import { Typography as B } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as S } from "../Page/Section.js";
 const A = ({

package/dist/components/Timeline/TimelineSegment.js

@@ -4,7 +4,7 @@ import "react";
 import { Byline as S } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as a } from "./TimelineBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as h } from "../Page/Section.js";
 import { S as x } from "../../CircleFill-IZdiBc_K.js";

package/dist/components/Timeline/index.js

@@ -3,16 +3,18 @@ import { TimelineSegment as m } from "./TimelineSegment.js";
 import { TimelineActivity as n } from "./TimelineActivity.js";
 import { TimelineBase as l } from "./TimelineBase.js";
 import { TimelineSection as x } from "./TimelineSection.js";
-import { TimelineHeader as a } from "./TimelineHeader.js";
+import { TimelineHeader as c } from "./TimelineHeader.js";
 import { TimelineFooter as S } from "./TimelineFooter.js";
-import { TimelineLink as g } from "./TimelineLink.js";
+import { TimelineIcon as g } from "./TimelineIcon.js";
+import { TimelineLink as s } from "./TimelineLink.js";
 export {
   o as Timeline,
   n as TimelineActivity,
   l as TimelineBase,
   S as TimelineFooter,
-  a as TimelineHeader,
-  g as TimelineLink,
+  c as TimelineHeader,
+  g as TimelineIcon,
+  s as TimelineLink,
   x as TimelineSection,
   m as TimelineSegment
 };

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
 import { useRootContext as x } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as T } from "../Dropdown/DrawerOrDropdown.js";
 import { AccountMenu as b } from "../GlobalMenu/AccountMenu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as g } from "./ToolbarButton.js";
 import { ToolbarFilterBase as h } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarAdd.js

@@ -4,7 +4,7 @@ import "react";
 import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
 import { Menu as c } from "../Menu/Menu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as a } from "./ToolbarButton.js";
 import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarButton.js

@@ -1,83 +1,100 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as m from "react";
-import { forwardRef as c } from "react";
+import * as i from "react";
+import { forwardRef as u } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Button as f } from "../Button/Button.js";
+import { Button as m } from "../Button/Button.js";
 import { ComboButton as p } from "../Button/ComboButton.js";
-import { S as d } from "../../XMark-Bv1I87Ev.js";
-import { S as v } from "../../Plus-B6MBOAcH.js";
-import { u as b } from "../../useId-CsCRkvK3.js";
-import '../../assets/ToolbarButton.css';var w = function(e, n) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      n.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
+import { S as v } from "../../XMark-Bv1I87Ev.js";
+import { u as c } from "../../useId-CsCRkvK3.js";
+import '../../assets/ToolbarButton.css';var b = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
 };
-const y = c((e, n) => {
-  var { title: r, titleId: t } = e, o = w(e, ["title", "titleId"]);
-  let l = b();
-  return l = r ? t || "title-" + l : void 0, m.createElement(
+const y = u((t, l) => {
+  var { title: o, titleId: e } = t, r = b(t, ["title", "titleId"]);
+  let n = c();
+  return n = o ? e || "title-" + n : void 0, i.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, o),
-    r ? m.createElement("title", { id: l }, r) : null,
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": n }, r),
+    o ? i.createElement("title", { id: n }, o) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
   );
-}), x = "_removeButton_fxc8_1", O = {
-  removeButton: x
-}, P = ({
-  type: e = "select",
-  selected: n = !1,
-  removable: r = !1,
-  ariaLabel: t,
-  active: o,
-  children: l,
-  onToggle: i,
-  onRemove: s,
-  iconAltText: u
-}) => r ? /* @__PURE__ */ a(
+});
+var w = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
+};
+const O = u((t, l) => {
+  var { title: o, titleId: e } = t, r = w(t, ["title", "titleId"]);
+  let n = c();
+  return n = o ? e || "title-" + n : void 0, i.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": n }, r),
+    o ? i.createElement("title", { id: n }, o) : null,
+    i.createElement("path", { fill: "currentColor", d: "M12.75 5.5a.75.75 0 0 0-1.5 0v5.75H5.5a.75.75 0 0 0 0 1.5h5.75v5.75a.75.75 0 0 0 1.5 0v-5.75h5.75a.75.75 0 0 0 0-1.5h-5.75z" })
+  );
+}), g = "_removeButton_fxc8_1", h = {
+  removeButton: g
+}, k = ({
+  type: t = "select",
+  selected: l = !1,
+  removable: o = !1,
+  ariaLabel: e,
+  active: r,
+  children: n,
+  onToggle: a,
+  onRemove: d,
+  iconAltText: s
+}) => o ? /* @__PURE__ */ f(
   p,
   {
-    className: O.removeButton,
-    variant: o ? "solid" : "outline",
+    className: h.removeButton,
+    variant: r ? "solid" : "outline",
     size: "xs",
-    icon: d,
-    selected: n,
-    onLabelClick: i,
-    onIconClick: s,
-    iconAltText: u,
-    ariaLabel: t || "remove",
-    children: l
+    icon: v,
+    selected: l,
+    onLabelClick: a,
+    onIconClick: d,
+    iconAltText: s,
+    ariaLabel: e || "remove",
+    children: n
   }
-) : e === "add" ? /* @__PURE__ */ a(
-  f,
+) : t === "add" ? /* @__PURE__ */ f(
+  m,
   {
     variant: "dotted",
     size: "xs",
-    icon: v,
-    selected: n,
-    onClick: i,
-    ariaLabel: t || "add",
-    children: l
+    icon: O,
+    selected: l,
+    onClick: a,
+    ariaLabel: e || "add",
+    children: n
   }
-) : /* @__PURE__ */ a(
-  f,
+) : /* @__PURE__ */ f(
+  m,
   {
-    variant: o ? "solid" : "outline",
+    variant: r ? "solid" : "outline",
     size: "xs",
     icon: y,
-    ariaLabel: t,
-    selected: n,
-    onClick: i,
+    ariaLabel: e,
+    selected: l,
+    onClick: a,
     reverse: !0,
-    children: l
+    children: n
   }
 );
 export {
-  P as ToolbarButton
+  k as ToolbarButton
 };

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -5,7 +5,7 @@ import { useRootContext as F } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";
 import { MenuBase as S } from "../Menu/MenuBase.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as w } from "./ToolbarButton.js";
 import { ToolbarFilterBase as y } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarFilter.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as k } from "./ToolbarButton.js";
 import { ToolbarFilterBase as D } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -4,7 +4,7 @@ import "react";
 import { useRootContext as u } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as f } from "../Dropdown/DrawerOrDropdown.js";
 import { Menu as x } from "../Menu/Menu.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as T } from "./ToolbarButton.js";
 import { ToolbarFilterBase as b } from "./ToolbarFilterBase.js";

package/dist/components/Toolbar/ToolbarOptions.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { Fragment as v } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuOption as j } from "../Menu/MenuOption.js";
 import { MenuSearch as x } from "../Menu/MenuSearch.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as p } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as l } from "../../MagnifyingGlass-DWIcpwS4.js";
 import { S as _ } from "../../XMark-Bv1I87Ev.js";

package/dist/components/Transmission/Transmission.js

@@ -1,66 +1,68 @@
 "use client";
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { useState as y } from "react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useState as a } from "react";
 import "../../index-L8X2o7IH.js";
-import { AttachmentList as b } from "../Attachment/AttachmentList.js";
-import { Byline as d } from "../Byline/Byline.js";
+import { AttachmentList as L } from "../Attachment/AttachmentList.js";
+import { Byline as j } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemLabel as I } from "../List/ListItemLabel.js";
-import { ListItem as j } from "../List/ListItem.js";
-import { Typography as k } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import { ListItem as k } from "../List/ListItem.js";
+import { Typography as A } from "../Typography/Typography.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as A } from "../Page/Section.js";
-const J = ({
-  size: n = "xs",
-  theme: s = "subtle",
-  color: f = "neutral",
-  title: p,
+import { Section as I } from "../Page/Section.js";
+const G = ({
+  size: e = "xs",
+  variant: s = "subtle",
+  color: c = "neutral",
+  title: n,
   createdAt: S,
   createdAtLabel: u,
-  badge: o,
-  sender: r,
-  summary: c,
-  attachments: t,
-  type: a,
+  badge: i,
+  sender: o,
+  summary: f,
+  attachments: r,
+  type: x,
   children: m,
-  ...x
+  ...h
 }) => {
-  const [e, L] = y(!1);
-  return /* @__PURE__ */ i(
-    j,
+  const [p, d] = a(!1);
+  return /* @__PURE__ */ t(
+    k,
     {
-      ...x,
-      avatar: r,
-      badge: o && {
-        ...o,
-        theme: (o == null ? void 0 : o.theme) || "surface"
+      ...h,
+      icon: o,
+      badge: i && {
+        ...i,
+        theme: (i == null ? void 0 : i.theme) || "surface"
       },
-      size: n,
-      theme: s,
-      color: f,
-      label: /* @__PURE__ */ i(I, { title: p, weight: a === "submission" ? "normal" : "bold" }),
-      expanded: e,
-      onClick: () => L((h) => !h),
+      size: e,
+      variant: s,
+      color: c,
+      title: {
+        children: n,
+        weight: x === "submission" ? "normal" : "bold"
+      },
+      expanded: p,
+      onClick: () => d((y) => !y),
       collapsible: !0,
       linkIcon: !0,
       as: "button",
-      ariaLabel: p,
-      children: /* @__PURE__ */ l(A, { padding: 4, children: [
-        /* @__PURE__ */ l(d, { children: [
-          /* @__PURE__ */ i("strong", { children: (r == null ? void 0 : r.name) + ", " }),
+      ariaLabel: n,
+      children: /* @__PURE__ */ l(I, { padding: 4, children: [
+        /* @__PURE__ */ l(j, { children: [
+          /* @__PURE__ */ t("strong", { children: (o == null ? void 0 : o.name) + ", " }),
           " ",
           u
         ] }),
-        /* @__PURE__ */ l(k, { size: "md", children: [
-          /* @__PURE__ */ i("p", { children: c }),
-          e ? typeof m == "function" ? m() : m : null,
-          (t == null ? void 0 : t.items) && /* @__PURE__ */ i(b, { ...t })
+        /* @__PURE__ */ l(A, { size: "md", children: [
+          /* @__PURE__ */ t("p", { children: f }),
+          p ? typeof m == "function" ? m() : m : null,
+          (r == null ? void 0 : r.items) && /* @__PURE__ */ t(L, { ...r })
         ] })
       ] })
     }
   );
 };
 export {
-  J as Transmission
+  G as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -1,19 +1,19 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import { createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
 import { Byline as a } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as e } from "../List/ListBase.js";
+import { List as o } from "../List/List.js";
 import { Transmission as c } from "./Transmission.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const B = ({ items: t }) => t.length ? /* @__PURE__ */ i(e, { children: t.map((r, o) => {
-  const { datetime: n, byline: m, createdAtLabel: s } = r;
-  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ l(e, { children: [
-    /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || s }),
-    /* @__PURE__ */ p(c, { ...r, key: o })
+const T = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
+  const { datetime: n, byline: m, createdAtLabel: l } = r;
+  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || l }),
+    /* @__PURE__ */ p(c, { ...r, key: e })
   ] }) }, r.id);
 }) }) : null;
 export {
-  B as TransmissionList
+  T as TransmissionList
 };