@altinn/altinn-components 0.36.0 → 0.36.2

package/dist/assets/SearchbarField.css

@@ -1 +1 @@
-._field_1f56c_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_1f56c_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_1f56c_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_1f56c_17[type=search]::-webkit-search-decoration,._input_1f56c_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_1f56c_17[data-expanded=true],._input_1f56c_17:focus,._input_1f56c_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._clear_1f56c_39{background-color:var(--ds-color-surface-tinted);color:var(--ds-color-base-default);border:0;position:absolute;right:0;margin:.75rem;border-radius:100%;width:1.5rem;height:1.5rem}._clear_1f56c_39:focus-visible{outline-offset:0;outline-width:2px}._dismiss_1f56c_56{position:absolute;right:0;margin:.5rem}._dismiss_1f56c_56:focus-visible{outline-offset:0;outline-width:2px}
+._field_1u3c6_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_1u3c6_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_1u3c6_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_1u3c6_17[type=search]::-webkit-search-decoration,._input_1u3c6_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_1u3c6_17[aria-expanded=true],._input_1u3c6_17:focus,._input_1u3c6_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._input_1u3c6_17[aria-expanded=true][aria-controls]{border-bottom-left-radius:0;border-bottom-right-radius:0}._clear_1u3c6_44{background-color:var(--ds-color-surface-tinted);color:var(--ds-color-base-default);border:0;position:absolute;right:0;margin:.75rem;border-radius:100%;width:1.5rem;height:1.5rem}._clear_1u3c6_44:focus-visible{outline-offset:0;outline-width:2px}._dismiss_1u3c6_61{position:absolute;right:0;margin:.5rem}._dismiss_1u3c6_61:focus-visible{outline-offset:0;outline-width:2px}

package/dist/components/AccessAreaListItem/AccessAreaListItem.js

@@ -2,12 +2,11 @@ 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 { ListItem as h } from "../List/ListItem.js";
 import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", I = {
   content: d
-}, x = ({
+}, k = ({
   name: t,
   icon: i,
   iconUrl: r,
@@ -44,5 +43,5 @@ import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", I = {
   }
 );
 export {
-  x as AccessAreaListItem
+  k as AccessAreaListItem
 };

package/dist/components/AccessPackageListItem/AccessPackageListItem.js

@@ -2,11 +2,10 @@
 import { jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import * as n from "react";
-import { forwardRef as m } from "react";
+import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as f } from "../List/ListItem.js";
+import { ListItem as m } from "../List/ListItem.js";
 import { u as c } from "../../useId-BVFxCjkq.js";
 var d = function(t, o) {
   var l = {};
@@ -16,7 +15,7 @@ var d = function(t, o) {
       o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const p = m((t, o) => {
+const p = f((t, o) => {
   var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
   let i = c();
   return i = l ? e || "title-" + i : void 0, n.createElement(
@@ -25,7 +24,7 @@ const p = m((t, o) => {
     l ? n.createElement("title", { id: i }, l) : null,
     n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.794 4.5a.75.75 0 0 1-.75 0l-7.794-4.5a.75.75 0 0 1-.375-.65v-9a.75.75 0 0 1 .375-.65zM12 3.866 5.706 7.5 12 11.134 18.294 7.5zm7.044 4.933-6.294 3.634v7.268l6.294-3.634zM11.25 19.701v-7.268L4.956 8.799v7.268z", clipRule: "evenodd" })
   );
-}), h = ({
+}), O = ({
   as: t = "button",
   name: o,
   color: l = "neutral",
@@ -33,7 +32,7 @@ const p = m((t, o) => {
   size: r = "sm",
   ...i
 }) => /* @__PURE__ */ a(
-  f,
+  m,
   {
     icon: p,
     as: t,
@@ -46,5 +45,5 @@ const p = m((t, o) => {
   }
 );
 export {
-  h as AccessPackageListItem
+  O as AccessPackageListItem
 };

package/dist/components/Account/AccountList.js

@@ -5,11 +5,10 @@ import { AccountListItem as f } from "./AccountListItem.js";
 import "../RootProvider/RootProvider.js";
 import { Typography as y } from "../Typography/Typography.js";
 import { Heading as d } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import { List as m } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as h } from "../Page/Section.js";
-const H = ({
+const F = ({
   items: t,
   groups: i,
   emptyTitle: g = "Ingen treff",
@@ -25,5 +24,5 @@ const H = ({
   ] }, r);
 }) }) : /* @__PURE__ */ n(m, { children: t.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ p(f, { ...r, key: r.id })) });
 export {
-  H as AccountList
+  F as AccountList
 };

package/dist/components/Account/AccountListItem.js

@@ -2,19 +2,18 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListItem as v } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 import { AccountListItemControls as C } from "./AccountListItemControls.js";
-const D = ({
+const B = ({
   id: r,
   type: i,
   size: m,
   expanded: t,
   icon: s,
   title: c,
-  description: p,
-  isCurrentEndUser: n,
+  description: n,
+  isCurrentEndUser: p,
   isDeleted: e,
   badge: l,
   favourite: f = !1,
@@ -31,7 +30,7 @@ const D = ({
     size: m,
     icon: s,
     title: c,
-    description: t ? void 0 : p,
+    description: t ? void 0 : n,
     expanded: t,
     selected: t,
     controls: !t && /* @__PURE__ */ o(
@@ -42,7 +41,7 @@ const D = ({
         favourite: f,
         favouriteLabel: u,
         badge: l,
-        isCurrentEndUser: n,
+        isCurrentEndUser: p,
         isDeleted: e,
         onToggleFavourite: I,
         contextMenu: L
@@ -54,5 +53,5 @@ const D = ({
   }
 );
 export {
-  D as AccountListItem
+  B as AccountListItem
 };

package/dist/components/Account/AccountListItemControls.js

@@ -7,7 +7,6 @@ import { Badge as O } from "../Badge/Badge.js";
 import { IconButton as w } from "../Button/IconButton.js";
 import { ContextMenu as b } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListItemControls as v } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import { u as d } from "../../useId-BVFxCjkq.js";
@@ -46,7 +45,7 @@ const j = m((t, n) => {
     r ? i.createElement("title", { id: o }, r) : null,
     i.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
   );
-}), L = ({
+}), H = ({
   id: t,
   type: n,
   badge: r,
@@ -73,5 +72,5 @@ const j = m((t, n) => {
   a && /* @__PURE__ */ c(b, { ...a })
 ] });
 export {
-  L as AccountListItemControls
+  H as AccountListItemControls
 };

package/dist/components/Account/AccountMenu.js

@@ -1,50 +1,49 @@
 "use client";
 import { jsx as h } from "react/jsx-runtime";
-import { useState as m } from "react";
+import { useState as L } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as L } from "../Menu/Menu.js";
-import "../Searchbar/AutocompleteBase.js";
+import { Menu as M } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const M = (n) => `${n} hits`, j = ({
+const m = (n) => `${n} hits`, R = ({
   items: n = [],
   groups: i = {},
-  search: o,
+  search: e,
   onSelectAccount: r,
   currentAccount: d,
   menuItemsVirtual: g
 }) => {
-  var s;
+  var u;
   const a = n.map((t) => ({
     ...t,
     title: (t == null ? void 0 : t.title) || t.name,
     groupId: t.groupId || "search",
     selected: t.selected ?? (d == null ? void 0 : d.id) === t.id,
     onClick: () => r == null ? void 0 : r(t.id)
-  })), [e, p] = m(""), l = e ? a.filter((t) => {
-    var u;
-    return (u = t == null ? void 0 : t.name) == null ? void 0 : u.toLowerCase().includes(e.toLowerCase());
+  })), [o, s] = L(""), l = o ? a.filter((t) => {
+    var p;
+    return (p = t == null ? void 0 : t.name) == null ? void 0 : p.toLowerCase().includes(o.toLowerCase());
   }).map((t) => ({
     ...t,
     groupId: "search"
-  })) : a, f = e ? {
+  })) : a, f = o ? {
     search: {
-      title: ((s = o == null ? void 0 : o.getResultsLabel) == null ? void 0 : s.call(o, l.length)) ?? M(l.length)
+      title: ((u = e == null ? void 0 : e.getResultsLabel) == null ? void 0 : u.call(e, l.length)) ?? m(l.length)
     }
   } : i, C = {
     name: "account-search",
-    value: e,
-    placeholder: (o == null ? void 0 : o.placeholder) ?? "Find account",
-    onChange: (t) => p(t.target.value),
-    onClear: () => p("")
+    value: o,
+    placeholder: (e == null ? void 0 : e.placeholder) ?? "Find account",
+    onChange: (t) => s(t.target.value),
+    onClear: () => s("")
   }, I = [
     ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ h(
-    L,
+    M,
     {
       theme: "default",
-      search: o && C,
+      search: e && C,
       groups: f,
       items: I,
       menuItemsVirtual: g
@@ -52,5 +51,5 @@ const M = (n) => `${n} hits`, j = ({
   );
 };
 export {
-  j as AccountMenu
+  R as AccountMenu
 };

package/dist/components/Account/AccountNotificationSettings.js

@@ -2,25 +2,24 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Fieldset as d } from "../Forms/Fieldset.js";
 import { Switch as r } from "../Forms/Switch.js";
 import { TextField as i } from "../Forms/TextField.js";
-const j = ({
+const M = ({
   phone: m,
   phoneLabel: p = "Varsle på SMS",
   email: s,
   emailLabel: a = "Varsle på e-post",
-  smsAlerts: o = !1,
-  emailAlerts: l = !1,
+  smsAlerts: l = !1,
+  emailAlerts: o = !1,
   onChange: e
 }) => /* @__PURE__ */ c(d, { size: "sm", children: [
-  /* @__PURE__ */ t(r, { label: p, name: "smsAlerts", value: "SMS", checked: !!o, onChange: e }),
-  o && /* @__PURE__ */ t(i, { name: "phone", placeholder: "Mobiltelefon", value: m, onChange: e }),
-  /* @__PURE__ */ t(r, { label: a, name: "emailAlerts", value: "E-post", checked: !!l, onChange: e }),
-  l && /* @__PURE__ */ t(i, { name: "email", placeholder: "E-postadresse", value: s, onChange: e })
+  /* @__PURE__ */ t(r, { label: p, name: "smsAlerts", value: "SMS", checked: !!l, onChange: e }),
+  l && /* @__PURE__ */ t(i, { name: "phone", placeholder: "Mobiltelefon", value: m, onChange: e }),
+  /* @__PURE__ */ t(r, { label: a, name: "emailAlerts", value: "E-post", checked: !!o, onChange: e }),
+  o && /* @__PURE__ */ t(i, { name: "email", placeholder: "E-postadresse", value: s, onChange: e })
 ] });
 export {
-  j as AccountNotificationSettings
+  M as AccountNotificationSettings
 };

package/dist/components/ActivityLog/ActivityLog.js

@@ -1,15 +1,14 @@
 "use client";
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as f, createElement as m } from "react";
+import { useState as f, createElement as u } from "react";
 import "../../index-L8X2o7IH.js";
-import { Button as u } from "../Button/Button.js";
+import { Button as h } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Timeline as h } from "../Timeline/Timeline.js";
-import "../Searchbar/AutocompleteBase.js";
+import { Timeline as m } from "../Timeline/Timeline.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { ActivityLogSegment as v } from "./ActivityLogSegment.js";
-const b = ({
+const B = ({
   items: o,
   maxItems: t,
   expandLabel: i = "Expand history",
@@ -21,10 +20,10 @@ const b = ({
     c((n) => !n);
   }, d = t ? o.slice(0, t) : o, g = r ? o : d, s = t && o.length > t;
   return /* @__PURE__ */ a(y, { spacing: 4, children: [
-    /* @__PURE__ */ e(h, { children: g.map((n) => /* @__PURE__ */ m(v, { ...n, key: "activitylog-segment-" + n.id })) }),
-    s && /* @__PURE__ */ e(u, { variant: "outline", onClick: p, children: r ? l : i })
+    /* @__PURE__ */ e(m, { children: g.map((n) => /* @__PURE__ */ u(v, { ...n, key: "activitylog-segment-" + n.id })) }),
+    s && /* @__PURE__ */ e(h, { variant: "outline", onClick: p, children: r ? l : i })
   ] });
 };
 export {
-  b as ActivityLog
+  B as ActivityLog
 };

package/dist/components/ActivityLog/ActivityLogItem.js

@@ -3,10 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as e } from "../Typography/Typography.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineActivity as p } from "../Timeline/TimelineActivity.js";
-const A = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });
+const x = ({ byline: t, datetime: i, children: o, summary: c, ...m }) => o ? /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: o }) : /* @__PURE__ */ r(p, { byline: t, datetime: i, ...m, children: /* @__PURE__ */ r(e, { children: c }) });
 export {
-  A as ActivityLogItem
+  x as ActivityLogItem
 };

package/dist/components/ActivityLog/ActivityLogSegment.js

@@ -4,14 +4,13 @@ import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { TimelineSegment as f } from "../Timeline/TimelineSegment.js";
 import { Typography as l } from "../Typography/Typography.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ActivityLogItem as y } from "./ActivityLogItem.js";
-const T = ({ id: i, items: o, datetime: m, byline: p, children: e, summary: r }) => /* @__PURE__ */ n(f, { datetime: m, byline: p, spacing: 2, id: i, children: [
+const S = ({ id: i, items: o, datetime: m, byline: p, children: e, summary: r }) => /* @__PURE__ */ n(f, { datetime: m, byline: p, spacing: 2, id: i, children: [
   r && /* @__PURE__ */ c(l, { children: r }),
   e,
   o == null ? void 0 : o.map((t) => /* @__PURE__ */ g(y, { ...t, key: "activity-log-item" + t.id }))
 ] });
 export {
-  T as ActivityLogSegment
+  S as ActivityLogSegment
 };

package/dist/components/Article/Article.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 o } from "../Page/Section.js";
-const l = ({ color: r = "article", children: t }) => /* @__PURE__ */ i(o, { as: "article", color: r, spacing: 6, children: t });
+const s = ({ color: r = "article", children: t }) => /* @__PURE__ */ i(o, { as: "article", color: r, spacing: 6, children: t });
 export {
-  l as Article
+  s as Article
 };

package/dist/components/Article/ArticleContact.js

@@ -4,11 +4,10 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as c } from "../Typography/Typography.js";
 import { Heading as e } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as d } from "../Page/Section.js";
 import { ContactButtons as a } from "../Page/ContactButtons.js";
-const b = ({
+const C = ({
   color: t,
   theme: p = "subtle",
   title: o,
@@ -21,5 +20,5 @@ const b = ({
   i && /* @__PURE__ */ r(a, { items: i })
 ] });
 export {
-  b as ArticleContact
+  C as ArticleContact
 };

package/dist/components/Article/ArticleHeader.js

@@ -1,15 +1,14 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Heading as e } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
+import { Heading as t } from "../Typography/Heading.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as m } from "../Page/Section.js";
-const f = ({ title: r, children: i }) => /* @__PURE__ */ o(m, { as: "header", spacing: 2, children: [
-  /* @__PURE__ */ t(e, { size: "xl", children: r }),
+const x = ({ title: r, children: i }) => /* @__PURE__ */ o(m, { as: "header", spacing: 2, children: [
+  /* @__PURE__ */ e(t, { size: "xl", children: r }),
   i
 ] });
 export {
-  f as ArticleHeader
+  x as ArticleHeader
 };

package/dist/components/Attachment/AttachmentLink.js

@@ -5,7 +5,6 @@ import "../../index-L8X2o7IH.js";
 import * as i from "react";
 import { forwardRef as f } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { u as d } from "../../useId-BVFxCjkq.js";
 import '../../assets/AttachmentLink.css';var p = function(t, n) {
@@ -29,10 +28,10 @@ const u = f((t, n) => {
   link: b,
   label: v,
   icon: _
-}, k = ({ icon: t = u, iconAltText: n, href: l, label: e }) => /* @__PURE__ */ m("a", { href: l, className: a.link, target: "_blank", rel: "noreferrer", children: [
+}, I = ({ icon: t = u, iconAltText: n, href: l, label: e }) => /* @__PURE__ */ m("a", { href: l, className: a.link, target: "_blank", rel: "noreferrer", children: [
   /* @__PURE__ */ c(s, { svgElement: t, altText: n, className: a.icon }),
   /* @__PURE__ */ c("span", { className: a.label, children: e })
 ] });
 export {
-  k as AttachmentLink
+  I as AttachmentLink
 };

package/dist/components/Banner/Banner.js

@@ -4,7 +4,6 @@ import { c as f } from "../../index-L8X2o7IH.js";
 import * as l from "react";
 import { forwardRef as d } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { IconButton as m } from "../Button/IconButton.js";
 import { u as p } from "../../useId-BVFxCjkq.js";
@@ -33,7 +32,7 @@ const h = d((e, i) => {
   infoIcon: y
 };
 var w = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(w || {});
-const z = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r = !0 }) => /* @__PURE__ */ s(
+const R = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r = !0 }) => /* @__PURE__ */ s(
   "section",
   {
     className: f(o.banner, { [o.sticky]: r }),
@@ -59,6 +58,6 @@ const z = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r =
   }
 );
 export {
-  z as Banner,
+  R as Banner,
   w as BannerColorEnum
 };

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -2,11 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListItem as e } from "../List/ListItem.js";
 import { QueryLabel as s } from "../Searchbar/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
-const c = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PURE__ */ o(
+const I = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PURE__ */ o(
   e,
   {
     ...i,
@@ -17,5 +16,5 @@ const c = ({ loading: r, title: m, ariaLabel: t, params: p, ...i }) => /* @__PUR
   }
 );
 export {
-  c as BookmarksListItem
+  I as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -6,11 +6,10 @@ import { EditableBookmark as k } from "./EditableBookmark.js";
 import "../RootProvider/RootProvider.js";
 import { Typography as l } from "../Typography/Typography.js";
 import { Heading as x } from "../Typography/Heading.js";
-import "../Searchbar/AutocompleteBase.js";
 import { List as p } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as z } from "../Page/Section.js";
-const g = ({
+const U = ({
   loading: o,
   title: e,
   description: s,
@@ -37,5 +36,5 @@ const g = ({
   /* @__PURE__ */ i(l, { size: "xs", children: s })
 ] });
 export {
-  g as BookmarksSection
+  U as BookmarksSection
 };

package/dist/components/Bookmarks/EditableBookmark.js

@@ -7,7 +7,6 @@ import { Button as g } from "../Button/Button.js";
 import { IconButton as x } from "../Button/IconButton.js";
 import { BookmarksListItem as I } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { QueryLabel as j } from "../Searchbar/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
@@ -32,7 +31,7 @@ const R = h((t, i) => {
     o ? f.createElement("title", { id: l }, o) : null,
     f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z", clipRule: "evenodd" })
   );
-}), K = ({
+}), J = ({
   id: t,
   title: i,
   untitled: o,
@@ -90,5 +89,5 @@ const R = h((t, i) => {
   );
 };
 export {
-  K as EditableBookmark
+  J as EditableBookmark
 };

package/dist/components/Button/Button.js

@@ -1,30 +1,29 @@
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
+import { c as p } from "../../index-L8X2o7IH.js";
 import "react";
 import { ButtonBase as f } from "./ButtonBase.js";
 import { ButtonLabel as _ } from "./ButtonLabel.js";
 import { ButtonIcon as g } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Button.css';const j = "_button_o1gnh_1", y = "_label_o1gnh_19", r = {
   button: j,
   label: y
-}, D = ({
+}, C = ({
   variant: n = "solid",
   color: s,
   size: m,
-  selected: i = !1,
-  icon: u,
+  selected: u = !1,
+  icon: i,
   iconSize: d,
   href: e,
   label: a,
   labelSize: o,
   children: l,
-  className: p,
+  className: b,
   loading: B,
   ariaLabel: h,
-  ...b
+  ...c
 }) => B ? /* @__PURE__ */ t(
   f,
   {
@@ -32,10 +31,10 @@ import '../../assets/Button.css';const j = "_button_o1gnh_1", y = "_label_o1gnh_
     "aria-busy": !0,
     color: s,
     size: m,
-    selected: i,
+    selected: u,
     href: e,
-    className: c(r.button, p),
-    ...b,
+    className: p(r.button, b),
+    ...c,
     disabled: !0,
     children: /* @__PURE__ */ t(_, { size: o, children: l || a })
   }
@@ -46,16 +45,16 @@ import '../../assets/Button.css';const j = "_button_o1gnh_1", y = "_label_o1gnh_
     color: s,
     size: m,
     ariaLabel: h,
-    selected: i,
+    selected: u,
     href: e,
-    className: c(r.button, p),
-    ...b,
+    className: p(r.button, b),
+    ...c,
     children: [
-      u && /* @__PURE__ */ t(g, { icon: u, size: d || o }),
+      i && /* @__PURE__ */ t(g, { icon: i, size: d || o }),
       /* @__PURE__ */ t(_, { className: r.label, size: o, children: l || a })
     ]
   }
 );
 export {
-  D as Button
+  C as Button
 };

package/dist/components/Button/ButtonGroup.js

@@ -2,10 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as i } from "../Page/Flex.js";
-const a = ({ color: o, size: r, children: t, ...p }) => /* @__PURE__ */ m(i, { spacing: 3, color: o, size: r, ...p, children: t });
+const f = ({ color: o, size: r, children: t, ...p }) => /* @__PURE__ */ m(i, { spacing: 3, color: o, size: r, ...p, children: t });
 export {
-  a as ButtonGroup
+  f as ButtonGroup
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,11 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import { isValidElement as n } from "react";
-import { isIconProps as i, Icon as o } from "../Icon/Icon.js";
-import { isAvatarProps as c, Avatar as _ } from "../Avatar/Avatar.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as n } from "../../index-L8X2o7IH.js";
+import { isValidElement as m } from "react";
+import { isIconProps as c, Icon as o } from "../Icon/Icon.js";
+import { isAvatarProps as i, Avatar as _ } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as l, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ButtonIcon.css';const v = "_wrapper_1tenp_1", u = "_icon_1tenp_8", G = "_avatar_1tenp_32", N = "_avatarGroup_1tenp_36", t = {
   wrapper: v,
@@ -13,10 +12,10 @@ import '../../assets/ButtonIcon.css';const v = "_wrapper_1tenp_1", u = "_icon_1t
   avatar: G,
   avatarGroup: N
 };
-function d(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || n(r);
+function d(a) {
+  return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || m(a);
 }
-const h = ({ icon: r, size: p, iconAltText: s, className: e }) => /* @__PURE__ */ a("span", { className: m(t.wrapper, e), "data-size": p, "aria-label": s, children: c(r) && /* @__PURE__ */ a(_, { ...r, className: t.avatar }) || l(r) && /* @__PURE__ */ a(f, { ...r, className: t.avatarGroup }) || i(r) && /* @__PURE__ */ a(o, { ...r, className: t.icon }) || d(r) && r || /* @__PURE__ */ a(o, { svgElement: r, className: t.icon }) });
+const E = ({ icon: a, size: p, iconAltText: s, className: e }) => /* @__PURE__ */ r("span", { className: n(t.wrapper, e), "data-size": p, "aria-label": s, children: i(a) && /* @__PURE__ */ r(_, { ...a, className: t.avatar }) || l(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || c(a) && /* @__PURE__ */ r(o, { ...a, className: t.icon }) || d(a) && a || /* @__PURE__ */ r(o, { svgElement: a, className: t.icon }) });
 export {
-  h as ButtonIcon
+  E as ButtonIcon
 };