@altinn/altinn-components 0.28.1 → 0.29.0

package/dist/components/Button/ComboButton.js

@@ -1,42 +1,58 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { c as y } from "../../index-L8X2o7IH.js";
-import { ButtonBase as t } from "./ButtonBase.js";
-import { ButtonIcon as b } from "./ButtonIcon.js";
-import { ButtonLabel as f } from "./ButtonLabel.js";
-import '../../assets/ComboButton.css';const v = "_button_d26a8_1", x = "_divider_d26a8_7", B = "_primary_d26a8_14", N = "_secondary_d26a8_15", a = {
-  button: v,
-  divider: x,
-  primary: B,
-  secondary: N
-}, L = ({
-  variant: n = "solid",
-  color: s,
-  size: o = "md",
-  selected: d = !1,
-  icon: c,
-  children: i,
-  className: m,
-  ariaLabel: e,
-  onLabelClick: l,
-  onIconClick: _,
-  iconAltText: p
-}) => /* @__PURE__ */ u(
-  t,
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { c as k } from "../../index-L8X2o7IH.js";
+import "react";
+import { ButtonBase as s } from "./ButtonBase.js";
+import { ButtonLabel as v } from "./ButtonLabel.js";
+import { ButtonIcon as x } from "./ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/ComboButton.css';const B = "_button_kd2d3_1", h = "_divider_kd2d3_7", N = "_primary_kd2d3_14", C = "_secondary_kd2d3_15", r = {
+  button: B,
+  divider: h,
+  primary: N,
+  secondary: C
+}, E = ({
+  variant: a = "solid",
+  color: n,
+  size: t,
+  selected: e = !1,
+  icon: i,
+  iconSize: m,
+  iconAltText: c,
+  label: p,
+  labelSize: d,
+  children: l,
+  className: _,
+  ariaLabel: u,
+  onLabelClick: y,
+  onIconClick: b
+}) => /* @__PURE__ */ f(
+  s,
   {
     as: "div",
-    size: o,
-    variant: n,
-    color: s,
-    selected: d,
-    className: y(a.button, m),
+    size: t,
+    variant: a,
+    color: n,
+    selected: e,
+    className: k(r.button, _),
     tabIndex: -1,
     children: [
-      /* @__PURE__ */ r(t, { ariaLabel: e, size: o, onClick: l, className: a.primary, children: /* @__PURE__ */ r(f, { size: o, children: i }) }),
-      /* @__PURE__ */ r("span", { "data-size": o, className: a.divider }),
-      /* @__PURE__ */ r(t, { size: o, onClick: _, className: a.secondary, ariaLabel: p, children: /* @__PURE__ */ r(b, { icon: c, size: o }) })
+      /* @__PURE__ */ o(s, { ariaLabel: u, size: t, onClick: y, className: r.primary, children: /* @__PURE__ */ o(v, { size: d, children: l || p }) }),
+      /* @__PURE__ */ o("span", { "data-size": t, className: r.divider }),
+      /* @__PURE__ */ o(
+        s,
+        {
+          onClick: b,
+          className: r.secondary,
+          ariaLabel: c,
+          size: m || d,
+          children: i && /* @__PURE__ */ o(x, { icon: i })
+        }
+      )
     ]
   }
 );
 export {
-  L as ComboButton
+  E as ComboButton
 };

package/dist/components/Button/IconButton.js

@@ -1,34 +1,38 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import { ButtonBase as b } from "./ButtonBase.js";
-import { ButtonIcon as d } from "./ButtonIcon.js";
-import '../../assets/IconButton.css';const p = "_button_hmev5_1", f = {
-  button: p
-}, I = ({
-  variant: n = "solid",
-  size: t = "md",
-  icon: r,
-  color: s,
-  iconSize: m,
-  className: a,
-  selected: c,
-  onClick: e,
-  dataTestId: i,
-  iconAltText: u
+import "../../index-L8X2o7IH.js";
+import "react";
+import { ButtonBase as f } from "./ButtonBase.js";
+import { ButtonIcon as u } from "./ButtonIcon.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+const g = ({
+  variant: r = "solid",
+  rounded: i = !1,
+  size: m,
+  icon: t,
+  iconSize: p,
+  iconAltText: e,
+  color: a,
+  className: n,
+  selected: s,
+  onClick: l,
+  dataTestId: d
 }) => /* @__PURE__ */ o(
-  b,
+  f,
   {
-    variant: n,
-    color: s,
-    size: t,
-    className: l(f.button, a),
-    onClick: e,
-    selected: c,
-    "data-testid": i,
-    "aria-label": u,
-    children: /* @__PURE__ */ o(d, { icon: r, size: m || t })
+    variant: r,
+    rounded: i,
+    color: a,
+    size: m,
+    className: n,
+    onClick: l,
+    selected: s,
+    "data-testid": d,
+    "aria-label": e,
+    children: t && /* @__PURE__ */ o(u, { icon: t, size: p })
   }
 );
 export {
-  I as IconButton
+  g as IconButton
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,69 +1,66 @@
 "use client";
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import { c as O } from "../../index-L8X2o7IH.js";
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { c as v } from "../../index-L8X2o7IH.js";
 import * as a from "react";
-import { forwardRef as h, useRef as w, useMemo as y } from "react";
-import { IconButton as I } from "../Button/IconButton.js";
-import { useClickOutside as _ } from "../../hooks/useClickOutside.js";
-import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
-import { MenuItems as C } from "../Menu/MenuItems.js";
-import { useRootContext as R } from "../RootProvider/RootProvider.js";
+import { forwardRef as O, useRef as b, useMemo as h } from "react";
+import { IconButton as w } from "../Button/IconButton.js";
+import { useClickOutside as y } from "../../hooks/useClickOutside.js";
+import { DropdownBase as I } from "../Dropdown/DropdownBase.js";
+import { MenuItems as j } from "../Menu/MenuItems.js";
+import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as E } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var M = function(e, l) {
-  var n = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (n[t[o]] = e[t[o]]);
-  return n;
+import { u as _ } from "../../useId-BVFxCjkq.js";
+import '../../assets/ContextMenu.css';var R = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
+      n.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+  return r;
 };
-const k = h((e, l) => {
-  var { title: n, titleId: t } = e, o = M(e, ["title", "titleId"]);
-  let r = E();
-  return r = n ? t || "title-" + r : void 0, a.createElement(
+const E = O((t, n) => {
+  var { title: r, titleId: e } = t, o = R(t, ["title", "titleId"]);
+  let l = _();
+  return l = r ? e || "title-" + l : 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: l, "aria-labelledby": r }, o),
-    n ? a.createElement("title", { id: r }, n) : 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: n, "aria-labelledby": l }, o),
+    r ? a.createElement("title", { id: l }, r) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), B = "_toggle_nol5i_1", P = "_button_nol5i_5", f = {
-  toggle: B,
-  button: P
-}, G = ({
-  id: e = "context-menu",
-  placement: l = "right",
-  size: n = "sm",
-  groups: t = {},
-  className: o,
-  items: r
+}), M = "_toggle_nol5i_1", k = {
+  toggle: M
+}, q = ({
+  id: t = "context-menu",
+  placement: n = "right",
+  groups: r = {},
+  className: e,
+  items: o
 }) => {
-  const { currentId: p, toggleId: d, closeAll: c } = R(), u = w(null);
-  _(u, () => c());
-  const g = () => d(e), b = p === e, x = y(() => r.map((i) => ({
+  const { currentId: l, toggleId: f, closeAll: c } = C(), m = b(null);
+  y(m, () => c());
+  const d = () => f(t), p = l === t, g = h(() => o.map((i) => ({
     ...i,
     onClick: () => {
-      var m;
-      (m = i.onClick) == null || m.call(i), c();
+      var u;
+      (u = i.onClick) == null || u.call(i), c();
     }
-  })), [r, c]);
-  return /* @__PURE__ */ v("div", { className: O(f.toggle, o), "data-color": "neutral", ref: u, children: [
+  })), [o, c]);
+  return /* @__PURE__ */ x("div", { className: v(k.toggle, e), "data-color": "neutral", ref: m, children: [
     /* @__PURE__ */ s(
-      I,
+      w,
       {
-        className: f.button,
-        size: n,
-        icon: k,
+        size: "xs",
+        rounded: !0,
+        icon: E,
         variant: "text",
-        color: "neutral",
-        onClick: g,
-        iconAltText: `Open ${e}`
+        onClick: d,
+        iconAltText: `Open ${t}`
       }
     ),
-    /* @__PURE__ */ s(j, { placement: l, open: b, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
+    /* @__PURE__ */ s(I, { placement: n, open: p, children: /* @__PURE__ */ s(j, { groups: r, items: g }) })
   ] });
 };
 export {
-  G as ContextMenu
+  q as ContextMenu
 };

package/dist/components/Forms/SearchField.js

@@ -0,0 +1,34 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Icon as p } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Input as _ } from "./Input.js";
+import { FieldBase as f } from "./FieldBase.js";
+import { S as d } from "../../MagnifyingGlass-3Ln1MufI.js";
+import { S as g } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/SearchField.css';const u = "_field_5zm0g_1", h = "_icon_5zm0g_5", I = "_input_5zm0g_14", z = "_clear_5zm0g_24", N = "_clearIcon_5zm0g_48", c = {
+  field: u,
+  icon: h,
+  input: I,
+  clear: z,
+  clearIcon: N
+}, E = ({
+  className: t,
+  size: i,
+  color: n = "neutral",
+  label: a,
+  value: o,
+  onClear: e,
+  clearButtonAltText: s = "Clear search",
+  ...l
+}) => /* @__PURE__ */ r(f, { size: i, color: n, label: a, className: t, children: /* @__PURE__ */ m("div", { className: c.field, children: [
+  /* @__PURE__ */ r(_, { ...l, type: "search", value: o, className: c.input }),
+  /* @__PURE__ */ r(p, { svgElement: d, className: c.icon }),
+  e && !!o && /* @__PURE__ */ r("button", { type: "button", className: c.clear, onClick: e, "aria-label": s, children: /* @__PURE__ */ r(g, { className: c.clearIcon }) })
+] }) });
+export {
+  E as SearchField
+};

package/dist/components/Forms/index.js

@@ -6,34 +6,36 @@ import { Input as d } from "./Input.js";
 import { Textarea as s } from "./Textarea.js";
 import { Select as c } from "./Select.js";
 import { Radio as h } from "./Radio.js";
-import { Checkbox as S } from "./Checkbox.js";
+import { Checkbox as O } from "./Checkbox.js";
 import { Switch as B } from "./Switch.js";
 import { FieldBase as k } from "./FieldBase.js";
 import { TextField as C } from "./TextField.js";
 import { TextareaField as R } from "./TextareaField.js";
 import { SelectField as u } from "./SelectField.js";
-import { FieldsetBase as j } from "./FieldsetBase.js";
-import { OptionsBase as v } from "./OptionsBase.js";
-import { RadioOptions as z } from "./RadioOptions.js";
-import { SwitchOptions as D } from "./SwitchOptions.js";
-import { CheckboxOptions as G } from "./CheckboxOptions.js";
+import { SearchField as j } from "./SearchField.js";
+import { FieldsetBase as v } from "./FieldsetBase.js";
+import { OptionsBase as z } from "./OptionsBase.js";
+import { RadioOptions as D } from "./RadioOptions.js";
+import { SwitchOptions as G } from "./SwitchOptions.js";
+import { CheckboxOptions as J } from "./CheckboxOptions.js";
 export {
-  S as Checkbox,
-  G as CheckboxOptions,
+  O as Checkbox,
+  J as CheckboxOptions,
   r as Field,
   k as FieldBase,
   p as Fieldset,
-  j as FieldsetBase,
+  v as FieldsetBase,
   d as Input,
   i as Label,
   f as Legend,
-  v as OptionsBase,
+  z as OptionsBase,
   h as Radio,
-  z as RadioOptions,
+  D as RadioOptions,
+  j as SearchField,
   c as Select,
   u as SelectField,
   B as Switch,
-  D as SwitchOptions,
+  G as SwitchOptions,
   C as TextField,
   s as Textarea,
   R as TextareaField

package/dist/components/GlobalMenu/CurrentAccount.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MenuItem as o } from "../Menu/MenuItem.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Button as p } from "../Button/Button.js";
+import { S as s } from "../../ChevronRight-BbelnTke.js";
+const y = ({ account: r, as: m, onClick: t, linkText: i }) => /* @__PURE__ */ e(
+  o,
+  {
+    id: "account",
+    size: "lg",
+    as: m,
+    onClick: t,
+    controls: i && /* @__PURE__ */ e(p, { as: "div", icon: s, reverse: !0, variant: "outline", size: "xs", children: i }),
+    icon: {
+      name: r.name,
+      type: r.type
+    },
+    title: { children: r == null ? void 0 : r.name, size: "sm", weight: "medium" },
+    description: r == null ? void 0 : r.description
+  }
+);
+export {
+  y as CurrentAccount
+};

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,95 +1,90 @@
 "use client";
-import { jsxs as p, jsx as i, Fragment as g } from "react/jsx-runtime";
+import { jsxs as p, jsx as r, Fragment as y } from "react/jsx-runtime";
 import { useState as w, useMemo as z } from "react";
 import "../../index-L8X2o7IH.js";
+import { AccountMenu as D } from "../Account/AccountMenu.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as D } from "./AccountMenu.js";
-import { AccountButton as J } from "./AccountButton.js";
+import { CurrentAccount as J } from "./CurrentAccount.js";
 import { BackButton as K } from "./BackButton.js";
-import { LogoutButton as v } from "./LogoutButton.js";
-import { EndUserLabel as x } from "./EndUserLabel.js";
+import { LogoutButton as T } from "./LogoutButton.js";
+import { EndUserLabel as j } from "./EndUserLabel.js";
 import "../Searchbar/AutocompleteBase.js";
+import { MenuListItem as h } from "../Menu/MenuBase.js";
+import { Menu as B } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as d } from "../Menu/MenuBase.js";
-import { Menu as G } from "../Menu/Menu.js";
-import { GlobalMenuBase as f, GlobalMenuHeader as L, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
-const U = ({
-  accounts: n = [],
-  accountGroups: B = {},
-  accountSearch: T,
-  items: c = [],
-  groups: k,
-  changeLabel: j = "Change",
-  backLabel: F = "Back",
-  currentAccount: e,
-  currentEndUserLabel: l = "Signed in",
-  onSelectAccount: o,
-  onClose: r,
-  logoutButton: t,
-  menuItemsVirtual: H
+import { GlobalMenuBase as s, GlobalMenuHeader as L, GlobalMenuFooter as F } from "./GlobalMenuBase.js";
+const c = ({
+  accountMenu: l,
+  items: k = [],
+  groups: g,
+  changeLabel: H = "Change",
+  backLabel: M = "Back",
+  currentAccount: d,
+  currentEndUserLabel: t = "Signed in",
+  onSelectAccount: f,
+  onClose: m,
+  logoutButton: e
 }) => {
-  const [S, W] = w(!1), h = () => {
-    W((a) => !a);
-  }, q = (a) => {
-    h(), r == null || r(), o == null || o(a);
-  }, s = z(() => c.map((a) => ({
-    ...a,
+  var x;
+  const [S, W] = w(!1), o = () => {
+    W((i) => !i);
+  }, q = (i) => {
+    o(), m == null || m(), f == null || f(i);
+  }, v = z(() => k.map((i) => ({
+    ...i,
     onClick: () => {
-      var m;
-      (m = a.onClick) == null || m.call(a), r == null || r();
+      var a;
+      (a = i.onClick) == null || a.call(i), m == null || m();
     },
-    items: Array.isArray(a.items) ? a.items.map((m) => ({
-      ...m,
+    items: Array.isArray(i.items) ? i.items.map((a) => ({
+      ...a,
       onClick: () => {
-        var M;
-        (M = m.onClick) == null || M.call(m), r == null || r();
+        var G;
+        (G = a.onClick) == null || G.call(a), m == null || m();
       }
     })) : void 0
-  })), [c, r]);
-  return S ? /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(K, { onClick: h, label: F }) }),
-    /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
-    /* @__PURE__ */ i(
-      D,
-      {
-        currentAccount: e,
-        accounts: n,
-        accountGroups: B,
-        accountSearch: T,
-        onSelectAccount: q,
-        menuItemsVirtual: H
-      }
-    )
-  ] }) : e ? /* @__PURE__ */ p(f, { color: e == null ? void 0 : e.type, children: [
-    /* @__PURE__ */ i(
-      J,
-      {
-        account: e,
-        linkText: j,
-        multipleAccounts: n.length > 1,
-        onClick: h
-      }
-    ),
-    /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
-    /* @__PURE__ */ i(G, { groups: k, items: s, theme: "default" }),
-    t && /* @__PURE__ */ p(g, { children: [
-      /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
-      /* @__PURE__ */ p(y, { children: [
-        l && /* @__PURE__ */ i(x, { children: l }),
-        /* @__PURE__ */ i(v, { ...t })
+  })), [k, m]);
+  if (S)
+    return /* @__PURE__ */ p(s, { children: [
+      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(K, { onClick: o, label: M }) }),
+      /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
+      l && /* @__PURE__ */ r(D, { ...l, currentAccount: d, onSelectAccount: q })
+    ] });
+  if (d) {
+    const i = l && ((x = l == null ? void 0 : l.items) == null ? void 0 : x.length) > 1;
+    return /* @__PURE__ */ p(s, { color: d == null ? void 0 : d.type, children: [
+      /* @__PURE__ */ r(
+        J,
+        {
+          account: d,
+          linkText: H,
+          multipleAccounts: i,
+          as: i ? "button" : "div",
+          onClick: i ? o : void 0
+        }
+      ),
+      /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
+      /* @__PURE__ */ r(B, { groups: g, items: v, theme: "default" }),
+      e && /* @__PURE__ */ p(y, { children: [
+        /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
+        /* @__PURE__ */ p(F, { children: [
+          t && /* @__PURE__ */ r(j, { children: t }),
+          /* @__PURE__ */ r(T, { ...e })
+        ] })
       ] })
-    ] })
-  ] }) : /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ i(G, { groups: k, items: s }),
-    t && /* @__PURE__ */ p(g, { children: [
-      /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
-      /* @__PURE__ */ p(y, { children: [
-        l && /* @__PURE__ */ i(x, { children: l }),
-        /* @__PURE__ */ i(v, { ...t })
+    ] });
+  }
+  return /* @__PURE__ */ p(s, { children: [
+    /* @__PURE__ */ r(B, { groups: g, items: v }),
+    e && /* @__PURE__ */ p(y, { children: [
+      /* @__PURE__ */ r(h, { as: "div", role: "separator" }),
+      /* @__PURE__ */ p(F, { children: [
+        t && /* @__PURE__ */ r(j, { children: t }),
+        /* @__PURE__ */ r(T, { ...e })
       ] })
     ] })
   ] });
 };
 export {
-  U as GlobalMenu
+  c as GlobalMenu
 };

package/dist/components/GlobalMenu/index.js

@@ -1,14 +1,12 @@
-import { AccountMenu as r } from "./AccountMenu.js";
+import { CurrentAccount as t } from "./CurrentAccount.js";
 import { GlobalMenu as n } from "./GlobalMenu.js";
-import { AccountButton as f } from "./AccountButton.js";
-import { BackButton as p } from "./BackButton.js";
-import { LogoutButton as c } from "./LogoutButton.js";
+import { BackButton as f } from "./BackButton.js";
+import { LogoutButton as p } from "./LogoutButton.js";
 import { EndUserLabel as a } from "./EndUserLabel.js";
 export {
-  f as AccountButton,
-  r as AccountMenu,
-  p as BackButton,
+  f as BackButton,
+  t as CurrentAccount,
   a as EndUserLabel,
   n as GlobalMenu,
-  c as LogoutButton
+  p as LogoutButton
 };

package/dist/components/Header/HeaderButton.js

@@ -5,9 +5,9 @@ import { Avatar as I } from "../Avatar/Avatar.js";
 import { AvatarGroup as y } from "../Avatar/AvatarGroup.js";
 import { Badge as f } from "../Badge/Badge.js";
 import { ButtonBase as u } from "../Button/ButtonBase.js";
-import { Icon as b } from "../Icon/Icon.js";
 import * as _ from "react";
 import { forwardRef as v } from "react";
+import { Icon as b } from "../Icon/Icon.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";