@altinn/altinn-components 0.52.3 → 0.52.4

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -1,51 +1,51 @@
-import { jsxs as x, jsx as p } from "react/jsx-runtime";
-import { createElement as b } from "react";
-import "../../index-L8X2o7IH.js";
-import { AccountMenu as k } from "../Account/AccountMenu.js";
-import { useIsDesktop as I } from "../../hooks/useIsDesktop.js";
-import { useRootContext as h } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as w } from "../Dropdown/DrawerOrDropdown.js";
+import { jsxs as T, jsx as c } from "react/jsx-runtime";
+import { createElement as g } from "react";
+import "../../index-p1eeF8LQ.js";
+import { AccountMenu as x } from "../Account/AccountMenu.js";
+import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
+import { useRootContext as k } from "../RootProvider/RootProvider.js";
+import { DrawerOrDropdown as I } from "../Dropdown/DrawerOrDropdown.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarButton as B } from "./ToolbarButton.js";
-import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
-const q = ({
-  currentAccount: o,
-  id: s = "toolbar-accounts",
-  onSelectAccount: t,
-  buttonTestId: d,
-  title: l = "Endre aktør",
-  ...n
+import { ToolbarButton as h } from "./ToolbarButton.js";
+import { ToolbarFilterBase as w } from "./ToolbarFilterBase.js";
+const O = ({
+  currentAccount: e,
+  id: n = "toolbar-accounts",
+  onSelectAccount: i,
+  buttonTestId: l,
+  title: m = "Endre aktør",
+  ...p
 }) => {
-  const { currentId: i, toggleId: f, closeAll: a } = h(), T = I(), g = () => f(s), r = i === s;
-  return /* @__PURE__ */ x(C, { expanded: r, onBlurCapture: (e) => {
-    const m = e.relatedTarget;
-    (!m || !e.currentTarget.contains(m)) && a();
+  const { currentId: a, toggleId: d, closeAll: r } = k(), u = b(), f = () => d(n), o = a === n;
+  return /* @__PURE__ */ T(w, { expanded: o, onBlurCapture: (t) => {
+    const s = t.relatedTarget;
+    (!s || !t.currentTarget.contains(s)) && r();
   }, dataTestId: "filter-base-accounts", children: [
-    /* @__PURE__ */ p(
-      B,
+    /* @__PURE__ */ c(
+      h,
       {
         type: "switch",
-        onToggle: g,
-        active: !!o,
-        dataTestId: d,
-        "aria-expanded": r,
-        children: o == null ? void 0 : o.name
+        onToggle: f,
+        active: !!e,
+        dataTestId: l,
+        "aria-expanded": o,
+        children: e?.name
       }
     ),
-    /* @__PURE__ */ p(w, { open: r, size: "lg", drawerTitle: l, onClose: a, children: /* @__PURE__ */ b(
-      k,
+    /* @__PURE__ */ c(I, { open: o, size: "lg", drawerTitle: m, onClose: r, children: /* @__PURE__ */ g(
+      x,
       {
-        ...n,
-        keyboardEvents: r && T,
-        key: i,
-        onSelectAccount: (e) => {
-          t == null || t(e), a();
+        ...p,
+        keyboardEvents: o && u,
+        key: a,
+        onSelectAccount: (t) => {
+          i?.(t), r();
         },
-        currentAccount: o
+        currentAccount: e
       }
     ) })
   ] });
 };
 export {
-  q as ToolbarAccountMenu
+  O as ToolbarAccountMenu
 };

package/dist/components/Toolbar/ToolbarAdd.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { useIsDesktop as u } from "../../hooks/useIsDesktop.js";
 import { useRootContext as f } from "../RootProvider/RootProvider.js";

package/dist/components/Toolbar/ToolbarButton.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as d } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import i, { forwardRef as s } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import { useRootContext as F } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,74 +1,74 @@
-import { jsxs as D, jsx as i } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsxs as C, jsx as a } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { useIsDesktop as g } from "../../hooks/useIsDesktop.js";
+import { useIsDesktop as D } from "../../hooks/useIsDesktop.js";
 import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as F } from "../Dropdown/DrawerOrDropdown.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarButton as O } from "./ToolbarButton.js";
-import { ToolbarFilterBase as R } from "./ToolbarFilterBase.js";
-import { ToolbarOptions as E } from "./ToolbarOptions.js";
-const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
-  removable: u,
-  label: n,
+import { ToolbarButton as L } from "./ToolbarButton.js";
+import { ToolbarFilterBase as O } from "./ToolbarFilterBase.js";
+import { ToolbarOptions as R } from "./ToolbarOptions.js";
+const E = (c, t) => Array.isArray(t) ? t.join(", ") : t, N = ({
+  removable: c,
+  label: t,
   name: o,
-  filterState: s,
-  options: y,
-  optionGroups: b,
-  onChange: x,
-  onRemove: A,
-  buttonAltText: l = "Remove button",
-  getSelectedLabel: a,
-  showResultsLabel: f = "Show results",
-  optionType: h,
-  id: e = `toolbar-filter-${o}`
+  filterState: i,
+  options: b,
+  optionGroups: m,
+  onChange: T,
+  onRemove: y,
+  buttonAltText: p = "Remove button",
+  getSelectedLabel: g,
+  showResultsLabel: x = "Show results",
+  optionType: A,
+  id: s = `toolbar-filter-${o}`
 }) => {
-  const { currentId: v, toggleId: I, closeAll: d } = j(), m = g(), k = (y ?? []).map((r) => {
-    const t = s == null ? void 0 : s[r.name || o];
+  const { currentId: h, toggleId: v, closeAll: d } = j(), u = D(), I = (b ?? []).map((r) => {
+    const e = i?.[r.name || o];
     return {
       name: o,
       ...r,
-      checked: Array.isArray(t) ? t.includes(r.value) : r.value === t
+      checked: Array.isArray(e) ? e.includes(r.value) : r.value === e
     };
-  }), c = s == null ? void 0 : s[o], w = (a == null ? void 0 : a(o, c)) ?? G(o, c), T = () => I(e), p = v === e, B = (r) => {
-    const t = r.relatedTarget;
-    m && (!t || !r.currentTarget.contains(t)) && d();
-  }, C = Array.isArray(c) ? c.length > 0 : typeof c < "u";
-  return /* @__PURE__ */ D(R, { expanded: p, onBlurCapture: B, dataTestId: "filter-base-" + e, children: [
-    /* @__PURE__ */ i(
-      O,
+  }), n = i?.[o], k = g?.(o, n) ?? E(o, n), f = () => v(s), l = h === s, w = (r) => {
+    const e = r.relatedTarget;
+    u && (!e || !r.currentTarget.contains(e)) && d();
+  }, B = Array.isArray(n) ? n.length > 0 : typeof n < "u";
+  return /* @__PURE__ */ C(O, { expanded: l, onBlurCapture: w, dataTestId: "filter-base-" + s, children: [
+    /* @__PURE__ */ a(
+      L,
       {
         type: "select",
-        removable: u,
-        active: C,
-        onToggle: T,
-        ariaLabel: l,
-        iconAltText: l,
-        onRemove: A,
-        dataTestId: e,
-        tabIndex: p ? -1 : 0,
-        children: w || n
+        removable: c,
+        active: B,
+        onToggle: f,
+        ariaLabel: p,
+        iconAltText: p,
+        onRemove: y,
+        dataTestId: s,
+        tabIndex: l ? -1 : 0,
+        children: k || t
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       F,
       {
-        open: p,
-        drawerTitle: n,
+        open: l,
+        drawerTitle: t,
         onClose: d,
         drawerButton: {
-          onClick: T,
-          label: f
+          onClick: f,
+          label: x
         },
-        children: /* @__PURE__ */ i(
-          E,
+        children: /* @__PURE__ */ a(
+          R,
           {
             name: o,
-            options: k,
-            optionGroups: b,
-            onChange: x,
-            optionType: h,
-            keyboardEvents: p && m
+            options: I,
+            optionGroups: m,
+            onChange: T,
+            optionType: A,
+            keyboardEvents: l && u
           }
         )
       }
@@ -76,5 +76,5 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
   ] });
 };
 export {
-  Q as ToolbarFilter
+  N as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterBase.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as r } from "../../index-L8X2o7IH.js";
+import { c as r } from "../../index-p1eeF8LQ.js";
 import '../../assets/ToolbarFilterBase.css';const c = "_base_4n04w_1", l = "_expanded_4n04w_5", e = {
   base: c,
   expanded: l

package/dist/components/Toolbar/ToolbarMenu.js

@@ -1,5 +1,5 @@
 import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { useRootContext as f } from "../RootProvider/RootProvider.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";

package/dist/components/Toolbar/ToolbarOptions.js

@@ -1,80 +1,76 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { useRef as K, Fragment as N } from "react";
-import { useMenu as R } from "../../hooks/useMenu.js";
-import "../../index-L8X2o7IH.js";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { useRef as A, Fragment as F } from "react";
+import { useMenu as H } from "../../hooks/useMenu.js";
+import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
-import { MenuOption as S } from "../Menu/MenuOption.js";
-import { MenuSearch as q } from "../Menu/MenuSearch.js";
-import { MenuHeader as w } from "../Menu/MenuHeader.js";
-import { MenuBase as z, MenuList as D, MenuListItem as m } from "../Menu/MenuBase.js";
+import { MenuOption as K } from "../Menu/MenuOption.js";
+import { MenuSearch as N } from "../Menu/MenuSearch.js";
+import { MenuHeader as R } from "../Menu/MenuHeader.js";
+import { MenuBase as S, MenuList as q, MenuListItem as t } from "../Menu/MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const G = ({
-  name: k,
-  search: c,
-  optionGroups: s = {},
-  options: I,
-  onChange: n,
-  optionType: L,
+const Z = ({
+  name: x,
+  search: n,
+  optionGroups: i = {},
+  options: y,
+  onChange: v,
+  optionType: g,
   keyboardEvents: p,
-  onBlurCapture: T
+  onBlurCapture: k
 }) => {
-  const a = K(null), { menu: j, setActiveIndex: B } = R({
-    items: I,
-    groups: s,
+  const m = A(null), { menu: I, setActiveIndex: L } = H({
+    items: y,
+    groups: i,
     groupByKey: "groupId",
     keyboardEvents: p,
-    ref: a
+    ref: m
   });
-  return /* @__PURE__ */ v(z, { variant: "default", ref: a, children: [
-    c && /* @__PURE__ */ e(q, { ...c }),
-    /* @__PURE__ */ e(D, { role: "menu", onBlurCapture: T, children: j.map((t, l) => {
-      const O = (t == null ? void 0 : t.props) || {}, { title: d, divider: P = !0 } = O;
-      return /* @__PURE__ */ v(N, { children: [
-        l && P ? /* @__PURE__ */ e(m, { role: "separator" }) : "",
-        d && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(w, { title: d }) }),
-        t == null ? void 0 : t.items.filter((o) => {
-          var i;
-          return !((i = o.props) != null && i.hidden);
-        }).map((o, i) => {
-          var h;
-          const { active: A, onMouseEnter: F } = o, { groupId: u, onClick: E, value: f, checked: M, type: b, ...r } = o.props || {}, { expanded: H } = r, x = r.name || k, y = b || u && ((h = s[u]) == null ? void 0 : h.optionType) || L;
+  return /* @__PURE__ */ b(S, { variant: "default", ref: m, children: [
+    n && /* @__PURE__ */ e(N, { ...n }),
+    /* @__PURE__ */ e(q, { role: "menu", onBlurCapture: k, children: I.map((a, c) => {
+      const T = a?.props || {}, { title: s, divider: j = !0 } = T;
+      return /* @__PURE__ */ b(F, { children: [
+        c && j ? /* @__PURE__ */ e(t, { role: "separator" }) : "",
+        s && /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(R, { title: s }) }),
+        a?.items.filter((r) => !r.props?.hidden).map((r, B) => {
+          const { active: C, onMouseEnter: O } = r, { groupId: l, onClick: w, value: u, checked: d, type: f, ...o } = r.props || {}, { expanded: P } = o, h = o.name || x, M = f || l && i[l]?.optionType || g;
           return /* @__PURE__ */ e(
-            m,
+            t,
             {
-              expanded: H,
-              onMouseEnter: F,
-              onMouseLeave: () => B(-1),
-              role: b === "radio" ? "menuitemradio" : "menuitemcheckbox",
-              "aria-checked": M ?? !1,
+              expanded: P,
+              onMouseEnter: O,
+              onMouseLeave: () => L(-1),
+              role: f === "radio" ? "menuitemradio" : "menuitemcheckbox",
+              "aria-checked": d ?? !1,
               children: /* @__PURE__ */ e(
-                S,
+                K,
                 {
-                  ...r,
-                  active: A,
+                  ...o,
+                  active: C,
                   tabIndex: p ? -1 : 0,
-                  label: r.label,
-                  count: r.count,
-                  name: x,
-                  type: y,
-                  value: f,
-                  checked: M,
+                  label: o.label,
+                  count: o.count,
+                  name: h,
+                  type: M,
+                  value: u,
+                  checked: d,
                   onClick: () => {
-                    n == null || n({
-                      name: x,
-                      value: f,
-                      type: y
+                    v?.({
+                      name: h,
+                      value: u,
+                      type: M
                     });
                   }
                 }
               )
             },
-            i
+            B
           );
         })
-      ] }, l);
+      ] }, c);
     }) })
   ] });
 };
 export {
-  G as ToolbarOptions
+  Z as ToolbarOptions
 };

package/dist/components/Toolbar/ToolbarSearch.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 { SearchField as a } from "../Forms/SearchField.js";

package/dist/components/Transmission/Transmission.js

@@ -1,73 +1,73 @@
 "use client";
-import { jsx as o, jsxs as t, Fragment as g } from "react/jsx-runtime";
-import { useState as h } from "react";
+import { jsx as e, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import { useState as g } from "react";
 import { Badge as v } from "../Badge/Badge.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import { Typography as T } from "../Typography/Typography.js";
 import "../RootProvider/RootProvider.js";
-import { SeenByLog as A } from "../Dialog/SeenByLog.js";
-import { ListItem as S } from "../List/ListItem.js";
+import { SeenByLog as y } from "../Dialog/SeenByLog.js";
+import { ListItem as A } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as _ } from "../Page/Section.js";
-import { TransmissionType as j } from "./TransmissionType.js";
-import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
-  title: k
-}, M = ({
+import { Section as S } from "../Page/Section.js";
+import { TransmissionType as _ } from "./TransmissionType.js";
+import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
+  title: j
+}, K = ({
   type: i,
-  unread: l,
-  size: c = "xs",
-  color: p = "neutral",
-  title: s,
-  createdAt: z,
-  createdAtLabel: I,
+  unread: o,
+  size: p = "xs",
+  color: c = "neutral",
+  title: n,
+  createdAt: w,
+  createdAtLabel: z,
   badge: f = { label: "Ulest" },
   sender: b,
   summary: a,
-  attachments: e,
-  children: n,
-  seenByLog: d,
-  ...m
+  attachments: s,
+  children: r,
+  seenByLog: m,
+  ...d
 }) => {
-  const [r, u] = h(m.expanded || !1);
-  return /* @__PURE__ */ o(
-    S,
+  const [t, u] = g(d.expanded || !1);
+  return /* @__PURE__ */ e(
+    A,
     {
-      ...m,
+      ...d,
       icon: b,
-      badge: i && /* @__PURE__ */ o(j, { value: i == null ? void 0 : i.value, label: i == null ? void 0 : i.label }),
-      size: c,
-      variant: l ? "subtle" : "default",
-      border: r ? "none" : "solid",
+      badge: i && /* @__PURE__ */ e(_, { value: i?.value, label: i?.label }),
+      size: p,
+      variant: o ? "subtle" : "default",
+      border: t ? "none" : "solid",
       shadow: "none",
-      color: p,
+      color: c,
       title: {
         as: "span",
-        className: w.title,
-        children: /* @__PURE__ */ t(g, { children: [
-          /* @__PURE__ */ o("h2", { children: s }),
-          l && /* @__PURE__ */ o(v, { variant: "tinted", size: "xs", ...f })
+        className: k.title,
+        children: /* @__PURE__ */ l(x, { children: [
+          /* @__PURE__ */ e("h2", { children: n }),
+          o && /* @__PURE__ */ e(v, { variant: "tinted", size: "xs", ...f })
         ] }),
-        weight: l ? "bold" : "normal"
+        weight: o ? "bold" : "normal"
       },
-      expanded: r,
-      selected: r,
-      onClick: () => u((x) => !x),
+      expanded: t,
+      selected: t,
+      onClick: () => u((h) => !h),
       collapsible: !0,
       linkIcon: !0,
       as: "button",
-      ariaLabel: s,
-      children: /* @__PURE__ */ t(_, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ t(T, { size: "md", children: [
-          a && /* @__PURE__ */ o("p", { children: a }),
-          r ? typeof n == "function" ? n() : n : null,
-          (e == null ? void 0 : e.items) && /* @__PURE__ */ o(L, { ...e })
+      ariaLabel: n,
+      children: /* @__PURE__ */ l(S, { padding: 4, spacing: 4, children: [
+        /* @__PURE__ */ l(T, { size: "md", children: [
+          a && /* @__PURE__ */ e("p", { children: a }),
+          t ? typeof r == "function" ? r() : r : null,
+          s?.items && /* @__PURE__ */ e(L, { ...s })
         ] }),
-        d && /* @__PURE__ */ o(A, { ...d })
+        m && /* @__PURE__ */ e(y, { ...m })
       ] })
     }
   );
 };
 export {
-  M as Transmission
+  K as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import { createElement as p } from "react";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import { Byline as a } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { List as e } from "../List/List.js";

package/dist/components/Transmission/TransmissionType.js

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

package/dist/components/Typography/Heading.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
+import { c as f } from "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as u } from "../Skeleton/Skeleton.js";
 import { useHighlightedText as H } from "./useHighlightedText.js";

package/dist/components/Typography/Typography.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as g } from "../../index-L8X2o7IH.js";
+import { c as g } from "../../index-p1eeF8LQ.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import { useHighlightedText as x } from "./useHighlightedText.js";
 import '../../assets/Typography.css';const f = "_typography_1h9tz_1", T = {

package/dist/components/Typography/useHighlightedText.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
-import f, { useMemo as p, isValidElement as d, cloneElement as h } from "react";
-const m = /* @__PURE__ */ new Set(["mark", "code", "pre", "script", "style"]);
-function g(e) {
+import f, { useMemo as h, isValidElement as d, cloneElement as p } from "react";
+const g = /* @__PURE__ */ new Set(["mark", "code", "pre", "script", "style"]);
+function m(e) {
   return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 function y(e, t) {
@@ -16,42 +16,42 @@ function y(e, t) {
   }
   return s < e.length && n.push(e.slice(s)), { node: n.length === 1 ? n[0] : n, changed: !0 };
 }
-function l(e, t) {
+function i(e, t) {
   if (typeof e == "string")
     return y(e, t);
   if (Array.isArray(e)) {
     let n = !1;
     return { node: e.map((a) => {
-      const r = l(a, t);
+      const r = i(a, t);
       return r.changed && (n = !0), r.node;
     }), changed: n };
   }
   if (d(e)) {
     const n = e, s = typeof n.type == "string" ? n.type : void 0;
-    if (s && m.has(s)) return { node: e, changed: !1 };
+    if (s && g.has(s)) return { node: e, changed: !1 };
     let a = !1;
     const r = f.Children.map(n.props.children, (o) => {
-      const i = l(o, t);
-      return i.changed && (a = !0), i.node;
+      const l = i(o, t);
+      return l.changed && (a = !0), l.node;
     });
     if (!a)
       return { node: e, changed: !1 };
     const c = r && r.length === 1 ? r[0] : r;
-    return { node: h(n, { children: c }), changed: !0 };
+    return { node: p(n, { children: c }), changed: !0 };
   }
   return { node: e, changed: !1 };
 }
 function A(e, t) {
-  return p(() => {
-    if (!e || !(t != null && t.length)) return e;
+  return h(() => {
+    if (!e || !t?.length) return e;
     const n = Array.from(
       new Set(
-        t.map((r) => r.trim()).filter(Boolean).map(g)
+        t.map((r) => r.trim()).filter(Boolean).map(m)
       )
     );
     if (n.length === 0) return e;
     n.sort((r, c) => c.length - r.length);
-    const s = new RegExp(`(${n.join("|")})`, "gi"), { node: a } = l(e, s);
+    const s = new RegExp(`(${n.join("|")})`, "gi"), { node: a } = i(e, s);
     return a;
   }, [e, t]);
 }

package/dist/components/UserListItem/UserListItem.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";
 import { Badge as h } from "../Badge/Badge.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";