@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/ResourceList/ResourceList.js

@@ -2,11 +2,11 @@ import { jsx as e } from "react/jsx-runtime";
 import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ResourceListItem as p } from "./ResourceListItem.js";
-import { ListBase as s } from "../List/ListBase.js";
-const x = ({ items: o, defaultItemSize: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, size: t })) });
+import { List as s } from "../List/List.js";
+const x = ({ items: o, size: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, size: t, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id })) });
 export {
   x as ResourceList
 };

package/dist/components/ResourceList/ResourceListItem.js

@@ -2,25 +2,25 @@ import { jsx as p } 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 { ListItem as e } from "../List/ListItem.js";
 const u = ({
   ownerName: t,
-  resourceName: r,
-  ownerLogoUrlAlt: i,
+  resourceName: i,
+  ownerLogoUrlAlt: r,
   ownerLogoUrl: m,
   ...o
 }) => /* @__PURE__ */ p(
   e,
   {
-    avatar: {
+    icon: {
       name: t,
       imageUrl: m,
-      imageUrlAlt: i,
+      imageUrlAlt: r,
       type: "company"
     },
-    title: r,
+    title: i,
     description: t,
     ...o
   }

package/dist/components/Search/SearchItem.js

@@ -0,0 +1,20 @@
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as p } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import { ListItemBase as c } from "../List/ListItemBase.js";
+import { ListItemHeader as h } from "../List/ListItemHeader.js";
+import { Heading as r } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/SearchItem.css';const n = "_item_kjtr0_1", d = {
+  item: n
+}, B = ({ color: s = "neutral", size: a, title: m, summary: e, owner: t, category: g, ...o }) => /* @__PURE__ */ i(c, { className: d.item, color: s, size: a, children: /* @__PURE__ */ l(h, { ...o, children: [
+  m && /* @__PURE__ */ i(r, { as: "h2", size: "lg", weight: "bold", children: m }),
+  t && /* @__PURE__ */ i(p, { avatar: t, children: t == null ? void 0 : t.name }),
+  e && /* @__PURE__ */ i(r, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: e })
+] }) });
+export {
+  B as SearchItem
+};

package/dist/components/Search/index.js

@@ -1,23 +1,4 @@
-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";
+import { SearchItem as m } from "./SearchItem.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
+  m as SearchItem
 };

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

@@ -1,16 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useRef as I, createElement as k } from "react";
-import "../../index-L8X2o7IH.js";
 import { useMenu as l } from "../../hooks/useMenu.js";
+import { useEnterKey as y } from "../../hooks/useEnterKey.js";
+import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AutocompleteBase as y } from "./AutocompleteBase.js";
-import { AutocompleteGroup as E } from "./AutocompleteGroup.js";
-import { AutocompleteItem as h } from "./AutocompleteItem.js";
+import { AutocompleteBase as E } from "./AutocompleteBase.js";
+import { AutocompleteGroup as h } from "./AutocompleteGroup.js";
+import { AutocompleteItem as x } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
-import { useEnterKey as x } from "../../hooks/useEnterKey.js";
 const R = ({ className: p, items: n, groups: a = {}, expanded: i, onSelect: r }) => {
   const u = I(null);
-  x(() => {
+  y(() => {
     var e;
     if (i) {
       const t = (e = u.current) == null ? void 0 : e.querySelector('[data-active="true"]');
@@ -23,14 +23,14 @@ const R = ({ className: p, items: n, groups: a = {}, expanded: i, onSelect: r })
     groupByKey: "groupId",
     keyboardEvents: !0
   });
-  return /* @__PURE__ */ m(y, { className: p, expanded: i, ref: u, children: c.map((e, t) => /* @__PURE__ */ k(E, { ...e.props, key: t }, /* @__PURE__ */ m("ul", { children: e.items.map((s, d) => {
+  return /* @__PURE__ */ m(E, { className: p, expanded: i, ref: u, children: c.map((e, t) => /* @__PURE__ */ k(h, { ...e.props, key: t }, /* @__PURE__ */ m("ul", { children: e.items.map((s, d) => {
     const {
       active: b,
       menuIndex: v,
       props: { groupId: g, onClick: o, ...A }
     } = s;
     return /* @__PURE__ */ m(
-      h,
+      x,
       {
         as: "button",
         tabIndex: -1,

package/dist/components/Searchbar/AutocompleteBase.js

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as r } from "../../index-L8X2o7IH.js";
+import { forwardRef as s } from "react";
+import '../../assets/AutocompleteBase.css';const c = "_autocomplete_ivvqd_1", p = {
+  autocomplete: c
+}, u = s(
+  ({ expanded: o, children: t, className: e }, a) => /* @__PURE__ */ m("nav", { className: r(p.autocomplete, e), "aria-expanded": o, "data-size": "sm", ref: a, children: t })
+);
+export {
+  u as AutocompleteBase
+};

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

@@ -1,35 +1,36 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { BookmarksListItem as n } from "../Bookmarks/BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { ListItem as o } from "../List/ListItem.js";
-import { DialogListItem as a } from "../Dialog/DialogListItem.js";
+import { DialogListItem as r } from "../Dialog/DialogListItem.js";
 import "./AutocompleteBase.js";
-import { ScopeListItem as r } from "./ScopeListItem.js";
-import { SuggestListItem as i } from "./SuggestListItem.js";
+import { ScopeListItem as i } from "./ScopeListItem.js";
+import { SuggestListItem as m } from "./SuggestListItem.js";
 import "../Snackbar/useSnackbar.js";
-const p = ({ type: m, ...e }) => {
-  switch (m) {
+const k = ({ type: a, ...t }) => {
+  switch (a) {
     case "scope":
-      return /* @__PURE__ */ t(
-        r,
+      return /* @__PURE__ */ e(
+        i,
         {
-          ...e,
+          ...t,
           color: "company",
-          theme: "default",
+          variant: "default",
           shadow: "none",
+          size: "sm",
           tabIndex: -1,
           linkIcon: !0
         }
       );
     case "suggest":
-      return /* @__PURE__ */ t(
-        i,
+      return /* @__PURE__ */ e(
+        m,
         {
-          ...e,
+          ...t,
           color: "company",
-          theme: "default",
+          variant: "default",
           shadow: "none",
           size: "sm",
           tabIndex: -1,
@@ -37,22 +38,22 @@ const p = ({ type: m, ...e }) => {
         }
       );
     case "bookmark":
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(
         n,
         {
-          ...e,
-          theme: "default",
+          ...t,
+          variant: "default",
           shadow: "none",
           size: "sm",
           tabIndex: -1
         }
       );
     case "dialog":
-      return /* @__PURE__ */ t(
-        a,
+      return /* @__PURE__ */ e(
+        r,
         {
-          ...e,
-          theme: "default",
+          ...t,
+          variant: "default",
           shadow: "none",
           size: "sm",
           tabIndex: -1,
@@ -60,21 +61,22 @@ const p = ({ type: m, ...e }) => {
         }
       );
     case "information":
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(
         o,
         {
           as: "div",
-          ...e,
-          theme: "default",
+          ...t,
+          variant: "default",
           shadow: "none",
           tabIndex: -1,
+          size: "sm",
           interactive: !1
         }
       );
     default:
-      return /* @__PURE__ */ t(o, { ...e, theme: "default", shadow: "none", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ e(o, { ...t, variant: "default", shadow: "none", size: "sm", tabIndex: -1 });
   }
 };
 export {
-  p as AutocompleteItem
+  k as AutocompleteItem
 };

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

@@ -7,8 +7,8 @@ import { IconButton as n } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "./AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as N } from "../../MagnifyingGlass-DWIcpwS4.js";
-import { S as l } from "../../XMark-Bv1I87Ev.js";
+import { S as N } from "../../MagnifyingGlass-3Ln1MufI.js";
+import { S as l } from "../../XMark-DIqxCTTQ.js";
 import '../../assets/SearchField.css';const v = "_field_ljqfn_1", T = "_icon_ljqfn_10", A = "_input_ljqfn_17", K = "_dismiss_ljqfn_41", M = "_clear_ljqfn_47", s = {
   field: v,
   icon: T,

package/dist/components/Searchbar/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/Settings/Settings.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as f } from "../Page/Section.js";
+const j = ({
+  size: t = "sm",
+  theme: o = "default",
+  padding: r = 4,
+  spacing: m = 6,
+  shadow: i = "xs",
+  as: p,
+  color: e,
+  children: s
+}) => /* @__PURE__ */ n(f, { as: p, size: t, color: e, theme: o, padding: r, spacing: m, shadow: i, children: s });
+export {
+  j as Settings
+};

package/dist/components/Settings/SettingsItem.js

@@ -0,0 +1,37 @@
+import { jsxs as s, jsx as e, Fragment as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { ListItemBase as g } from "../List/ListItemBase.js";
+import { ListItemHeader as x } from "../List/ListItemHeader.js";
+import { ListItemLabel as _ } from "../List/ListItemLabel.js";
+import { Heading as i } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/SettingsItem.css';const f = "_item_jqpsx_1", L = "_label_jqpsx_12", t = {
+  item: f,
+  label: L
+}, F = ({
+  color: n,
+  size: h,
+  expanded: a,
+  icon: c,
+  label: p,
+  title: r,
+  value: m,
+  description: l,
+  children: d,
+  ...b
+}) => /* @__PURE__ */ s(g, { className: t.item, color: n, size: h, expanded: a, children: [
+  /* @__PURE__ */ e(x, { ariaLabel: r, ...b, className: t.header, icon: c, children: /* @__PURE__ */ e(_, { className: t.label, children: r && m ? /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ e(i, { as: "h3", size: "xs", variant: "subtle", weight: "normal", children: r }),
+    /* @__PURE__ */ e(i, { weight: "normal", size: "sm", children: m })
+  ] }) : r ? /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ e(i, { weight: "normal", size: "sm", children: r || m }),
+    l && /* @__PURE__ */ e(i, { as: "h3", size: "xs", variant: "subtle", weight: "normal", children: l })
+  ] }) : p }) }),
+  a && d
+] });
+export {
+  F as SettingsItem
+};

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/Skeleton/Skeleton.js

@@ -1,29 +1,28 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/Skeleton.css';const c = "_skeleton_kmhzx_1", l = "_fade_kmhzx_1", m = {
-  skeleton: c,
-  fade: l
+import { c as d } from "../../index-L8X2o7IH.js";
+import '../../assets/Skeleton.css';const l = "_skeleton_kmhzx_1", c = {
+  skeleton: l
 }, u = ({
   as: s = "span",
-  loading: e = !1,
+  loading: t = !1,
   size: n,
   variant: o = "text",
   className: r,
-  children: t
+  children: e
 }) => {
-  const d = s;
-  return e ? /* @__PURE__ */ a(
-    d,
+  const i = s;
+  return t ? /* @__PURE__ */ a(
+    i,
     {
-      className: i(m.skeleton, r),
+      className: d(c.skeleton, r),
       "aria-busy": !0,
       "data-size": n,
-      "data-loading": e,
+      "data-loading": t,
       "data-variant": o,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ a("div", { "aria-hidden": "true", children: t })
+      children: /* @__PURE__ */ a("div", { "aria-hidden": "true", children: e })
     }
-  ) : t;
+  ) : e;
 };
 export {
   u as Skeleton

package/dist/components/Snackbar/SnackbarItem.js

@@ -6,10 +6,10 @@ 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";
+import { u as g } from "../../useId-BVFxCjkq.js";
+import { S as h } from "../../XMark-DIqxCTTQ.js";
 import '../../assets/SnackbarItem.css';var w = function(e, o) {
   var i = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (i[t] = e[t]);
@@ -20,7 +20,7 @@ import '../../assets/SnackbarItem.css';var w = function(e, o) {
 };
 const b = u((e, o) => {
   var { title: i, titleId: t } = e, n = w(e, ["title", "titleId"]);
-  let c = h();
+  let c = g();
   return c = i ? t || "title-" + c : void 0, a.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: o, "aria-labelledby": c }, n),
@@ -51,7 +51,7 @@ const D = ({
   s && /* @__PURE__ */ r("div", { className: l.action, children: /* @__PURE__ */ r(
     _,
     {
-      icon: g,
+      icon: h,
       variant: "outline",
       onClick: d,
       className: l.dismiss,

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,10 +4,10 @@ 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";
+import { S as a } from "../../CircleFill-BkDF4Wm0.js";
 const k = ({
   loading: r,
   byline: t,

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,9 +4,9 @@ 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";
+import { S as f } from "../../CircleFill-BkDF4Wm0.js";
 const S = ({
   loading: r,
   as: o = "li",

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-DIqxCTTQ.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,10 +4,10 @@ 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";
+import { S as x } from "../../CircleFill-BkDF4Wm0.js";
 const q = ({
   loading: r,
   datetime: m,