@altinn/altinn-components 0.15.1 → 0.15.3

package/dist/components/{Autocomplete → Search}/AutocompleteItem.js

@@ -1,21 +1,43 @@
 import { jsx as t } from "react/jsx-runtime";
-import { BookmarksListItem as r } from "../Bookmarks/BookmarksListItem.js";
-import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "./AutocompleteBase.js";
-import { ScopeListItem as a } from "./ScopeListItem.js";
+import "react";
+import { BookmarksListItem as a } from "../Bookmarks/BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-import { DialogListItem as i } from "../Dialog/DialogListItem.js";
+import { DialogListItem as r } from "../Dialog/DialogListItem.js";
 import { ListItem as o } from "../List/ListItem.js";
+import "./AutocompleteBase.js";
+import { ScopeListItem as n } from "./ScopeListItem.js";
+import { SuggestListItem as s } from "./SuggestListItem.js";
 import "../Snackbar/useSnackbar.js";
-const x = ({ type: m, ...e }) => {
+const g = ({ type: m, ...e }) => {
   switch (m) {
     case "scope":
-      return /* @__PURE__ */ t(a, { ...e, theme: "default", shadow: "none", tabIndex: -1 });
+      return /* @__PURE__ */ t(
+        n,
+        {
+          ...e,
+          color: "company",
+          theme: "default",
+          shadow: "none",
+          tabIndex: -1
+        }
+      );
+    case "suggest":
+      return /* @__PURE__ */ t(
+        s,
+        {
+          ...e,
+          color: "company",
+          theme: "default",
+          shadow: "none",
+          size: "sm",
+          tabIndex: -1
+        }
+      );
     case "bookmark":
       return /* @__PURE__ */ t(
-        r,
+        a,
         {
           ...e,
           theme: "default",
@@ -25,7 +47,7 @@ const x = ({ type: m, ...e }) => {
         }
       );
     case "dialog":
-      return /* @__PURE__ */ t(i, { ...e, theme: "default", shadow: "none", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ t(r, { ...e, theme: "default", shadow: "none", size: "sm", tabIndex: -1 });
     case "information":
       return /* @__PURE__ */ t(o, { ...e, theme: "default", shadow: "none", tabIndex: -1, disabled: !0 });
     default:
@@ -33,5 +55,5 @@ const x = ({ type: m, ...e }) => {
   }
 };
 export {
-  x as AutocompleteItem
+  g as AutocompleteItem
 };

package/dist/components/{Searchbar → Search}/SearchField.js

@@ -4,10 +4,10 @@ import { c as I } from "../../index-L8X2o7IH.js";
 import { useRef as N } from "react";
 import { Icon as g } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
+import { IconButton as l } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
+import "./AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { IconButton as l } from "../Button/IconButton.js";
 import '../../assets/SearchField.css';const C = "_field_1y3oc_1", j = "_icon_1y3oc_10", K = "_input_1y3oc_17", S = "_dismiss_1y3oc_41", T = "_clear_1y3oc_47", s = {
   field: C,
   icon: j,

package/dist/components/{Searchbar → Search}/Searchbar.js

@@ -1,23 +1,24 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { Autocomplete as f } from "../Autocomplete/Autocomplete.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
+import { SearchbarBase as f } from "./SearchbarBase.js";
 import { SearchField as s } from "./SearchField.js";
-import { SearchbarBase as a } from "./SearchbarBase.js";
-const B = ({
+import "./AutocompleteBase.js";
+import { Autocomplete as a } from "./Autocomplete.js";
+import "../Snackbar/useSnackbar.js";
+const F = ({
   className: i,
   autocomplete: r,
   expanded: o = !1,
   onClose: m,
   tabIndex: p,
   ...c
-}) => /* @__PURE__ */ e(a, { className: i, expanded: o, autocomplete: !!r, children: [
+}) => /* @__PURE__ */ e(f, { className: i, expanded: o, autocomplete: !!r, children: [
   /* @__PURE__ */ t(s, { ...c, expanded: o, onClose: m, tabIndex: p }),
-  r && /* @__PURE__ */ t(f, { ...r, expanded: o, onSelect: m })
+  r && /* @__PURE__ */ t(a, { ...r, expanded: o, onSelect: m })
 ] });
 export {
-  B as Searchbar
+  F as Searchbar
 };

package/dist/components/Search/SuggestListItem.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { ListItem as o } from "../List/ListItem.js";
+import "./AutocompleteBase.js";
+import { QueryLabel as i } from "./QueryLabel.js";
+import "../Snackbar/useSnackbar.js";
+const n = ({ as: p = "a", params: r, ...m }) => /* @__PURE__ */ t(o, { label: /* @__PURE__ */ t(i, { params: r }), ...m });
+export {
+  n as SuggestListItem
+};

package/dist/components/Search/index.js

@@ -0,0 +1,23 @@
+import { Searchbar as r } from "./Searchbar.js";
+import { SearchbarBase as m } from "./SearchbarBase.js";
+import { SearchField as f } from "./SearchField.js";
+import { AutocompleteBase as a } from "./AutocompleteBase.js";
+import { AutocompleteGroup as u } from "./AutocompleteGroup.js";
+import { Autocomplete as s } from "./Autocomplete.js";
+import { AutocompleteItem as A } from "./AutocompleteItem.js";
+import { ScopeListItem as b } from "./ScopeListItem.js";
+import { SuggestListItem as i } from "./SuggestListItem.js";
+import { QueryItem as g, QueryLabel as y } from "./QueryLabel.js";
+export {
+  s as Autocomplete,
+  a as AutocompleteBase,
+  u as AutocompleteGroup,
+  A as AutocompleteItem,
+  g as QueryItem,
+  y as QueryLabel,
+  b as ScopeListItem,
+  f as SearchField,
+  r as Searchbar,
+  m as SearchbarBase,
+  i as SuggestListItem
+};

package/dist/components/Snackbar/SnackbarItem.js

@@ -3,9 +3,9 @@ import { c as d } from "../../index-L8X2o7IH.js";
 import { Icon as _ } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as p } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "./useSnackbar.js";
 import '../../assets/SnackbarItem.css';const v = "_item_137l4_1", f = "_media_137l4_23", N = "_icon_137l4_32", x = "_content_137l4_36", g = "_action_137l4_44", i = {
   item: v,

package/dist/components/Timeline/TimelineBase.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as m } from "../../index-L8X2o7IH.js";
-import '../../assets/TimelineBase.css';const s = "_timeline_1o6zh_1", n = {
+import '../../assets/TimelineBase.css';const s = "_timeline_17zz6_1", n = {
   timeline: s
 }, r = ({ className: e, children: i }) => /* @__PURE__ */ t("div", { className: m(n.timeline, e), children: i });
 export {

package/dist/components/Timeline/TimelineSection.js

@@ -1,37 +1,37 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import { Avatar as _ } from "../Avatar/Avatar.js";
-import "../RootProvider/RootProvider.js";
 import { Byline as p } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TimelineSection.css';const x = "_section_8ux85_1", l = "_sidebar_8ux85_6", h = "_media_8ux85_19", u = "_dot_8ux85_26", N = "_content_8ux85_33", v = "_border_8ux85_44", r = {
-  section: x,
-  sidebar: l,
-  media: h,
-  dot: u,
-  content: N,
-  border: v
+import '../../assets/TimelineSection.css';const l = "_section_1rt4t_1", h = "_sidebar_1rt4t_6", N = "_media_1rt4t_23", v = "_dot_1rt4t_30", x = "_content_1rt4t_37", b = "_border_1rt4t_48", s = {
+  section: l,
+  sidebar: h,
+  media: N,
+  dot: v,
+  content: x,
+  border: b
 }, q = ({
   loading: i,
   color: a,
-  size: o = "xs",
+  size: t = "xs",
   datetime: n,
   dateline: c,
-  byline: t,
+  byline: o,
   avatar: e,
   children: m
-}) => /* @__PURE__ */ d("section", { className: r.section, "data-color": a, "data-size": o, children: [
-  /* @__PURE__ */ d("aside", { className: r.sidebar, "data-size": o, children: [
-    (t || c) && /* @__PURE__ */ s("div", { className: r.media, "data-size": o, children: e && /* @__PURE__ */ s(_, { ...e, size: o }) || /* @__PURE__ */ s("div", { className: r.dot }) }),
-    /* @__PURE__ */ s("div", { className: r.border })
+}) => /* @__PURE__ */ d("section", { className: s.section, "data-color": a, "data-size": t, children: [
+  /* @__PURE__ */ d("aside", { className: s.sidebar, "data-size": t, children: [
+    (o || c) && /* @__PURE__ */ r("div", { className: s.media, "data-size": t, children: e && /* @__PURE__ */ r(_, { ...e, size: t }) || /* @__PURE__ */ r("div", { className: s.dot }) }),
+    /* @__PURE__ */ r("div", { className: s.border })
   ] }),
-  /* @__PURE__ */ d("div", { className: r.content, "data-size": o, children: [
-    (t || c) && /* @__PURE__ */ d(p, { loading: i, datetime: n, size: o, children: [
-      t && /* @__PURE__ */ s("strong", { children: t && c ? t + ", " : t }),
-      c && /* @__PURE__ */ s("span", { children: c })
+  /* @__PURE__ */ d("div", { className: s.content, "data-size": t, children: [
+    (o || c) && /* @__PURE__ */ d(p, { loading: i, datetime: n, size: t, children: [
+      o && /* @__PURE__ */ r("strong", { children: o && c ? o + ", " : o }),
+      c && /* @__PURE__ */ r("span", { children: c })
     ] }),
     m
   ] })

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -2,17 +2,17 @@ import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { ToolbarButton as a } from "./ToolbarButton.js";
-import { useRootContext as d } from "../RootProvider/RootProvider.js";
+import { useRootContext as a } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as d } from "./ToolbarButton.js";
 import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const v = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
-  const { currentId: i, toggleId: p, closeAll: l } = d(), s = () => p(t), e = i === t;
+  const { currentId: i, toggleId: p, closeAll: l } = a(), s = () => p(t), e = i === t;
   return /* @__PURE__ */ n(f, { expanded: e, children: [
-    /* @__PURE__ */ r(a, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
+    /* @__PURE__ */ r(d, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
     /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: l, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
   ] });
 };

package/dist/components/Toolbar/ToolbarAdd.js

@@ -2,17 +2,17 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { ToolbarButton as d } from "./ToolbarButton.js";
-import { useRootContext as s } from "../RootProvider/RootProvider.js";
+import { useRootContext as d } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as s } from "./ToolbarButton.js";
 import { ToolbarFilterBase as c } from "./ToolbarFilterBase.js";
 import { Menu as a } from "../Menu/Menu.js";
 import { DrawerOrDropdown as g } from "../Dropdown/DrawerOrDropdown.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const I = ({ label: r = "Legg til", items: n, id: t }) => {
-  const { closeAll: m, currentId: i, toggleId: l } = s(), e = i === t;
+  const { closeAll: m, currentId: i, toggleId: l } = d(), e = i === t;
   return /* @__PURE__ */ p(c, { expanded: e, children: [
-    /* @__PURE__ */ o(d, { type: "add", onToggle: () => l(t), children: r }),
+    /* @__PURE__ */ o(s, { type: "add", onToggle: () => l(t), children: r }),
     /* @__PURE__ */ o(g, { drawerTitle: r, onClose: m, open: e, children: /* @__PURE__ */ o(a, { color: "neutral", items: n }) })
   ] });
 };

package/dist/components/Toolbar/ToolbarButton.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
 import { Button as m } from "../Button/Button.js";

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -2,13 +2,13 @@ import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { ToolbarButton as F } from "./ToolbarButton.js";
-import { useRootContext as x } from "../RootProvider/RootProvider.js";
+import { useRootContext as F } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as x } from "./ToolbarButton.js";
 import { ToolbarFilterBase as S } from "./ToolbarFilterBase.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";
 import { MenuBase as w } from "../Menu/MenuBase.js";
 import { DrawerOrDropdown as y } from "../Dropdown/DrawerOrDropdown.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Datepicker as B } from "../Datepicker/Datepicker.js";
 import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N = "_fields_ud6cb_6", j = "_description_ud6cb_10", s = {
@@ -24,7 +24,7 @@ import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N =
   label: D = "Select daterange",
   value: b
 }) => {
-  const { currentId: T, toggleId: _ } = x(), l = () => _(c), d = T === c, [t, r] = m(""), [i, a] = m(""), k = (e) => {
+  const { currentId: T, toggleId: _ } = F(), l = () => _(c), d = T === c, [t, r] = m(""), [i, a] = m(""), k = (e) => {
     r(e.target.value);
   }, C = (e) => {
     a(e.target.value);
@@ -32,7 +32,7 @@ import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N =
     i ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
   return /* @__PURE__ */ n(S, { expanded: d, children: [
-    /* @__PURE__ */ o(F, { type: "switch", onToggle: l, active: !!b, children: D }),
+    /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: D }),
     /* @__PURE__ */ o(y, { open: d, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(w, { children: [
       /* @__PURE__ */ n("div", { className: s.fields, children: [
         /* @__PURE__ */ o(

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,11 +2,11 @@ import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { ToolbarButton as j } from "./ToolbarButton.js";
-import { useRootContext as B } from "../RootProvider/RootProvider.js";
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as B } from "./ToolbarButton.js";
 import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarOptions as k } from "./ToolbarOptions.js";
 const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
@@ -23,7 +23,7 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
   optionType: A,
   id: c = `toolbar-filter-${t}`
 }) => {
-  const { currentId: h, toggleId: T, closeAll: u } = B(), w = (m ?? []).map(
+  const { currentId: h, toggleId: T, closeAll: u } = j(), w = (m ?? []).map(
     (n) => ({
       ...n,
       name: t,
@@ -32,7 +32,7 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
   ), x = (i == null ? void 0 : i(t, r)) ?? D(t, r), e = () => T(c), l = h === c;
   return /* @__PURE__ */ b(C, { expanded: l, children: [
     /* @__PURE__ */ s(
-      j,
+      B,
       {
         type: "select",
         removable: p,

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,17 +2,17 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { ToolbarButton as u } from "./ToolbarButton.js";
-import { useRootContext as f } from "../RootProvider/RootProvider.js";
+import { useRootContext as u } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as f } from "./ToolbarButton.js";
 import { ToolbarFilterBase as x } from "./ToolbarFilterBase.js";
 import { Menu as T } from "../Menu/Menu.js";
 import { DrawerOrDropdown as b } from "../Dropdown/DrawerOrDropdown.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const y = ({ label: e, value: n, groups: m, search: i, items: p, id: r = "toolbar-menu" }) => {
-  const { currentId: l, toggleId: s, closeAll: c } = f(), a = () => s(r), t = l === r;
+  const { currentId: l, toggleId: s, closeAll: c } = u(), a = () => s(r), t = l === r;
   return /* @__PURE__ */ d(x, { expanded: t, children: [
-    /* @__PURE__ */ o(u, { type: "switch", onToggle: a, active: !!n, children: e }),
+    /* @__PURE__ */ o(f, { type: "switch", onToggle: a, active: !!n, children: e }),
     /* @__PURE__ */ o(b, { open: t, drawerTitle: "Endre konto", onClose: c, children: /* @__PURE__ */ o(T, { groups: m, search: i, items: p }) })
   ] });
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -1,46 +1,46 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { Fragment as M } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuOption as v } from "../Menu/MenuOption.js";
 import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
 import { MenuBase as O, MenuList as I, MenuListItem as l } from "../Menu/MenuBase.js";
-const z = ({ search: p, optionGroups: n = {}, options: h, onChange: b, optionType: f }) => {
+const z = ({ search: d, optionGroups: n = {}, options: h, onChange: f, optionType: b }) => {
   var i;
-  const d = h.reduce(
-    (r, m) => {
+  const p = h.reduce(
+    (e, m) => {
       const o = m.groupId || "";
-      return r[o] = r[o] || [], r[o].push(m), r;
+      return e[o] = e[o] || [], e[o].push(m), e;
     },
     {}
   );
-  return /* @__PURE__ */ c(O, { children: [
-    p && /* @__PURE__ */ e(j, { ...p }),
-    /* @__PURE__ */ e(I, { children: (i = Object.keys(d)) == null ? void 0 : i.map((r, m) => {
+  return /* @__PURE__ */ c(O, { theme: "default", children: [
+    d && /* @__PURE__ */ r(j, { ...d }),
+    /* @__PURE__ */ r(I, { children: (i = Object.keys(p)) == null ? void 0 : i.map((e, m) => {
       var a;
-      const o = n[r] || {}, { title: u, divider: g = !0 } = o;
+      const o = n[e] || {}, { title: u, divider: g = !0 } = o;
       return /* @__PURE__ */ c(M, { children: [
-        m && g ? /* @__PURE__ */ e(l, { role: "separator" }) : "",
-        u && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(x, { title: u }) }),
-        (a = d[r]) == null ? void 0 : a.map((t) => {
+        m && g ? /* @__PURE__ */ r(l, { role: "separator" }) : "",
+        u && /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(x, { title: u }) }),
+        (a = p[e]) == null ? void 0 : a.map((t) => {
           var s;
-          return /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
+          return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
             v,
             {
-              onChange: b,
+              onChange: f,
               label: t.label,
               badge: t.badge,
-              type: t.type || ((s = n == null ? void 0 : n[r]) == null ? void 0 : s.optionType) || f,
+              type: t.type || ((s = n == null ? void 0 : n[e]) == null ? void 0 : s.optionType) || b,
               value: t.value,
               checked: t.checked
             }
           ) }, t.value);
         })
-      ] }, r);
+      ] }, e);
     }) })
   ] });
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -3,9 +3,9 @@ import { Icon as e } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ToolbarSearch.css';const l = "_field_14byu_1", p = "_icon_14byu_5", u = "_input_14byu_14", _ = "_clear_14byu_30", i = {
   field: l,

package/dist/components/Transmission/TransmissionItem.js

@@ -2,12 +2,12 @@ import { jsx as m, jsxs as l } from "react/jsx-runtime";
 import { useState as x } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Typography as z } from "../Typography/Typography.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { ListItem as g } from "../List/ListItem.js";
 import "../RootProvider/RootProvider.js";
-import { MetaTimestamp as I } from "../Meta/MetaTimestamp.js";
+import "../Search/AutocompleteBase.js";
+import { ListItem as g } from "../List/ListItem.js";
+import { MetaTimestamp as z } from "../Meta/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
+import { Typography as I } from "../Typography/Typography.js";
 import { DialogAttachments as T } from "../Dialog/DialogAttachments.js";
 import '../../assets/TransmissionItem.css';const k = "_body_1m345_1", _ = {
   body: k
@@ -57,11 +57,11 @@ import '../../assets/TransmissionItem.css';const k = "_body_1m345_1", _ = {
       badge: { label: i == null ? void 0 : i.label },
       linkIcon: a ? "chevron-down" : "chevron-up",
       children: a && /* @__PURE__ */ l("div", { className: _.body, children: [
-        c && /* @__PURE__ */ l(I, { loading: h, datetime: c, size: "xs", children: [
+        c && /* @__PURE__ */ l(z, { loading: h, datetime: c, size: "xs", children: [
           o && /* @__PURE__ */ m("strong", { children: (o == null ? void 0 : o.name) + ", " }),
           s
         ] }),
-        /* @__PURE__ */ l(z, { size: "lg", children: [
+        /* @__PURE__ */ l(I, { size: "lg", children: [
           /* @__PURE__ */ m("p", { children: f }),
           b && /* @__PURE__ */ m(T, { ...b })
         ] })

package/dist/components/Transmission/TransmissionList.js

@@ -2,9 +2,9 @@ import { jsx as o } from "react/jsx-runtime";
 import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionItem as e } from "./TransmissionItem.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListBase as n } from "../List/ListBase.js";
 const L = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;

package/dist/components/Typography/Heading.js

@@ -1,8 +1,9 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
-import '../../assets/Heading.css';const m = "_heading_mt0g8_1", o = {
-  heading: m
-}, h = ({ as: t = "h2", size: a = "md", weight: e = "medium", className: s, children: i }) => /* @__PURE__ */ n(t, { className: d(o.heading, s), "data-size": a, "data-weight": e, children: i });
+import { jsx as e } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import { Skeleton as d } from "../Skeleton/Skeleton.js";
+import '../../assets/Heading.css';const r = "_heading_mt0g8_1", c = {
+  heading: r
+}, f = ({ loading: t, as: a = "h2", size: i = "md", weight: n = "medium", className: o, children: m }) => /* @__PURE__ */ e(a, { className: s(c.heading, o), "data-size": i, "data-weight": n, children: /* @__PURE__ */ e(d, { loading: t, children: m }) });
 export {
-  h as Heading
+  f as Heading
 };

package/dist/components/Typography/Typography.js

@@ -1,8 +1,27 @@
-import { jsx as y } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/Typography.css';const n = "_typography_3dvcc_1", m = {
-  typography: n
-}, h = ({ as: o = "div", size: t = "md", color: p, className: r, children: a, ...s }) => /* @__PURE__ */ y(o, { className: c(m.typography, r), "data-size": t, "data-color": p, ...s, children: a });
+import { jsx as s } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import '../../assets/Typography.css';const c = "_typography_gmmcy_1", e = {
+  typography: c
+}, l = ({
+  loading: g,
+  as: o = "div",
+  size: t = "md",
+  color: a,
+  variant: p,
+  className: r,
+  children: y,
+  ...n
+}) => /* @__PURE__ */ s(
+  o,
+  {
+    className: m(e.typography, r),
+    "data-size": t,
+    "data-color": a,
+    "data-variant": p,
+    ...n,
+    children: y
+  }
+);
 export {
-  h as Typography
+  l as Typography
 };