@altinn/altinn-components 0.36.0 → 0.36.1

package/dist/components/Searchbar/Autocomplete.js

@@ -1,50 +1,50 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useRef as I, createElement as k } from "react";
-import { useMenu as l } from "../../hooks/useMenu.js";
-import { useEnterKey as y } from "../../hooks/useEnterKey.js";
+import { useRef as k, createElement as l } from "react";
+import { useMenu as y } from "../../hooks/useMenu.js";
+import { useEnterKey as E } from "../../hooks/useEnterKey.js";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AutocompleteBase as E } from "./AutocompleteBase.js";
-import { AutocompleteGroup as h } from "./AutocompleteGroup.js";
-import { AutocompleteItem as x } from "./AutocompleteItem.js";
+import { AutocompleteBase as h } from "./AutocompleteBase.js";
+import { AutocompleteGroup as x } from "./AutocompleteGroup.js";
+import { AutocompleteItem as g } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
-const R = ({ className: p, items: n, groups: a = {}, expanded: i, onSelect: r }) => {
-  const u = I(null);
-  y(() => {
+const z = ({ className: p, items: n, id: a, groups: c = {}, expanded: i, onSelect: r }) => {
+  const u = k(null);
+  E(() => {
     var e;
     if (i) {
       const t = (e = u.current) == null ? void 0 : e.querySelector('[data-active="true"]');
       t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), r == null || r();
     }
   });
-  const { menu: c, setActiveIndex: f } = l({
+  const { menu: f, setActiveIndex: d } = y({
     items: n,
-    groups: a,
+    groups: c,
     groupByKey: "groupId",
     keyboardEvents: !0
   });
-  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) => {
+  return /* @__PURE__ */ m(h, { className: p, expanded: i, ref: u, id: a, children: f.map((e, t) => /* @__PURE__ */ l(x, { ...e.props, key: t }, /* @__PURE__ */ m("ul", { children: e.items.map((s, b) => {
     const {
-      active: b,
-      menuIndex: v,
-      props: { groupId: g, onClick: o, ...A }
+      active: v,
+      menuIndex: A,
+      props: { groupId: M, onClick: o, ...I }
     } = s;
     return /* @__PURE__ */ m(
-      x,
+      g,
       {
         as: "button",
         tabIndex: -1,
-        onMouseEnter: () => f(v),
-        ...A,
+        onMouseEnter: () => d(A),
+        ...I,
         onClick: () => {
           o == null || o(), r == null || r();
         },
-        active: b
+        active: v
       },
-      d
+      b
     );
   }) }))) });
 };
 export {
-  R as Autocomplete
+  z as Autocomplete
 };

package/dist/components/Searchbar/AutocompleteBase.js

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

package/dist/components/Searchbar/AutocompleteItem.js

@@ -4,13 +4,12 @@ import "react";
 import { BookmarksListItem as n } from "../Bookmarks/BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListItem as r } from "../Dialog/DialogListItem.js";
-import "./AutocompleteBase.js";
 import { ScopeListItem as i } from "./ScopeListItem.js";
 import { SuggestListItem as m } from "./SuggestListItem.js";
-import { ListItem as o } from "../List/ListItem.js";
+import { ListItem as a } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-const k = ({ type: a, ...t }) => {
-  switch (a) {
+const h = ({ type: o, ...t }) => {
+  switch (o) {
     case "scope":
       return /* @__PURE__ */ e(
         i,
@@ -62,7 +61,7 @@ const k = ({ type: a, ...t }) => {
       );
     case "information":
       return /* @__PURE__ */ e(
-        o,
+        a,
         {
           as: "div",
           ...t,
@@ -74,9 +73,9 @@ const k = ({ type: a, ...t }) => {
         }
       );
     default:
-      return /* @__PURE__ */ e(o, { ...t, variant: "default", shadow: "none", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ e(a, { ...t, variant: "default", shadow: "none", size: "sm", tabIndex: -1 });
   }
 };
 export {
-  k as AutocompleteItem
+  h as AutocompleteItem
 };

package/dist/components/Searchbar/ScopeListItem.js

@@ -2,12 +2,11 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "./AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as r } from "../List/ListItem.js";
-import '../../assets/ScopeListItem.css';const e = "_item_1a3bc_1", s = {
-  item: e
-}, x = ({ as: t = "a", label: m, ...o }) => /* @__PURE__ */ i(r, { className: s.item, label: m, ...o, as: t });
+import { ListItem as e } from "../List/ListItem.js";
+import '../../assets/ScopeListItem.css';const r = "_item_1a3bc_1", s = {
+  item: r
+}, l = ({ as: t = "a", label: m, ...o }) => /* @__PURE__ */ i(e, { className: s.item, label: m, ...o, as: t });
 export {
-  x as ScopeListItem
+  l as ScopeListItem
 };

package/dist/components/Searchbar/Searchbar.js

@@ -1,16 +1,15 @@
-import { jsxs as f, jsx as b } from "react/jsx-runtime";
+import { jsxs as f, jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { SearchbarBase as T } from "./SearchbarBase.js";
 import { SearchbarField as A } from "./SearchbarField.js";
-import "./AutocompleteBase.js";
 import { Autocomplete as S } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const q = ({
+const k = ({
   className: g,
-  autocomplete: e,
-  expanded: a = !1,
+  autocomplete: a,
+  expanded: e = !1,
   onClose: r,
   tabIndex: h,
   ...n
@@ -18,19 +17,28 @@ const q = ({
   T,
   {
     className: g,
-    expanded: a,
-    autocomplete: !!e,
+    expanded: e,
+    autocomplete: !!a,
     onBlurCapture: (t) => {
-      var c, u, o, s, l, m, d, p;
-      const i = (o = (u = (c = t.target) == null ? void 0 : c.attributes) == null ? void 0 : u.getNamedItem("data-testid")) == null ? void 0 : o.value;
-      (s = t == null ? void 0 : t.relatedTarget) != null && s.closest('[data-autocomplete="true"]') || t.relatedTarget === null || (i === "search-button-clear" || i === "search-button-close" || i === "searchbar-input" && ((l = t.relatedTarget) == null ? void 0 : l.getAttribute("data-testid")) !== "searchbar-input" && ((m = t.relatedTarget) == null ? void 0 : m.getAttribute("data-testid")) !== "search-button-clear" && ((d = t.relatedTarget) == null ? void 0 : d.getAttribute("data-testid")) !== "search-button-close" && ((p = t.relatedTarget) == null ? void 0 : p.getAttribute("data-testid")) !== "autocomplete-list") && (r == null || r());
+      var i, o, u, s, l, d, m, b;
+      const c = (u = (o = (i = t.target) == null ? void 0 : i.attributes) == null ? void 0 : o.getNamedItem("data-testid")) == null ? void 0 : u.value;
+      (s = t == null ? void 0 : t.relatedTarget) != null && s.closest('[data-autocomplete="true"]') || t.relatedTarget === null || (c === "search-button-clear" || c === "search-button-close" || c === "searchbar-input" && ((l = t.relatedTarget) == null ? void 0 : l.getAttribute("data-testid")) !== "searchbar-input" && ((d = t.relatedTarget) == null ? void 0 : d.getAttribute("data-testid")) !== "search-button-clear" && ((m = t.relatedTarget) == null ? void 0 : m.getAttribute("data-testid")) !== "search-button-close" && ((b = t.relatedTarget) == null ? void 0 : b.getAttribute("data-testid")) !== "autocomplete-list") && (r == null || r());
     },
     children: [
-      /* @__PURE__ */ b(A, { ...n, expanded: a, onClose: r, tabIndex: h }),
-      e && /* @__PURE__ */ b(S, { ...e, expanded: a, onSelect: r })
+      /* @__PURE__ */ p(
+        A,
+        {
+          ...n,
+          expanded: e,
+          onClose: r,
+          tabIndex: h,
+          ...a && { controlsId: "searchbar-autocomplete" }
+        }
+      ),
+      a && /* @__PURE__ */ p(S, { ...a, expanded: e, onSelect: r, id: "searchbar-autocomplete" })
     ]
   }
 );
 export {
-  q as Searchbar
+  k as Searchbar
 };

package/dist/components/Searchbar/SearchbarField.js

@@ -1,65 +1,69 @@
 "use client";
-import { jsxs as C, jsx as t } from "react/jsx-runtime";
-import { c as I } from "../../index-L8X2o7IH.js";
-import { useRef as N } from "react";
-import { Icon as v } from "../Icon/Icon.js";
-import { IconButton as l } from "../Button/IconButton.js";
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import { c as N } from "../../index-L8X2o7IH.js";
+import { useRef as v } from "react";
+import { Icon as T } from "../Icon/Icon.js";
+import { IconButton as n } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "./AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as T } from "../../MagnifyingGlass-3Ln1MufI.js";
+import { S as z } from "../../MagnifyingGlass-3Ln1MufI.js";
 import { S as m } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/SearchbarField.css';const j = "_field_1f56c_1", z = "_icon_1f56c_10", A = "_input_1f56c_17", K = "_clear_1f56c_39", M = "_dismiss_1f56c_56", s = {
-  field: j,
-  icon: z,
+import '../../assets/SearchbarField.css';const K = "_field_1u3c6_1", j = "_icon_1u3c6_10", A = "_input_1u3c6_17", M = "_clear_1u3c6_44", U = "_dismiss_1u3c6_61", s = {
+  field: K,
+  icon: j,
   input: A,
-  clear: K,
-  dismiss: M
-}, H = ({
-  className: p,
-  expanded: e,
-  name: f = "q",
+  clear: M,
+  dismiss: U
+}, D = ({
+  className: u,
+  expanded: c,
+  name: p = "q",
   value: a,
-  placeholder: d = "Search",
-  closeButtonAltText: u = "Close search",
+  placeholder: f = "Search",
+  closeButtonAltText: d = "Close search",
   clearButtonAltText: _ = "Clear search",
   onFocus: h,
   onBlur: x,
   onChange: b,
   onClear: y,
-  onClose: S,
-  onEnter: i,
-  tabIndex: g
+  onClose: C,
+  onEnter: e,
+  tabIndex: k,
+  controlsId: S
 }) => {
-  const c = N(null), k = (o) => {
-    var r, n;
-    o.key === "Escape" && ((r = c.current) == null || r.blur()), o.key === "Enter" && ((n = c.current) == null || n.blur(), i == null || i());
+  const i = v(null), g = (o) => {
+    var r, l;
+    o.key === "Escape" && ((r = i.current) == null || r.blur()), o.key === "Enter" && ((l = i.current) == null || l.blur(), e == null || e());
   };
-  return /* @__PURE__ */ C("div", { className: I(s.field, p), children: [
+  return /* @__PURE__ */ I("div", { className: N(s.field, u), children: [
     /* @__PURE__ */ t(
       "input",
       {
-        ref: c,
+        ref: i,
         onFocus: h,
         onBlur: x,
-        name: f,
+        name: p,
         value: a,
         onChange: b,
-        placeholder: d,
+        placeholder: f,
         className: s.input,
-        onKeyUp: k,
-        type: "search",
-        "aria-haspopup": !0,
+        onKeyUp: g,
+        type: "text",
         autoComplete: "off",
+        autoCapitalize: "off",
+        enterKeyHint: "search",
+        spellCheck: !1,
         "aria-autocomplete": "list",
-        tabIndex: g ?? 0,
-        "data-expanded": e,
-        "data-testid": "searchbar-input"
+        tabIndex: k ?? 0,
+        "aria-expanded": c,
+        "data-testid": "searchbar-input",
+        "aria-controls": S,
+        role: "combobox"
       }
     ),
-    /* @__PURE__ */ t(v, { svgElement: T, className: s.icon }),
+    /* @__PURE__ */ t(T, { svgElement: z, className: s.icon }),
     a && /* @__PURE__ */ t(
-      l,
+      n,
       {
         icon: m,
         variant: "solid",
@@ -69,20 +73,20 @@ import '../../assets/SearchbarField.css';const j = "_field_1f56c_1", z = "_icon_
         dataTestId: "search-button-clear",
         iconAltText: _
       }
-    ) || e && /* @__PURE__ */ t(
-      l,
+    ) || c && /* @__PURE__ */ t(
+      n,
       {
         icon: m,
         size: "sm",
         variant: "text",
         className: s.dismiss,
-        onClick: S,
+        onClick: C,
         dataTestId: "search-button-close",
-        iconAltText: u
+        iconAltText: d
       }
     )
   ] });
 };
 export {
-  H as SearchbarField
+  D as SearchbarField
 };

package/dist/components/Searchbar/SuggestListItem.js

@@ -2,11 +2,10 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "./AutocompleteBase.js";
 import { ListItem as i } from "../List/ListItem.js";
-import { QueryLabel as p } from "./QueryLabel.js";
+import { QueryLabel as e } from "./QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
-const g = ({ as: r = "a", params: m, ...o }) => /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(p, { params: m }), ...o, as: r });
+const b = ({ as: r = "a", params: m, ...o }) => /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(e, { params: m }), ...o, as: r });
 export {
-  g as SuggestListItem
+  b as SuggestListItem
 };

package/dist/components/Settings/SettingsItem.js

@@ -3,18 +3,17 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { getAriaLabelFromTitle as _ } from "../Menu/MenuItemLabel.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListItemBase as f } from "../List/ListItemBase.js";
 import { ListItemHeader as h } from "../List/ListItemHeader.js";
 import { ListItemLabel as I } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/SettingsItem.css';const d = "_item_s2olz_1", N = "_label_s2olz_16", t = {
+import '../../assets/SettingsItem.css';const d = "_item_s2olz_1", N = "_label_s2olz_16", e = {
   item: d,
   label: N
-}, S = ({
+}, H = ({
   color: o,
   size: s,
-  expanded: e,
+  expanded: t,
   icon: a,
   label: l,
   title: m,
@@ -24,11 +23,11 @@ import '../../assets/SettingsItem.css';const d = "_item_s2olz_1", N = "_label_s2
   ...r
 }) => {
   const p = r.ariaLabel || _(m);
-  return /* @__PURE__ */ L(f, { className: t.item, color: o, size: s, expanded: e, children: [
-    /* @__PURE__ */ i(h, { ...r, ariaLabel: p, className: t.header, icon: a, children: /* @__PURE__ */ i(I, { className: t.label, title: m, value: c, description: n, children: l }) }),
-    e && b
+  return /* @__PURE__ */ L(f, { className: e.item, color: o, size: s, expanded: t, children: [
+    /* @__PURE__ */ i(h, { ...r, ariaLabel: p, className: e.header, icon: a, children: /* @__PURE__ */ i(I, { className: e.label, title: m, value: c, description: n, children: l }) }),
+    t && b
   ] });
 };
 export {
-  S as SettingsItem
+  H as SettingsItem
 };

package/dist/components/Settings/SettingsList.js

@@ -1,30 +1,29 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { jsx as m, jsxs as c } from "react/jsx-runtime";
 import { Fragment as a, createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { Divider as h } from "../Divider/Divider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { List as f } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { SettingsItem as l } from "./SettingsItem.js";
-const b = ({ items: e, groups: o }) => {
+const S = ({ items: e, groups: o }) => {
   var s;
   if (o) {
     const r = (s = Object.keys(o).map((t) => {
-      const m = e == null ? void 0 : e.filter((d) => d.groupId === t && !d.hidden), { title: i } = o[t] || {};
+      const n = e == null ? void 0 : e.filter((d) => d.groupId === t && !d.hidden), { title: i } = o[t] || {};
       return {
         groupId: t,
         title: i,
-        items: m
+        items: n
       };
     })) == null ? void 0 : s.filter((t) => t.items.length > 0);
-    return /* @__PURE__ */ n(f, { size: "sm", children: r.map((t, m) => /* @__PURE__ */ c(a, { children: [
-      m > 0 && /* @__PURE__ */ n(h, {}),
+    return /* @__PURE__ */ m(f, { size: "sm", children: r.map((t, n) => /* @__PURE__ */ c(a, { children: [
+      n > 0 && /* @__PURE__ */ m(h, {}),
       t.items.map((i) => /* @__PURE__ */ p(l, { ...i, key: i.id }))
     ] }, t.groupId)) });
   }
-  return /* @__PURE__ */ n(f, { size: "sm", children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ p(l, { ...r, key: r.id })) });
+  return /* @__PURE__ */ m(f, { size: "sm", children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ p(l, { ...r, key: r.id })) });
 };
 export {
-  b as SettingsList
+  S as SettingsList
 };

package/dist/components/Settings/SettingsSection.js

@@ -2,10 +2,9 @@ import { jsx as s } 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 c } from "../Page/Section.js";
-const j = ({
+const g = ({
   size: t = "sm",
   theme: o = "default",
   padding: r = 4,
@@ -16,5 +15,5 @@ const j = ({
   children: n
 }) => /* @__PURE__ */ s(c, { as: p, size: t, color: e, theme: o, padding: r, spacing: i, shadow: m, children: n });
 export {
-  j as SettingsSection
+  g as SettingsSection
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -6,7 +6,6 @@ import * as a from "react";
 import { forwardRef as u } from "react";
 import { IconButton as g } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "./useSnackbar.js";
 import { u as _ } from "../../useId-BVFxCjkq.js";
 import { S as h } from "../../XMark-DIqxCTTQ.js";
@@ -20,45 +19,45 @@ import '../../assets/SnackbarItem.css';var w = function(e, i) {
 };
 const y = u((e, i) => {
   var { title: o, titleId: t } = e, n = w(e, ["title", "titleId"]);
-  let r = _();
-  return r = o ? t || "title-" + r : void 0, a.createElement(
+  let c = _();
+  return c = o ? 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: i, "aria-labelledby": r }, n),
-    o ? a.createElement("title", { id: r }, o) : null,
+    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: i, "aria-labelledby": c }, n),
+    o ? a.createElement("title", { id: c }, o) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
-}), x = "_item_1a13i_1", O = "_icon_1a13i_23", I = "_content_1a13i_33", b = "_action_1a13i_41", c = {
+}), x = "_item_1a13i_1", O = "_icon_1a13i_23", I = "_content_1a13i_33", b = "_action_1a13i_41", r = {
   item: x,
   icon: O,
   content: I,
   action: b
 };
 var j = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
-const H = ({
+const F = ({
   as: e,
   message: i,
   className: o,
   color: t,
   icon: n = y,
-  iconAltText: r = "Bell icon",
+  iconAltText: c = "Bell icon",
   dismissable: s = !0,
   onDismiss: m,
   ...d
-}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, ...d, children: [
-  /* @__PURE__ */ l(v, { svgElement: n, className: c.icon }),
-  /* @__PURE__ */ l("div", { className: c.content, children: i }),
-  s && /* @__PURE__ */ l("div", { className: c.action, children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ f(e || "div", { className: p(r.item, o), "data-color": t, ...d, children: [
+  /* @__PURE__ */ l(v, { svgElement: n, className: r.icon }),
+  /* @__PURE__ */ l("div", { className: r.content, children: i }),
+  s && /* @__PURE__ */ l("div", { className: r.action, children: /* @__PURE__ */ l(
     g,
     {
       icon: h,
       variant: "solid",
       onClick: m,
-      className: c.dismiss,
+      className: r.dismiss,
       iconAltText: "close"
     }
   ) })
 ] });
 export {
   j as SnackbarColorEnum,
-  H as SnackbarItem
+  F as SnackbarItem
 };

package/dist/components/Timeline/Timeline.js

@@ -2,10 +2,9 @@ import { jsx as i } 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 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 });
+const f = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  u as Timeline
+  f as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -4,11 +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 "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { S as a } from "../../CircleFill-BkDF4Wm0.js";
-const k = ({
+const h = ({
   loading: r,
   byline: t,
   icon: x = a,
@@ -25,5 +24,5 @@ const k = ({
   o && typeof o == "string" ? /* @__PURE__ */ i(l, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
-  k as TimelineActivity
+  h as TimelineActivity
 };

package/dist/components/Timeline/TimelineBase.js

@@ -2,8 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { TimelineIcon as b } from "./TimelineIcon.js";
-import "../Searchbar/AutocompleteBase.js";
+import { TimelineIcon as p } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as v } from "../Page/Flex.js";
 import '../../assets/TimelineBase.css';const x = "_section_1030v_1", N = "_sidebar_1030v_8", f = "_content_1030v_33", h = "_border_1030v_39", e = {
@@ -11,25 +10,25 @@ import '../../assets/TimelineBase.css';const x = "_section_1030v_1", N = "_sideb
   sidebar: N,
   content: f,
   border: h
-}, g = ({
+}, I = ({
   as: n = "section",
   loading: o,
   border: a = "solid",
   level: c = 1,
   color: s,
   icon: r,
-  iconColor: m,
-  iconTheme: d,
+  iconColor: d,
+  iconTheme: m,
   children: l,
   id: _,
-  ...p
-}) => /* @__PURE__ */ i(v, { as: n, className: e.section, color: s, ...p, id: _, children: [
+  ...b
+}) => /* @__PURE__ */ i(v, { as: n, className: e.section, color: s, ...b, id: _, children: [
   /* @__PURE__ */ i("aside", { className: e.sidebar, "data-level": c, children: [
-    r && /* @__PURE__ */ t(b, { loading: o, icon: r, theme: d, color: m, size: "sm" }),
+    r && /* @__PURE__ */ t(p, { loading: o, icon: r, theme: m, color: d, size: "sm" }),
     /* @__PURE__ */ t("div", { className: e.border, "data-loading": o, "data-variant": a, "data-color": s })
   ] }),
   /* @__PURE__ */ t("div", { className: e.content, children: l })
 ] });
 export {
-  g as TimelineBase
+  I as TimelineBase
 };

package/dist/components/Timeline/TimelineFooter.js

@@ -4,17 +4,16 @@ import "react";
 import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineBase as n } from "./TimelineBase.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as f } from "../../CircleFill-BkDF4Wm0.js";
-const S = ({
+const F = ({
   loading: r,
   as: o = "li",
-  color: m = "neutral",
-  icon: e = f,
+  color: e = "neutral",
+  icon: m = f,
   iconColor: t,
   children: p
-}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: e, color: m, iconColor: t, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
+}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: m, color: e, iconColor: t, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
 export {
-  S as TimelineFooter
+  F as TimelineFooter
 };