@altinn/altinn-components 0.56.33 → 0.56.34

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as s } from "../List/ListItem.js";
 const u = ({

package/dist/components/Search/SearchItem.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import { Heading as m } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import { Byline as l } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { ListItemBase as p } from "../List/ListItemBase.js";
 import { ListItemHeader as c } from "../List/ListItemHeader.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Searchbar/Autocomplete.js

@@ -2,13 +2,13 @@ import { jsx as e, jsxs as j } from "react/jsx-runtime";
 import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
-import "../Button/Button.js";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";
 import { MenuListDivider as D } from "../Menu/MenuListDivider.js";
 import { MenuListHeading as F } from "../Menu/MenuListHeading.js";
+import "../Button/Button.js";
+import "react-dom";
 import { AutocompleteBase as H } from "./AutocompleteBase.js";
 import { AutocompleteItem as K } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -2,12 +2,12 @@ import { jsx as t } from "react/jsx-runtime";
 import { Badge as n } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../Button/Button.js";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as e } from "../Menu/MenuItem.js";
-import { QueryLabel as l } from "./QueryLabel.js";
+import "../Button/Button.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
+import { QueryLabel as l } from "../Toolbar/QueryLabel.js";
 import '../../assets/AutocompleteItem.css';const s = "_item_4v2ol_1", p = {
   item: s
 }, L = ({

package/dist/components/Searchbar/Searchbar.js

@@ -2,9 +2,9 @@ import { jsxs as f, jsx as c } 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 "../Button/Button.js";
 import "react-dom";
-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";

package/dist/components/Searchbar/SearchbarField.js

@@ -3,9 +3,9 @@ import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { c as S } from "../../index-p1eeF8LQ.js";
 import { useRef as N } from "react";
 import { Icon as v } from "../Icon/Icon.js";
+import "../RootProvider/RootProvider.js";
 import { Button as o } from "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as z } from "../../MagnifyingGlass-bwVhw07z.js";
 import { S as l } from "../../XMark-tKk6aExO.js";

package/dist/components/Searchbar/index.js

@@ -1,18 +1,15 @@
 import { Searchbar as r } from "./Searchbar.js";
 import { SearchbarBase as m } from "./SearchbarBase.js";
 import { SearchbarField as a } from "./SearchbarField.js";
-import { AutocompleteBase as x } from "./AutocompleteBase.js";
-import { AutocompleteGroup as u } from "./AutocompleteGroup.js";
-import { Autocomplete as b } from "./Autocomplete.js";
+import { AutocompleteBase as f } from "./AutocompleteBase.js";
+import { AutocompleteGroup as l } from "./AutocompleteGroup.js";
+import { Autocomplete as A } from "./Autocomplete.js";
 import { AutocompleteItem as h } from "./AutocompleteItem.js";
-import { QueryItem as s, QueryLabel as y } from "./QueryLabel.js";
 export {
-  b as Autocomplete,
-  x as AutocompleteBase,
-  u as AutocompleteGroup,
+  A as Autocomplete,
+  f as AutocompleteBase,
+  l as AutocompleteGroup,
   h as AutocompleteItem,
-  s as QueryItem,
-  y as QueryLabel,
   r as Searchbar,
   m as SearchbarBase,
   a as SearchbarField

package/dist/components/Settings/SettingsItem.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as h } from "react";
+import { Input as v } from "../Forms/Input.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Input as v } from "../Forms/Input.js";
 import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as i } from "./SettingsItemBase.js";
 import { SettingsModal as f } from "./SettingsModal.js";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,9 +1,9 @@
 import { jsxs as L, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { ListItemBase as d } from "../List/ListItemBase.js";
 import { ListItemHeader as f } from "../List/ListItemHeader.js";
 import { ListItemLabel as I } from "../List/ListItemLabel.js";

package/dist/components/Settings/SettingsList.js

@@ -2,10 +2,10 @@ import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { Fragment as m, createElement as d } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
+import "../RootProvider/RootProvider.js";
 import { Heading as u } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { Divider as h } from "../Divider/Divider.js";
 import { List as y } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Settings/SettingsModal.js

@@ -1,12 +1,12 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { createElement as u } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../RootProvider/RootProvider.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";
 import { ButtonLabel as x } from "../Button/ButtonLabel.js";
 import { ButtonGroup as g } from "../Button/ButtonGroup.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ModalBase as j } from "../Modal/ModalBase.js";
 import { ModalHeader as y } from "../Modal/ModalHeader.js";

package/dist/components/Settings/SettingsSection.js

@@ -1,9 +1,9 @@
 import { jsx as m } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as n } from "../Page/Section.js";
 import '../../assets/SettingsSection.css';const c = "_section_13ero_1", p = {

package/dist/components/Settings/UsedByLog.js

@@ -2,9 +2,9 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.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";

package/dist/components/Settings/UsedByLogItem.js

@@ -2,10 +2,10 @@ import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { Badge as s } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import { Byline as c } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as g } from "../Page/Flex.js";
 const N = ({

package/dist/components/Snackbar/SnackbarItem.js

@@ -3,9 +3,9 @@ import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import { Icon as u } from "../Icon/Icon.js";
 import a, { forwardRef as v } from "react";
+import "../RootProvider/RootProvider.js";
 import { Button as _ } from "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "./useSnackbar.js";
 import { u as g } from "../../useId-BVFxCjkq.js";
 import { S as h } from "../../XMark-tKk6aExO.js";

package/dist/components/Timeline/Timeline.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as m } from "../Page/Section.js";
 const x = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });

package/dist/components/Timeline/TimelineActivity.js

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import { Byline as l } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as y } from "../Page/Section.js";
 import { S as a } from "../../CircleFill-yFbEHBRX.js";

package/dist/components/Timeline/TimelineBase.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { TimelineIcon as v } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as x } from "../Page/Flex.js";

package/dist/components/Timeline/TimelineFooter.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import { Byline as l } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { TimelineBase as n } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as f } from "../../CircleFill-yFbEHBRX.js";

package/dist/components/Timeline/TimelineHeader.js

@@ -2,10 +2,10 @@ import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { TimelineIcon as l } from "./TimelineIcon.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "../Page/Flex.js";

package/dist/components/Timeline/TimelineIcon.js

@@ -4,9 +4,9 @@ import "../../index-p1eeF8LQ.js";
 import { Icon as s, isIconProps as n } from "../Icon/Icon.js";
 import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as d } from "../../XMark-tKk6aExO.js";
 import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", m = {

package/dist/components/Timeline/TimelineSection.js

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import { Typography as c } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import { Byline as j } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { TimelineBase as l } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as u } from "../Page/Section.js";

package/dist/components/Timeline/TimelineSegment.js

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as S } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import { Byline as a } from "../Byline/Byline.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import { TimelineBase as h } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as x } from "../Page/Section.js";

package/dist/components/Toolbar/DatepickerFilter.js

@@ -6,9 +6,9 @@ import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { useRootContext as x } from "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as x } from "../RootProvider/RootProvider.js";
 import { MenuItem as g } from "../Menu/MenuItem.js";
 import { MenuList as M } from "../Menu/MenuList.js";
 import { MenuListItem as m } from "../Menu/MenuListItem.js";

package/dist/components/Toolbar/QueryLabel.js

@@ -0,0 +1,13 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { QueryItem as a } from "./QueryLabelItem.js";
+import { S as u } from "../../Plus-Cj3oOc3N.js";
+import '../../assets/QueryLabel.css';const d = "_label_1pb2p_1", n = "_group_1pb2p_32", s = {
+  label: d,
+  group: n
+}, i = ({ params: e = [], size: l = "xs", variant: r = "default", color: p }) => /* @__PURE__ */ o("div", { className: s.label, "data-size": l, "data-variant": r, "data-color": p, children: e.map((c, t) => /* @__PURE__ */ m("div", { className: s.group, children: [
+  /* @__PURE__ */ o(a, { ...c, size: l, variant: r }),
+  e[t + 1] && /* @__PURE__ */ o(a, { type: "connector", size: l, variant: r, children: /* @__PURE__ */ o(u, {}) })
+] }, t)) });
+export {
+  i as QueryLabel
+};

package/dist/components/Toolbar/QueryLabelItem.js

@@ -0,0 +1,7 @@
+import { jsx as i } from "react/jsx-runtime";
+import '../../assets/QueryLabelItem.css';const m = "_item_1e67k_1", n = {
+  item: m
+}, o = ({ type: t = "search", size: e = "xs", variant: a = "default", children: s, label: r }) => /* @__PURE__ */ i("span", { className: n.item, "data-type": t, "data-variant": a, "data-size": e, children: s || r });
+export {
+  o as QueryItem
+};

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,10 +1,10 @@
 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 "../../SearchField-QTfebYdU.js";
+import { M as x } from "../../SearchField-BU7Imhpe.js";
 import "../../index-p1eeF8LQ.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { DatepickerFilter as M } from "./DatepickerFilter.js";
 import { formatDateRange as j } from "./formatDateRange.js";

package/dist/components/Toolbar/Toolbar.js

@@ -2,8 +2,8 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarFilter as u } from "./ToolbarFilter.js";
 import { ToolbarSearch as b } from "./ToolbarSearch.js";

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,8 +2,8 @@ import { jsxs as g, Fragment as f, jsx as m } from "react/jsx-runtime";
 import { useState as B, createElement as I } from "react";
 import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import "react-dom";
 import "../RootProvider/RootProvider.js";
+import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarFilterMenu as N } from "./ToolbarFilterMenu.js";
 import { useFilter as O } from "./useFilter.js";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -1,85 +1,67 @@
-"use client";
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import u, { forwardRef as y, useRef as m, useEffect as w } from "react";
-import { Button as b } from "../Button/Button.js";
+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 { Dropdown as O } from "../Dropdown/Dropdown.js";
+import { M as w } from "../../SearchField-BU7Imhpe.js";
 import "../RootProvider/RootProvider.js";
-import { M as I } from "../../SearchField-QTfebYdU.js";
-import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
+import { Dropdown as x } from "../Dropdown/Dropdown.js";
+import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { u as R } from "../../useId-BVFxCjkq.js";
-var j = function(t, a) {
-  var o = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (o[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      a.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
-  return o;
-};
-const C = y((t, a) => {
-  var { title: o, titleId: e } = t, r = j(t, ["title", "titleId"]);
-  let i = R();
-  return i = o ? e || "title-" + i : void 0, u.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: a, "aria-labelledby": i }, r),
-    o ? u.createElement("title", { id: i }, o) : null,
-    u.createElement("path", { fill: "currentColor", d: "M12.75 5.5a.75.75 0 0 0-1.5 0v5.75H5.5a.75.75 0 0 0 0 1.5h5.75v5.75a.75.75 0 0 0 1.5 0v-5.75h5.75a.75.75 0 0 0 0-1.5h-5.75z" })
-  );
-}), H = ({
-  label: t = "Legg til filter",
-  items: a,
-  groups: o = {},
-  onAdd: e,
-  onToggle: r,
-  onClose: i,
-  open: n,
-  dropdownSize: p = "sm"
+import { S as R } from "../../Plus-Cj3oOc3N.js";
+const j = ({
+  label: i = "Legg til filter",
+  items: d,
+  groups: l = {},
+  onAdd: m,
+  onToggle: u,
+  onClose: c,
+  open: r,
+  dropdownSize: f = "sm"
 }) => {
-  const l = x({ id: "tool-filter-add" }), f = m(n), g = m(!1), c = a?.map((d) => ({
+  const e = C({ id: "tool-filter-add" }), n = a(r), p = a(!1), s = d?.map((o) => ({
     linkIcon: !0,
-    ...d,
-    onClick: () => e?.(d?.name ?? "")
+    ...o,
+    onClick: () => m?.(o?.name ?? "")
   }));
-  if (w(() => {
-    const d = f.current;
-    f.current = n, d && !n && l?.triggerRef?.current?.focus();
-  }, [n, l.triggerRef]), !c?.length)
+  if (y(() => {
+    const o = n.current;
+    n.current = r, o && !r && e?.triggerRef?.current?.focus();
+  }, [r, e.triggerRef]), !s?.length)
     return null;
-  const h = () => {
-    const d = document.getElementById(l.menuId);
-    g.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
+  const g = () => {
+    const o = document.getElementById(e.menuId);
+    p.current = !!o?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), c();
   };
-  return /* @__PURE__ */ s(
-    O,
+  return /* @__PURE__ */ t(
+    x,
     {
       variant: "drawer-dropdown",
-      size: p,
-      trigger: /* @__PURE__ */ v(
-        b,
+      size: f,
+      trigger: /* @__PURE__ */ h(
+        v,
         {
           variant: "secondary",
           style: {
             borderStyle: "dashed"
           },
           "aria-haspopup": "menu",
-          "aria-expanded": n,
-          "aria-controls": n ? l.menuId : void 0,
-          onClick: r,
-          ref: l.triggerRef,
+          "aria-expanded": r,
+          "aria-controls": r ? e.menuId : void 0,
+          onClick: u,
+          ref: e.triggerRef,
           children: [
-            /* @__PURE__ */ s(C, { "aria-hidden": "true", focusable: "false" }),
-            /* @__PURE__ */ s("span", { children: t })
+            /* @__PURE__ */ t(R, { "aria-hidden": "true", focusable: "false" }),
+            /* @__PURE__ */ t("span", { children: i })
           ]
         }
       ),
-      open: n,
-      onClose: h,
-      ...l.dropdownA11yProps,
-      children: /* @__PURE__ */ s(I, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
+      open: r,
+      onClose: g,
+      ...e.dropdownA11yProps,
+      children: /* @__PURE__ */ t(w, { groups: l, items: s, maxLevels: 1, keyboardEvents: r, open: r, ...e.menuA11yProps })
     }
   );
 };
 export {
-  H as ToolbarFilterAddMenu
+  j as ToolbarFilterAddMenu
 };

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,8 +2,8 @@ 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 "react-dom";
 import "../RootProvider/RootProvider.js";
+import "react-dom";
 import { Tooltip as s } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as c } from "../Button/ButtonGroup.js";

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
+import { M as H } from "../../SearchField-BU7Imhpe.js";
+import "../RootProvider/RootProvider.js";
 import "../Button/Button.js";
-import { M as H } from "../../SearchField-QTfebYdU.js";
 import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Dropdown as F } from "../Dropdown/Dropdown.js";
 import { ToolbarFilterButton as P } from "./ToolbarFilterButton.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -1,47 +1,48 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Button as u } from "../Button/Button.js";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Dropdown as b } from "../Dropdown/Dropdown.js";
+import { M as f } from "../../SearchField-BU7Imhpe.js";
 import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-QTfebYdU.js";
-import { useDropdownMenuController as h } from "../Menu/useDropdownMenuController.js";
+import { Dropdown as h } from "../Dropdown/Dropdown.js";
+import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { S as g } from "../../ChevronUpDown-DqGsU4MC.js";
-const I = ({
-  title: s = "Title",
-  label: i = "Label",
-  items: l = [],
-  dropdownSize: p = "sm",
+import { S as x } from "../../ChevronUpDown-DqGsU4MC.js";
+const j = ({
+  label: s = "Label",
+  variant: i = "solid",
+  title: l = "Title",
+  items: p = [],
+  dropdownSize: m = "sm",
   id: t = "toolbar-menu",
-  onSelectId: m,
+  onSelectId: d,
   ...e
 }) => {
-  const o = h({ id: t, returnFocusOnClose: !0 }), a = e.searchable ? "combobox" : "menu", d = l.map((n) => ({
+  const o = g({ id: t, returnFocusOnClose: !0 }), a = e.searchable ? "combobox" : "menu", c = p.map((n) => ({
     ...n,
     onClick: () => {
-      m?.(n?.id ?? ""), n?.role !== "checkbox" && o.setOpen(!1);
+      d?.(n?.id ?? ""), n?.role !== "checkbox" && o.setOpen(!1);
     }
   }));
   return /* @__PURE__ */ r(
-    b,
+    h,
     {
       id: t,
       variant: "drawer-dropdown",
-      title: s,
-      size: p,
-      trigger: /* @__PURE__ */ c(
-        u,
+      title: l,
+      size: m,
+      trigger: /* @__PURE__ */ u(
+        b,
         {
-          variant: "solid",
+          variant: i,
           onClick: o.toggleMenu,
           "aria-expanded": o.open,
           "aria-haspopup": "menu",
           "aria-controls": o.open ? o.menuId : void 0,
           ref: o.triggerRef,
           children: [
-            /* @__PURE__ */ r("span", { children: i }),
-            /* @__PURE__ */ r(g, { "aria-hidden": "true", focusable: "false" })
+            /* @__PURE__ */ r("span", { children: s }),
+            /* @__PURE__ */ r(x, { "aria-hidden": "true", focusable: "false" })
           ]
         }
       ),
@@ -52,7 +53,7 @@ const I = ({
         f,
         {
           ...e,
-          items: d,
+          items: c,
           keyboardEvents: o.open,
           a11yMode: a,
           open: o.open,
@@ -64,5 +65,5 @@ const I = ({
   );
 };
 export {
-  I as ToolbarMenu
+  j as ToolbarMenu
 };