@altinn/altinn-components 0.59.0 → 0.60.1

package/dist/components/Settings/SettingsSection.js

@@ -1,21 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as n } from "../../Section-gR5R233Z.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import { Section as n } from "../Page/Section.js";
 import '../../assets/SettingsSection.css';const c = "_section_13ero_1", p = {
   section: c
-}, d = ({
+}, j = ({
   size: t = "sm",
   theme: o = "default",
-  shadow: s = "xs",
-  as: i,
+  shadow: i = "xs",
+  as: s,
   color: r,
   children: e
-}) => /* @__PURE__ */ m(n, { as: i, size: t, color: r, theme: o, shadow: s, className: p.section, spacing: 2, children: e });
+}) => /* @__PURE__ */ m(n, { as: s, size: t, color: r, theme: o, shadow: i, className: p.section, spacing: 2, children: e });
 export {
-  d as SettingsSection
+  j as SettingsSection
 };

package/dist/components/Settings/UsedByLog.js

@@ -1,45 +1,47 @@
 "use client";
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { useState as y, createElement as B, useMemo as S, Fragment as L } from "react";
+import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
-import { S as s, q as d } from "../../Section-gR5R233Z.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { SeenByLogButton as u } from "../Dialog/SeenByLogButton.js";
-import { Divider as g } from "../Divider/Divider.js";
+import { SeenByLogButton as s } from "../Dialog/SeenByLogButton.js";
+import { Divider as d } from "../Divider/Divider.js";
+import { List as u } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as j } from "../Page/Flex.js";
-import { UsedByLogItem as h } from "./UsedByLogItem.js";
-const w = ({
-  collapsible: i = !0,
-  expanded: f,
+import { Section as g } from "../Page/Section.js";
+import { UsedByLogItem as f } from "./UsedByLogItem.js";
+const H = ({
+  collapsible: m = !0,
+  expanded: h,
   title: t,
   items: n,
   size: e = "sm",
-  endUserLabel: m
+  endUserLabel: i
 }) => {
-  const [p, l] = y(f || !i && !0), v = () => {
+  const [p, l] = y(h || !m && !0), v = () => {
     l((r) => !r);
   };
   if (n?.length === 1)
-    return /* @__PURE__ */ o(s, { spacing: 1, children: /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(h, { ...r, key: r.id, size: e, endUserLabel: m })) }) });
-  const c = S(
+    return /* @__PURE__ */ o(g, { spacing: 1, children: /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(f, { ...r, key: r.id, size: e, endUserLabel: i })) }) });
+  const c = L(
     () => n.map((r) => ({
       ...r,
       ...r.avatar
     })),
     [n]
   );
-  return /* @__PURE__ */ a(s, { spacing: 1, children: [
-    t && /* @__PURE__ */ o(j, { children: i ? /* @__PURE__ */ o(u, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(u, { items: c, as: "div", children: t }) }),
-    t && p && /* @__PURE__ */ o(g, {}),
-    p && /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(L, { children: [
-      x > 0 && /* @__PURE__ */ o(g, {}),
-      /* @__PURE__ */ o(h, { ...r, size: e, endUserLabel: m })
+  return /* @__PURE__ */ a(g, { spacing: 1, children: [
+    t && /* @__PURE__ */ o(j, { children: m ? /* @__PURE__ */ o(s, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(s, { items: c, as: "div", children: t }) }),
+    t && p && /* @__PURE__ */ o(d, {}),
+    p && /* @__PURE__ */ o(u, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(S, { children: [
+      x > 0 && /* @__PURE__ */ o(d, {}),
+      /* @__PURE__ */ o(f, { ...r, size: e, endUserLabel: i })
     ] }, r.id)) })
   ] });
 };
 export {
-  w as UsedByLog
+  H as UsedByLog
 };

package/dist/components/Settings/UsedByLogItem.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { a as p, B as c } from "../../Section-gR5R233Z.js";
+import { a as p, B as c } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
-import { I as u, C as v } from "../../Section-gR5R233Z.js";
+import { I as u, s as v } from "../../ToolbarSearch-56Sm2j7P.js";
 import a, { forwardRef as _ } from "react";
 import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";
@@ -32,7 +32,7 @@ const w = _((e, i) => {
   action: I
 };
 var j = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
-const F = ({
+const H = ({
   as: e,
   message: i,
   className: o,
@@ -49,5 +49,5 @@ const F = ({
 ] });
 export {
   j as SnackbarColorEnum,
-  F as SnackbarItem
+  H as SnackbarItem
 };

package/dist/components/Timeline/Timeline.js

@@ -1,12 +1,13 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as m } from "../../Section-gR5R233Z.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-const x = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
+import { Section as m } from "../Page/Section.js";
+const d = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  x as Timeline
+  d as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -1,29 +1,30 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as c, a as n } from "../../Section-gR5R233Z.js";
-import { Typography as l } from "../Typography/Typography.js";
+import { a as c } from "../../ToolbarSearch-56Sm2j7P.js";
+import { Typography as n } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import { Section as l } from "../Page/Section.js";
 import { S as y } from "../../CircleFill-yFbEHBRX.js";
-const k = ({
+const q = ({
   loading: r,
   byline: t,
-  icon: S = y,
-  color: x = "neutral",
+  icon: x = y,
+  color: S = "neutral",
   typographyProps: m = {},
   margin: p,
-  spacing: s,
-  datetime: e,
+  spacing: e,
+  datetime: s,
   children: o,
   footer: g,
-  ...a
-}) => /* @__PURE__ */ f(c, { margin: p, spacing: s, ...a, children: [
-  t && /* @__PURE__ */ i(n, { loading: r, datetime: e, children: t }),
-  o && typeof o == "string" ? /* @__PURE__ */ i(l, { as: "p", loading: r, size: "md", ...m, children: o }) : o
+  ...f
+}) => /* @__PURE__ */ a(l, { margin: p, spacing: e, ...f, children: [
+  t && /* @__PURE__ */ i(c, { loading: r, datetime: s, children: t }),
+  o && typeof o == "string" ? /* @__PURE__ */ i(n, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });
 export {
-  k as TimelineActivity
+  q as TimelineActivity
 };

package/dist/components/Timeline/TimelineBase.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-gR5R233Z.js";
+import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineFooter.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as l } from "../../Section-gR5R233Z.js";
+import { a as l } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineHeader.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import { a as c } from "../../Section-gR5R233Z.js";
+import { a as c } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineIcon.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, C as n, i as l } from "../../Section-gR5R233Z.js";
+import { I as s, s as n, i as l } from "../../ToolbarSearch-56Sm2j7P.js";
 import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";

package/dist/components/Timeline/TimelineSection.js

@@ -1,41 +1,42 @@
-import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as T, S as c } from "../../Section-gR5R233Z.js";
+import { a as c } from "../../ToolbarSearch-56Sm2j7P.js";
 import { Typography as j } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { TimelineBase as l } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
-const v = ({
+import { Section as u } from "../Page/Section.js";
+const w = ({
   loading: o,
   unread: p,
   level: e,
   margin: s,
   spacing: n,
-  as: a = "li",
-  border: f = "strong",
-  color: i,
+  as: f = "li",
+  border: a = "strong",
+  color: m,
   typographyProps: x = {},
   datetime: y,
-  byline: m,
+  byline: i,
   children: r
-}) => /* @__PURE__ */ S(
+}) => /* @__PURE__ */ T(
   l,
   {
     loading: o,
     level: e,
-    border: f,
-    color: i,
-    borderColor: p ? i : "neutral",
-    as: a,
+    border: a,
+    color: m,
+    borderColor: p ? m : "neutral",
+    as: f,
     children: [
-      m && /* @__PURE__ */ t(T, { loading: o, datetime: y, children: m }),
-      /* @__PURE__ */ t(c, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(j, { as: "p", loading: o, size: "md", ...x, children: r }) : r })
+      i && /* @__PURE__ */ t(c, { loading: o, datetime: y, children: i }),
+      /* @__PURE__ */ t(u, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(j, { as: "p", loading: o, size: "md", ...x, children: r }) : r })
     ]
   }
 );
 export {
-  v as TimelineSection
+  w as TimelineSection
 };

package/dist/components/Timeline/TimelineSegment.js

@@ -1,17 +1,18 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S, a as h } from "../../Section-gR5R233Z.js";
+import { a as S } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { TimelineBase as x } from "./TimelineBase.js";
+import { TimelineBase as h } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
+import { Section as x } from "../Page/Section.js";
 import { S as d } from "../../CircleFill-yFbEHBRX.js";
-const w = ({
+const y = ({
   loading: r,
-  unread: t,
-  datetime: m,
+  unread: m,
+  datetime: t,
   byline: o,
   icon: e = d,
   color: p,
@@ -20,11 +21,11 @@ const w = ({
   children: s,
   id: c,
   footer: j,
-  ...a
-}) => /* @__PURE__ */ i(x, { loading: r, color: t ? p : "neutral", icon: e, as: "li", ...a, id: c, children: /* @__PURE__ */ f(S, { margin: n, spacing: l, children: [
-  o && /* @__PURE__ */ i(h, { loading: r, datetime: m, children: o }),
+  ...f
+}) => /* @__PURE__ */ i(h, { loading: r, color: m ? p : "neutral", icon: e, as: "li", ...f, id: c, children: /* @__PURE__ */ a(x, { margin: n, spacing: l, children: [
+  o && /* @__PURE__ */ i(S, { loading: r, datetime: t, children: o }),
   s
 ] }) });
 export {
-  w as TimelineSegment
+  y as TimelineSegment
 };

package/dist/components/Toolbar/DatepickerFilter.js

@@ -6,7 +6,7 @@ import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { w as x, r as g } from "../../Section-gR5R233Z.js";
+import { u as x, k as g } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -20,7 +20,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
   onChange: r,
   onSubmit: b
 }) => {
-  const { fromDate: a, toDate: i } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = w(f), k = (o) => {
+  const { fromDate: a, toDate: i } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = y(f), k = (o) => {
     r?.({
       ...t,
       fromDate: o.target.value
@@ -73,7 +73,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
     /* @__PURE__ */ e(p, {}),
     /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: a, selectTo: i }) })
   ] });
-}, w = (t) => {
+}, y = (t) => {
   switch (t) {
     case "nn":
       return {

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../Section-gR5R233Z.js";
+import { M as x } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Toolbar/Toolbar.js

@@ -1,14 +1,14 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { ToolbarFilter as x } from "./ToolbarFilter.js";
-import { x as l, T } from "../../Section-gR5R233Z.js";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { ToolbarFilter as T } from "./ToolbarFilter.js";
+import { p as l, T as x } from "../../ToolbarSearch-56Sm2j7P.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
-}, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: b, children: e }) => /* @__PURE__ */ p("span", { className: c.toolbar, "data-size": "xs", children: [
+}, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: p, children: b }) => /* @__PURE__ */ n("span", { className: c.toolbar, "data-size": "xs", children: [
   t && /* @__PURE__ */ r(l, { size: "md", ...t, disabled: o, virtualized: !0 }),
-  m?.map((i, n) => /* @__PURE__ */ r(l, { ...i, disabled: o }, n)),
-  a && /* @__PURE__ */ r(T, { ...a, disabled: o }),
-  s && /* @__PURE__ */ r(x, { ...s, controls: b, disabled: o }),
-  e
+  m?.map((e, i) => /* @__PURE__ */ r(l, { ...e, disabled: o }, i)),
+  a && /* @__PURE__ */ r(x, { ...a, disabled: o }),
+  s && /* @__PURE__ */ r(T, { ...s, controls: p, disabled: o }),
+  b
 ] });
 export {
   u as Toolbar

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,8 +1,8 @@
-import { jsxs as l, Fragment as I, jsx as i } from "react/jsx-runtime";
+import { jsxs as l, Fragment as I, jsx as s } from "react/jsx-runtime";
 import { useMemo as L, useState as N, createElement as O } from "react";
 import { Button as w } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { C as y } from "../../Section-gR5R233Z.js";
+import { s as y } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -24,25 +24,25 @@ const _ = ({
   virtualized: R,
   controls: k
 }) => {
-  const { visibleFilters: s, hiddenFilters: a, onFilterAdd: x, onFilterChange: A, onFilterRemove: d } = X({
+  const { visibleFilters: i, hiddenFilters: a, onFilterAdd: x, onFilterChange: A, onFilterRemove: d } = X({
     filters: r,
     filterState: e,
     onFilterStateChange: t
   }), p = L(
     () => r?.filter((o) => o.removable)?.map((o) => o.name) ?? [],
     [r]
-  ), C = p.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [c, g] = N(void 0), h = (o) => {
+  ), f = p.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [c, g] = N(void 0), h = (o) => {
     g((m) => m === o ? void 0 : o);
   }, u = () => {
     g(void 0);
-  }, f = () => {
+  }, B = () => {
     for (const o of p)
       d(o);
     t?.({});
   };
   return /* @__PURE__ */ l(I, { children: [
-    s?.map((o, m) => {
-      const B = M?.(o?.name, e?.[o?.id]) ?? o?.label;
+    i?.map((o, m) => {
+      const C = M?.(o?.name, e?.[o?.id]) ?? o?.label;
       return /* @__PURE__ */ O(
         E,
         {
@@ -53,7 +53,7 @@ const _ = ({
           onToggle: () => h(o.name),
           onClose: u,
           open: c === o.name,
-          label: B,
+          label: C,
           onRemove: () => d(o.name),
           removeLabel: T,
           onFilterChange: A,
@@ -62,7 +62,7 @@ const _ = ({
         }
       );
     }),
-    !n && a?.length > 0 && /* @__PURE__ */ i(
+    !n && a?.length > 0 && /* @__PURE__ */ s(
       z,
       {
         name: "add",
@@ -71,14 +71,14 @@ const _ = ({
         open: c === "add",
         items: a,
         onAdd: x,
-        label: s?.length > 0 ? F : v,
+        label: i?.length > 0 ? F : v,
         virtualized: R
       }
     ),
     /* @__PURE__ */ l(q, { children: [
-      !n && C && /* @__PURE__ */ l(w, { onClick: f, variant: "ghost", children: [
-        /* @__PURE__ */ i(y, { "aria-hidden": "true" }),
-        /* @__PURE__ */ i("span", { children: b })
+      !n && f && /* @__PURE__ */ l(w, { onClick: B, variant: "ghost", children: [
+        /* @__PURE__ */ s(y, { "aria-hidden": "true" }),
+        /* @__PURE__ */ s("span", { children: b })
       ] }),
       k
     ] })

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import { useRef as a, useEffect as y } from "react";
 import { Button as v } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { h as w, M as x } from "../../Section-gR5R233Z.js";
+import { g as w, M as x } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,14 +2,14 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { C as s, E as a } from "../../Section-gR5R233Z.js";
+import { s as c, t as a } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as x } from "../Button/ButtonGroupDivider.js";
-function w({
+function y({
   disabled: e,
   name: i,
   onClick: n,
@@ -19,10 +19,10 @@ function w({
   children: p,
   open: l,
   variant: o,
-  ref: c
+  ref: s
 }) {
   return d ? /* @__PURE__ */ m(b, { disabled: e, variant: o, connected: !0, children: [
-    /* @__PURE__ */ r(t, { variant: o, onClick: n, "data-id": `filter-button-${i}`, "aria-expanded": l, ref: c, children: /* @__PURE__ */ r("span", { children: p }) }),
+    /* @__PURE__ */ r(t, { variant: o, onClick: n, "data-id": `filter-button-${i}`, "aria-expanded": l, ref: s, children: /* @__PURE__ */ r("span", { children: p }) }),
     /* @__PURE__ */ r(x, { variant: o }),
     /* @__PURE__ */ r(h, { content: u, children: /* @__PURE__ */ r(
       t,
@@ -33,7 +33,7 @@ function w({
           borderLeft: "none",
           borderRadius: "0 .25em .25em 0"
         },
-        children: /* @__PURE__ */ r(s, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ r(c, { "aria-hidden": "true" })
       }
     ) })
   ] }) : /* @__PURE__ */ m(t, { disabled: e, variant: o, onClick: n, "data-id": `filter-button-${i}`, children: [
@@ -42,5 +42,5 @@ function w({
   ] });
 }
 export {
-  w as ToolbarFilterButton
+  y as ToolbarFilterButton
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,16 +1,16 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as G, useEffect as H } from "react";
 import "../../index-p1eeF8LQ.js";
-import { h as E, M as J } from "../../Section-gR5R233Z.js";
+import { g as E, M as J } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarFilterButton as v } from "./ToolbarFilterButton.js";
+import { ToolbarFilterButton as p } from "./ToolbarFilterButton.js";
 const S = ({
   as: j,
   disabled: D,
-  size: g,
+  size: v,
   name: o,
   label: d = "",
   searchable: u,
@@ -38,18 +38,18 @@ const S = ({
     F.current = t, r && !t && e?.triggerRef?.current?.focus();
   }, [t, e.triggerRef]);
   const T = (r) => {
-    const i = r.target.type, p = r.target.name, q = r.target.value;
-    B?.(i, p, q), i === "radio" && l();
+    const i = r.target.type, g = r.target.name, q = r.target.value;
+    B?.(i, g, q), i === "radio" && l();
   }, m = y?.map((r) => ({
     ...r,
     onChange: (i) => T(i)
   })), f = (y?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", P = j || J, s = u ? "combobox" : "menu", V = () => {
     l();
     const r = c?.[o]?.[0];
-    m?.filter((p) => p.checked)?.length === 0 && !r && w?.();
+    m?.filter((g) => g.checked)?.length === 0 && !r && w?.();
   };
   return D ? /* @__PURE__ */ n(
-    v,
+    p,
     {
       disabled: !0,
       name: o,
@@ -67,7 +67,7 @@ const S = ({
       variant: "drawer-dropdown",
       size: C,
       trigger: /* @__PURE__ */ n(
-        v,
+        p,
         {
           name: o,
           onClick: I,
@@ -93,7 +93,7 @@ const S = ({
           name: o,
           filterState: c,
           onFilterStateChange: k,
-          size: g,
+          size: v,
           searchable: u,
           groups: h,
           items: m,
@@ -111,7 +111,7 @@ const S = ({
       title: R,
       variant: "drawer-dropdown",
       submitLabel: x,
-      trigger: /* @__PURE__ */ n(v, { name: o, onClick: I, variant: a || f, children: d }),
+      trigger: /* @__PURE__ */ n(p, { name: o, onClick: I, variant: a || f, children: d }),
       open: t,
       onClose: l,
       ...e.dropdownA11yProps,
@@ -122,7 +122,7 @@ const S = ({
           name: o,
           filterState: c,
           onFilterStateChange: k,
-          size: g,
+          size: v,
           searchable: u,
           groups: h,
           items: m,

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,10 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { x as b } from "../../Section-gR5R233Z.js";
+import { p as f } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  b as ToolbarMenu
+  f as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { T as b } from "../../Section-gR5R233Z.js";
+import { T as b } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";