@altinn/altinn-components 0.52.3 → 0.52.4

package/dist/components/Page/AccordionSection.js

@@ -1,15 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsx as r } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { Typography as n } from "../Typography/Typography.js";
+import { Typography as e } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { PageDetails as c } from "./PageDetails.js";
-import { Section as e } from "./Section.js";
-const x = ({ items: r }) => /* @__PURE__ */ o(e, { children: r == null ? void 0 : r.map((t) => {
-  const { id: i, title: p, children: m } = t;
-  return /* @__PURE__ */ o(c, { summary: p, children: /* @__PURE__ */ o(n, { children: m }) }, i);
+import { PageDetails as n } from "./PageDetails.js";
+import { Section as c } from "./Section.js";
+const g = ({ items: o }) => /* @__PURE__ */ r(c, { children: o?.map((t) => {
+  const { id: i, title: m, children: p } = t;
+  return /* @__PURE__ */ r(n, { summary: m, children: /* @__PURE__ */ r(e, { children: p }) }, i);
 }) });
 export {
-  x as AccordionSection
+  g as AccordionSection
 };

package/dist/components/Page/Breadcrumbs.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import { Icon as f } from "../Icon/Icon.js";
-import c, { forwardRef as d } from "react";
+import s, { forwardRef as d } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { BreadcrumbsLink as s } from "./BreadcrumbsLink.js";
+import { BreadcrumbsLink as c } from "./BreadcrumbsLink.js";
 import { u as p } from "../../useId-BVFxCjkq.js";
 import '../../assets/Breadcrumbs.css';var u = function(e, n) {
   var r = {};
@@ -17,23 +17,23 @@ import '../../assets/Breadcrumbs.css';var u = function(e, n) {
 };
 const h = d((e, n) => {
   var { title: r, titleId: t } = e, l = u(e, ["title", "titleId"]);
-  let i = p();
-  return i = r ? t || "title-" + i : void 0, c.createElement(
+  let o = p();
+  return o = r ? t || "title-" + o : void 0, s.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: n, "aria-labelledby": i }, l),
-    r ? c.createElement("title", { id: i }, r) : null,
-    c.createElement("path", { fill: "currentColor", d: "M14.088 6.873a.75.75 0 0 1 .942.097l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H5a.75.75 0 0 1-.75-.74V12a.75.75 0 0 1 .75-.75h12.19l-3.22-3.22a.75.75 0 0 1 .118-1.157" })
+    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": o }, l),
+    r ? s.createElement("title", { id: o }, r) : null,
+    s.createElement("path", { fill: "currentColor", d: "M14.088 6.873a.75.75 0 0 1 .942.097l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H5a.75.75 0 0 1-.75-.74V12a.75.75 0 0 1 .75-.75h12.19l-3.22-3.22a.75.75 0 0 1 .118-1.157" })
   );
 }), _ = "_list_tknjf_1", b = "_item_tknjf_12", g = "_icon_tknjf_18", a = {
   list: _,
   item: b,
   icon: g
-}, k = ({ items: e = [] }) => /* @__PURE__ */ o("ul", { className: a.list, children: e.map((n, r) => {
+}, k = ({ items: e = [] }) => /* @__PURE__ */ i("ul", { className: a.list, children: e.map((n, r) => {
   const { label: t, ...l } = n;
-  return (e == null ? void 0 : e.length) > r + 1 ? /* @__PURE__ */ m("li", { className: a.item, children: [
-    /* @__PURE__ */ o(s, { ...l, children: t }),
-    /* @__PURE__ */ o(f, { svgElement: h, className: a.icon })
-  ] }, r) : /* @__PURE__ */ o("li", { className: a.item, children: /* @__PURE__ */ o(s, { ...l, as: "span", children: t }) }, r);
+  return e?.length > r + 1 ? /* @__PURE__ */ m("li", { className: a.item, children: [
+    /* @__PURE__ */ i(c, { ...l, children: t }),
+    /* @__PURE__ */ i(f, { svgElement: h, className: a.icon })
+  ] }, r) : /* @__PURE__ */ i("li", { className: a.item, children: /* @__PURE__ */ i(c, { ...l, as: "span", children: t }) }, r);
 }) });
 export {
   k as Breadcrumbs

package/dist/components/Page/BreadcrumbsLink.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
+import { c as l } from "../../index-p1eeF8LQ.js";
 import '../../assets/BreadcrumbsLink.css';const m = "_link_afpoj_1", p = {
   link: m
 }, x = ({

package/dist/components/Page/ContactButtons.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { createElement as e } from "react";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import { Button as i } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Page/ContactSection.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Typography as a } from "../Typography/Typography.js";
 import { Heading as s } from "../Typography/Heading.js";

package/dist/components/Page/Flex.js

@@ -1,5 +1,5 @@
 import { jsx as b } from "react/jsx-runtime";
-import { c as h } from "../../index-L8X2o7IH.js";
+import { c as h } from "../../index-p1eeF8LQ.js";
 import '../../assets/Flex.css';const j = "_flex_1b3x8_1", u = {
   flex: j
 }, C = ({

package/dist/components/Page/Grid.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
+import { c as p } from "../../index-p1eeF8LQ.js";
 import '../../assets/Grid.css';const g = "_grid_aha67_1", l = {
   grid: g
 }, h = ({

package/dist/components/Page/PageDetails.js

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { D as a, a as i, b as o } from "../../index-D3Rt9ate.js";
-const n = ({ summary: t, children: s }) => /* @__PURE__ */ r(a, { style: { fontSize: "1.125rem" }, children: [
-  /* @__PURE__ */ e(i, { children: t }),
-  /* @__PURE__ */ e(o, { children: s })
+import { D as a, a as o, b as i } from "../../index-Q0EA2XB0.js";
+const l = ({ summary: t, children: s }) => /* @__PURE__ */ r(a, { style: { fontSize: "1.125rem" }, children: [
+  /* @__PURE__ */ e(o, { children: t }),
+  /* @__PURE__ */ e(i, { children: s })
 ] });
 export {
-  n as PageDetails
+  l as PageDetails
 };

package/dist/components/Page/PageMenu.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as r } from "../Menu/MenuItem.js";

package/dist/components/Page/PageNav.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import a, { forwardRef as f } from "react";
-import { Button as m } from "../Button/Button.js";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import a, { forwardRef as s } from "react";
+import { Button as f } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as c } from "./Flex.js";
+import { Flex as m } from "./Flex.js";
 import { Breadcrumbs as d } from "./Breadcrumbs.js";
 import { u as p } from "../../useId-BVFxCjkq.js";
 import '../../assets/PageNav.css';var u = function(t, o) {
@@ -16,18 +16,18 @@ import '../../assets/PageNav.css';var u = function(t, o) {
       o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const v = f((t, o) => {
+const b = s((t, o) => {
   var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
-  let i = p();
-  return i = l ? e || "title-" + i : void 0, a.createElement(
+  let n = p();
+  return n = l ? e || "title-" + n : 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": i }, r),
-    l ? a.createElement("title", { id: i }, l) : 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: o, "aria-labelledby": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
     a.createElement("path", { fill: "currentColor", d: "M8.97 6.97a.75.75 0 1 1 1.06 1.06l-3.22 3.22H19a.75.75 0 0 1 0 1.5H6.81l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06z" })
   );
-}), w = "_controls_9bu1z_7", g = {
-  controls: w
-}, P = ({
+}), v = "_controls_9bu1z_7", w = {
+  controls: v
+}, E = ({
   color: t,
   padding: o,
   breadcrumbs: l,
@@ -36,10 +36,10 @@ const v = f((t, o) => {
     label: "Back"
   },
   controls: r
-}) => /* @__PURE__ */ s(c, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: o, children: [
-  l ? /* @__PURE__ */ n(d, { items: l }) : /* @__PURE__ */ n(m, { ...e, variant: "text", size: "sm", icon: v, children: (e == null ? void 0 : e.label) || "Back" }),
-  r && /* @__PURE__ */ n("div", { className: g.controls, children: r })
+}) => /* @__PURE__ */ c(m, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: o, children: [
+  l ? /* @__PURE__ */ i(d, { items: l }) : /* @__PURE__ */ i(f, { ...e, variant: "text", size: "sm", icon: b, children: e?.label || "Back" }),
+  r && /* @__PURE__ */ i("div", { className: w.controls, children: r })
 ] });
 export {
-  P as PageNav
+  E as PageNav
 };

package/dist/components/Page/PageTabs.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as l } from "../Menu/MenuItem.js";

package/dist/components/Page/Section.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
+import { c as m } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/RootProvider/RootProvider.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as v } from "react/jsx-runtime";
-import { createContext as p, useState as C, useContext as x } from "react";
-import { useEscapeKey as f } from "../../hooks/useEscapeKey.js";
-import "../../index-L8X2o7IH.js";
-import { SnackbarProvider as i } from "../Snackbar/useSnackbar.js";
-const P = {
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as C, useState as a, useContext as g } from "react";
+import { useEscapeKey as p } from "../../hooks/useEscapeKey.js";
+import "../../index-p1eeF8LQ.js";
+import { SnackbarProvider as x } from "../Snackbar/useSnackbar.js";
+const f = {
   currentId: "",
   previousId: "",
   debug: !1,
@@ -15,42 +15,42 @@ const P = {
     console.warn("setPreviousId called outside of RootProvider context");
   },
   languageCode: "nb"
-}, g = p(P), A = ({ children: s, initialValue: o, debug: n, languageCode: t }) => {
-  const [d, c] = C((o == null ? void 0 : o.currentId) || ""), [u, r] = C((o == null ? void 0 : o.previousId) || "");
-  return /* @__PURE__ */ v(
-    g.Provider,
+}, I = C(f), A = ({ children: n, initialValue: e, debug: s, languageCode: t }) => {
+  const [u, d] = a(e?.currentId || ""), [c, r] = a(e?.previousId || "");
+  return /* @__PURE__ */ l(
+    I.Provider,
     {
       value: {
-        currentId: d,
-        setCurrentId: c,
+        currentId: u,
+        setCurrentId: d,
         setPreviousId: r,
-        previousId: u,
-        debug: n,
+        previousId: c,
+        debug: s,
         languageCode: t
       },
-      children: /* @__PURE__ */ v(i, { children: s })
+      children: /* @__PURE__ */ l(x, { children: n })
     }
   );
 }, E = () => {
-  const s = x(g);
-  if (!s)
+  const n = g(I);
+  if (!n)
     throw new Error("useRootContext must be used within a RootProvider.");
-  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: d, previousId: c, languageCode: u } = s, r = (e) => {
-    o && d(o), n(e);
-  }, l = (e) => {
-    t && console.debug(`useRootContext: toggleId called with value: ${e}`), r(o === e ? "" : e);
-  }, I = () => {
+  const { currentId: e, setCurrentId: s, debug: t, setPreviousId: u, previousId: d, languageCode: c } = n, r = (o) => {
+    e && u(e), s(o);
+  }, v = (o) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${o}`), r(e === o ? "" : o);
+  }, i = () => {
     t && console.debug("useRootContext: closeAll called"), r("");
   };
-  return f(I), {
-    currentId: o,
-    previousId: c,
-    toggleId: l,
-    closeAll: I,
-    openId: (e) => {
-      t && console.debug(`useRootContext: openId called with value: ${e}`), r(e);
+  return p(i), {
+    currentId: e,
+    previousId: d,
+    toggleId: v,
+    closeAll: i,
+    openId: (o) => {
+      t && console.debug(`useRootContext: openId called with value: ${o}`), r(o);
     },
-    languageCode: u
+    languageCode: c
   };
 };
 export {

package/dist/components/Search/SearchItem.js

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

package/dist/components/Searchbar/Autocomplete.js

@@ -1,56 +1,53 @@
-import { jsx as e, jsxs as P } from "react/jsx-runtime";
-import { useRef as y, Fragment as F } from "react";
-import "../../index-L8X2o7IH.js";
-import { useMenu as H } from "../../hooks/useMenu.js";
+import { jsx as e, jsxs as B } from "react/jsx-runtime";
+import { useRef as C, Fragment as P } from "react";
+import "../../index-p1eeF8LQ.js";
+import { useMenu as k } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuHeader as K } from "../Menu/MenuHeader.js";
-import { MenuList as R, MenuListItem as n } from "../Menu/MenuBase.js";
-import { AutocompleteBase as _ } from "./AutocompleteBase.js";
-import { AutocompleteItem as b } from "./AutocompleteItem.js";
+import { MenuHeader as y } from "../Menu/MenuHeader.js";
+import { MenuList as F, MenuListItem as r } from "../Menu/MenuBase.js";
+import { AutocompleteBase as H } from "./AutocompleteBase.js";
+import { AutocompleteItem as K } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
-const T = ({
+const O = ({
   className: u,
-  items: f,
+  items: d,
   id: l,
-  groups: x = {},
-  expanded: h,
-  keyboardEvents: s,
-  onSelect: r
+  groups: a = {},
+  expanded: f,
+  keyboardEvents: t,
+  onSelect: n
 }) => {
-  const p = y(null), { menu: M, setActiveIndex: I } = H({
-    items: f,
-    groups: x,
+  const p = C(null), { menu: x, setActiveIndex: h } = k({
+    items: d,
+    groups: a,
     groupByKey: "groupId",
-    keyboardEvents: s,
-    onSelect: r,
+    keyboardEvents: t,
+    onSelect: n,
     ref: p
   });
-  return /* @__PURE__ */ e(_, { className: u, expanded: h, ref: p, id: l, children: /* @__PURE__ */ e(R, { role: "menu", children: M.map((t, d) => {
-    const v = (t == null ? void 0 : t.props) || {}, { title: c, divider: A = !0 } = v;
-    return /* @__PURE__ */ P(F, { children: [
-      d && A ? /* @__PURE__ */ e(n, { role: "separator" }) : "",
-      c && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(K, { title: c }) }),
-      t == null ? void 0 : t.items.filter((o) => {
-        var m;
-        return !((m = o.props) != null && m.hidden);
-      }).map((o, m) => {
-        const { active: L, onMouseEnter: j } = o, { groupId: q, onClick: i, ...a } = o.props || {}, { expanded: B } = a;
-        return /* @__PURE__ */ e(n, { expanded: B, onMouseLeave: () => I(-1), children: /* @__PURE__ */ e(
-          b,
+  return /* @__PURE__ */ e(H, { className: u, expanded: f, ref: p, id: l, children: /* @__PURE__ */ e(F, { role: "menu", children: x.map((i, m) => {
+    const M = i?.props || {}, { title: s, divider: I = !0 } = M;
+    return /* @__PURE__ */ B(P, { children: [
+      m && I ? /* @__PURE__ */ e(r, { role: "separator" }) : "",
+      s && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(y, { title: s }) }),
+      i?.items.filter((o) => !o.props?.hidden).map((o, v) => {
+        const { active: A, onMouseEnter: g } = o, { groupId: R, onClick: L, ...c } = o.props || {}, { expanded: j } = c;
+        return /* @__PURE__ */ e(r, { expanded: j, onMouseLeave: () => h(-1), children: /* @__PURE__ */ e(
+          K,
           {
-            ...a,
-            active: s && L,
+            ...c,
+            active: t && A,
             tabIndex: -1,
-            onMouseEnter: j,
+            onMouseEnter: g,
             onClick: () => {
-              i == null || i(), r == null || r();
+              L?.(), n?.();
             }
           }
-        ) }, m);
+        ) }, v);
       })
-    ] }, d);
+    ] }, m);
   }) }) });
 };
 export {
-  T as Autocomplete
+  O as Autocomplete
 };

package/dist/components/Searchbar/AutocompleteBase.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
+import { c as m } from "../../index-p1eeF8LQ.js";
 import '../../assets/AutocompleteBase.css';const p = "_autocomplete_zufwr_1", r = {
   autocomplete: p
 }, n = ({ 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 });

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { Badge as i } from "../Badge/Badge.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as s } from "../Menu/MenuItem.js";

package/dist/components/Searchbar/Searchbar.js

@@ -1,60 +1,57 @@
-import { jsxs as k, jsx as g } from "react/jsx-runtime";
-import { useState as v } from "react";
-import "../../index-L8X2o7IH.js";
-import { useIsDesktop as j } from "../../hooks/useIsDesktop.js";
-import { useRootContext as x } from "../RootProvider/RootProvider.js";
-import { SearchbarBase as D } from "./SearchbarBase.js";
-import { SearchbarField as P } from "./SearchbarField.js";
-import { Autocomplete as y } from "./Autocomplete.js";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useState as g } from "react";
+import "../../index-p1eeF8LQ.js";
+import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
+import { useRootContext as I } from "../RootProvider/RootProvider.js";
+import { SearchbarBase as T } from "./SearchbarBase.js";
+import { SearchbarField as A } from "./SearchbarField.js";
+import { Autocomplete as B } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({
-  className: I,
-  autocomplete: a,
-  expanded: u = !1,
-  onClose: o,
-  tabIndex: T,
-  useGlobalHeader: A = !1,
-  ...e
+const H = ({
+  className: l,
+  autocomplete: e,
+  expanded: r = !1,
+  onClose: a,
+  tabIndex: n,
+  useGlobalHeader: m = !1,
+  ...o
 }) => {
-  const [i, l] = v(!1), { previousId: B, openId: F } = x(), S = j();
-  return /* @__PURE__ */ k(
-    D,
+  const [s, c] = g(!1), { previousId: d, openId: p } = I(), b = h();
+  return /* @__PURE__ */ f(
+    T,
     {
-      className: I,
-      expanded: u,
-      autocomplete: !!a,
+      className: l,
+      expanded: r,
+      autocomplete: !!e,
       onBlurCapture: (t) => {
-        var s, n, m, d, p, b, c, f;
-        const r = (m = (n = (s = t.target) == null ? void 0 : s.attributes) == null ? void 0 : n.getNamedItem("data-testid")) == null ? void 0 : m.value;
-        (d = t == null ? void 0 : t.relatedTarget) != null && d.closest('[data-autocomplete="true"]') || t.relatedTarget === null || (r === "search-button-clear" || r === "search-button-close" || r === "searchbar-input" && ((p = t.relatedTarget) == null ? void 0 : p.getAttribute("data-testid")) !== "searchbar-input" && ((b = t.relatedTarget) == null ? void 0 : b.getAttribute("data-testid")) !== "search-button-clear" && ((c = t.relatedTarget) == null ? void 0 : c.getAttribute("data-testid")) !== "search-button-close" && ((f = t.relatedTarget) == null ? void 0 : f.getAttribute("data-testid")) !== "autocomplete-list") && (S || B !== "menu" ? o == null || o() : F("menu"));
+        const u = t.target?.attributes?.getNamedItem("data-testid")?.value;
+        t?.relatedTarget?.closest('[data-autocomplete="true"]') || t.relatedTarget === null || (u === "search-button-clear" || u === "search-button-close" || u === "searchbar-input" && t.relatedTarget?.getAttribute("data-testid") !== "searchbar-input" && t.relatedTarget?.getAttribute("data-testid") !== "search-button-clear" && t.relatedTarget?.getAttribute("data-testid") !== "search-button-close" && t.relatedTarget?.getAttribute("data-testid") !== "autocomplete-list") && (b || d !== "menu" ? a?.() : p("menu"));
       },
-      useGlobalHeader: A,
+      useGlobalHeader: m,
       children: [
-        /* @__PURE__ */ g(
-          P,
+        /* @__PURE__ */ i(
+          A,
           {
-            ...e,
-            expanded: u,
-            onClose: o,
-            tabIndex: T,
-            ...a && { controlsId: "searchbar-autocomplete" },
+            ...o,
+            expanded: r,
+            onClose: a,
+            tabIndex: n,
+            ...e && { controlsId: "searchbar-autocomplete" },
             onFocus: (t) => {
-              var r;
-              (r = e == null ? void 0 : e.onFocus) == null || r.call(e, t), i || l(!0);
+              o?.onFocus?.(t), s || c(!0);
             },
             onBlur: (t) => {
-              var r;
-              (r = e == null ? void 0 : e.onBlur) == null || r.call(e, t), i && l(!1);
+              o?.onBlur?.(t), s && c(!1);
             }
           }
         ),
-        a && /* @__PURE__ */ g(
-          y,
+        e && /* @__PURE__ */ i(
+          B,
           {
-            ...a,
-            expanded: u,
-            keyboardEvents: i,
-            onSelect: o,
+            ...e,
+            expanded: r,
+            keyboardEvents: s,
+            onSelect: a,
             id: "searchbar-autocomplete"
           }
         )
@@ -63,5 +60,5 @@ const L = ({
   );
 };
 export {
-  L as Searchbar
+  H as Searchbar
 };

package/dist/components/Searchbar/SearchbarBase.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c as b } from "../../index-L8X2o7IH.js";
+import { c as b } from "../../index-p1eeF8LQ.js";
 import '../../assets/SearchbarBase.css';const x = "_searchbar_1lexx_1", n = "_searchbarExpanded_1lexx_14", d = "_searchbarLocal_1lexx_22", a = {
   searchbar: x,
   searchbarExpanded: n,