@altinn/altinn-components 0.56.33 → 0.57.2

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,14 +1,12 @@
 "use client";
-import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } 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 { Button as _ } from "../Button/Button.js";
+import { I as u, E as v } from "../../Section-jhq4n77E.js";
+import a, { forwardRef as _ } from "react";
+import { Button as g } 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";
+import { u as h } from "../../useId-BVFxCjkq.js";
 import '../../assets/SnackbarItem.css';var y = function(e, i) {
   var o = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
@@ -17,13 +15,13 @@ import '../../assets/SnackbarItem.css';var y = function(e, i) {
       i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
   return o;
 };
-const w = v((e, i) => {
+const w = _((e, i) => {
   var { title: o, titleId: t } = e, n = y(e, ["title", "titleId"]);
-  let r = g();
-  return r = o ? t || "title-" + r : void 0, a.createElement(
+  let l = h();
+  return l = o ? t || "title-" + l : void 0, a.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": r }, n),
-    o ? a.createElement("title", { id: r }, o) : 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: i, "aria-labelledby": l }, n),
+    o ? a.createElement("title", { id: l }, o) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
 }), O = "_item_1a13i_1", b = "_icon_1a13i_23", x = "_content_1a13i_33", I = "_action_1a13i_41", c = {
@@ -33,22 +31,22 @@ const w = v((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 T = ({
+const F = ({
   as: e,
   message: i,
   className: o,
   color: t,
   icon: n = w,
-  iconAltText: r = "Bell icon",
+  iconAltText: l = "Bell icon",
   dismissable: s = !0,
-  onDismiss: m,
-  ...d
-}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, role: "alert", ...d, children: [
-  /* @__PURE__ */ l(u, { svgElement: n, className: c.icon, "aria-hidden": "true" }),
-  /* @__PURE__ */ l("div", { className: c.content, children: i }),
-  s && /* @__PURE__ */ l("div", { className: c.action, children: /* @__PURE__ */ l(_, { variant: "solid", onClick: m, "aria-label": "close", children: /* @__PURE__ */ l(h, { style: { fontSize: "1.5em" } }) }) })
+  onDismiss: d,
+  ...m
+}) => /* @__PURE__ */ f(e || "div", { className: p(c.item, o), "data-color": t, role: "alert", ...m, children: [
+  /* @__PURE__ */ r(u, { svgElement: n, className: c.icon, "aria-hidden": "true" }),
+  /* @__PURE__ */ r("div", { className: c.content, children: i }),
+  s && /* @__PURE__ */ r("div", { className: c.action, children: /* @__PURE__ */ r(g, { variant: "solid", onClick: d, "aria-label": "close", children: /* @__PURE__ */ r(v, { style: { fontSize: "1.5em" } }) }) })
 ] });
 export {
   j as SnackbarColorEnum,
-  T as SnackbarItem
+  F as SnackbarItem
 };

package/dist/components/Timeline/Timeline.js

@@ -1,12 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { S as m } from "../../Section-jhq4n77E.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 });
+const u = ({ as: t = "ul", spacing: o = 2, children: r }) => /* @__PURE__ */ i(m, { as: t, spacing: o, style: { width: "100%" }, children: r });
 export {
-  x as Timeline
+  u as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -1,30 +1,28 @@
-import { jsxs as c, 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 { Typography as n } from "../Typography/Typography.js";
+import { S as c, B as n } from "../../Section-jhq4n77E.js";
+import { Typography as l } 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";
-const q = ({
+import { S as y } from "../../CircleFill-yFbEHBRX.js";
+const h = ({
   loading: r,
   byline: t,
-  icon: x = a,
-  color: S = "neutral",
+  icon: S = y,
+  color: x = "neutral",
   typographyProps: m = {},
   margin: p,
-  spacing: e,
-  datetime: s,
+  spacing: s,
+  datetime: e,
   children: o,
   footer: g,
   ...f
-}) => /* @__PURE__ */ c(y, { margin: p, spacing: e, ...f, children: [
-  t && /* @__PURE__ */ i(l, { loading: r, datetime: s, children: t }),
-  o && typeof o == "string" ? /* @__PURE__ */ i(n, { as: "p", loading: r, size: "md", ...m, children: o }) : o
+}) => /* @__PURE__ */ a(c, { margin: p, spacing: s, ...f, 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
 ] });
 export {
-  q as TimelineActivity
+  h as TimelineActivity
 };

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 "../../Section-jhq4n77E.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,21 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { B as l } from "../../Section-jhq4n77E.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";
-const T = ({
+import { S as s } from "../../CircleFill-yFbEHBRX.js";
+const S = ({
   loading: r,
   as: o = "li",
   color: m = "neutral",
-  icon: t = f,
-  iconColor: e,
+  icon: e = s,
+  iconColor: t,
   children: p
-}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: t, color: m, iconColor: e, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
+}) => /* @__PURE__ */ i(n, { loading: r, as: o, icon: e, color: m, iconColor: t, border: "hidden", children: /* @__PURE__ */ i(l, { loading: r, children: p }) });
 export {
-  T as TimelineFooter
+  S as TimelineFooter
 };

package/dist/components/Timeline/TimelineHeader.js

@@ -1,11 +1,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 { Skeleton as a } from "../Skeleton/Skeleton.js";
+import { B as c } from "../../Section-jhq4n77E.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";
@@ -13,10 +12,10 @@ import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_side
   header: p,
   sidebar: h,
   content: _
-}, k = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
-  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
-  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
+}, B = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(a, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
+  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(c, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  k as TimelineHeader
+  B as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -1,21 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
 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 { I as s, E as p, i as l } from "../../Section-jhq4n77E.js";
+import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.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 = {
+import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
   icon: g
 };
-function v(o) {
-  return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || p(o);
+function v(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
 }
-const j = ({ loading: o, size: i, color: e, theme: a, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: m.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: m.icon, "data-color": e, "data-size": i, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: m.avatarGroup }) || n(r) && /* @__PURE__ */ t(s, { ...r, theme: a }) || v(r) && r || /* @__PURE__ */ t(s, { theme: a, svgElement: r }) }) : null;
+const x = ({ loading: t, size: e, color: m, theme: i, icon: r }) => r ? t ? /* @__PURE__ */ o(s, { className: a.icon, svgElement: p, loading: !0 }) : /* @__PURE__ */ o("div", { className: a.icon, "data-color": m, "data-size": e, children: f(r) && /* @__PURE__ */ o(c, { ...r }) || u(r) && /* @__PURE__ */ o(d, { ...r, className: a.avatarGroup }) || l(r) && /* @__PURE__ */ o(s, { ...r, theme: i }) || v(r) && r || /* @__PURE__ */ o(s, { theme: i, svgElement: r }) }) : null;
 export {
-  j as TimelineIcon
+  x as TimelineIcon
 };

package/dist/components/Timeline/TimelineSection.js

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

package/dist/components/Timeline/TimelineSegment.js

@@ -1,31 +1,29 @@
-import { jsx as i, jsxs as S } from "react/jsx-runtime";
+import { jsx as i, jsxs as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { S, B as h } from "../../Section-jhq4n77E.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 { TimelineBase as x } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as x } from "../Page/Section.js";
-import { S as d } from "../../CircleFill-yFbEHBRX.js";
-const y = ({
+import { S as B } from "../../CircleFill-yFbEHBRX.js";
+const q = ({
   loading: r,
-  unread: m,
-  datetime: t,
+  unread: t,
+  datetime: m,
   byline: o,
-  icon: e = d,
-  color: p,
-  spacing: l = 2,
+  icon: e = B,
+  color: l,
+  spacing: p = 2,
   margin: n = "bottom",
-  children: c,
-  id: s,
-  footer: j,
-  ...f
-}) => /* @__PURE__ */ i(h, { loading: r, color: m ? p : "neutral", icon: e, as: "li", ...f, id: s, children: /* @__PURE__ */ S(x, { margin: n, spacing: l, children: [
-  o && /* @__PURE__ */ i(a, { loading: r, datetime: t, children: o }),
-  c
+  children: s,
+  id: c,
+  footer: d,
+  ...a
+}) => /* @__PURE__ */ i(x, { loading: r, color: t ? l : "neutral", icon: e, as: "li", ...a, id: c, children: /* @__PURE__ */ f(S, { margin: n, spacing: p, children: [
+  o && /* @__PURE__ */ i(h, { loading: r, datetime: m, children: o }),
+  s
 ] }) });
 export {
-  y as TimelineSegment
+  q as TimelineSegment
 };

package/dist/components/Toolbar/DatepickerFilter.js

@@ -6,21 +6,20 @@ import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { x, q as g } from "../../Section-jhq4n77E.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";
 import { MenuListDivider as p } from "../Menu/MenuListDivider.js";
 import "../Snackbar/useSnackbar.js";
 import { S } from "../../ArrowUndo-hge1gMu8.js";
-import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
+import '../../assets/DatepickerFilter.css';const u = {}, P = ({
   formData: t = { fromDate: "", toDate: "" },
   onChange: r,
-  onSubmit: f
+  onSubmit: b
 }) => {
-  const { fromDate: i, toDate: a } = t, { languageCode: b } = x(), { backLabel: d, fromLabel: L, toLabel: D } = y(b), 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
@@ -31,7 +30,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
       toDate: o.target.value
     });
   }, F = (o) => {
-    if (a) {
+    if (i) {
       r?.({
         ...t,
         fromDate: o,
@@ -39,16 +38,16 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
       });
       return;
     }
-    if (!i) {
+    if (!a) {
       r?.({
         ...t,
         fromDate: o
       });
       return;
     }
-    o < i ? r?.({
+    o < a ? r?.({
       ...t,
-      toDate: i,
+      toDate: a,
       fromDate: o
     }) : r?.({
       ...t,
@@ -57,21 +56,21 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
   };
   return /* @__PURE__ */ l(M, { children: [
     /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(g, { variant: "default", icon: S, title: d, onClick: () => {
-      f?.({ fromDate: i, toDate: a });
+      b?.({ fromDate: a, toDate: i });
     } }) }),
     /* @__PURE__ */ e(p, {}),
     /* @__PURE__ */ e(m, { children: /* @__PURE__ */ l(v, { size: "xs", children: [
       /* @__PURE__ */ l(n, { children: [
         /* @__PURE__ */ e(c, { children: L }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "fromDate", value: i, type: "date", onChange: k })
+        /* @__PURE__ */ e(s, { className: u.input, name: "fromDate", value: a, type: "date", onChange: k })
       ] }),
       /* @__PURE__ */ l(n, { children: [
         /* @__PURE__ */ e(c, { children: D }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "toDate", value: a, type: "date", onChange: h })
+        /* @__PURE__ */ e(s, { className: u.input, name: "toDate", value: i, type: "date", onChange: h })
       ] })
     ] }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: i, selectTo: a }) })
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: a, selectTo: i }) })
   ] });
 }, y = (t) => {
   switch (t) {
@@ -96,5 +95,5 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
   }
 };
 export {
-  Q as DatepickerFilter
+  P as DatepickerFilter
 };

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_votyc_1", c = {
+  item: m
+}, o = ({ type: t = "search", size: e = "xs", variant: a = "default", children: s, label: r }) => /* @__PURE__ */ i("span", { className: c.item, "data-type": t, "data-variant": a, "data-size": e, children: s || r });
+export {
+  o as QueryItem
+};

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,14 +1,13 @@
 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 { useRef as A, useState as u, useCallback as C, useEffect as R } from "react";
+import { M as x } from "../../Section-jhq4n77E.js";
 import "../../index-p1eeF8LQ.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";
-const P = ({
+const N = ({
   name: n = "time",
   size: k,
   searchable: v,
@@ -18,18 +17,18 @@ const P = ({
   filterState: o = {},
   onFilterStateChange: c
 }) => {
-  const i = A(null), [a, u] = p(!1), [t, w] = p(o?.fromDate?.[0] || ""), [r, b] = p(o?.toDate?.[0] || ""), y = () => {
+  const i = A(null), [a, p] = u(!1), [t, w] = u(o?.fromDate?.[0] || ""), [r, b] = u(o?.toDate?.[0] || ""), y = () => {
     c?.({
       ...o,
       [n]: ["fromAndToDate"]
-    }), u(!0);
+    }), p(!0);
   }, s = C(() => {
     c?.({
       ...o,
       fromDate: t ? [t] : void 0,
       toDate: r ? [r] : void 0,
       [n]: t || r ? ["fromAndToDate"] : void 0
-    }), u(!1);
+    }), p(!1);
   }, [c, o, t, r, n]);
   R(() => {
     if (!a) return;
@@ -66,5 +65,5 @@ const P = ({
   return a ? /* @__PURE__ */ d("div", { ref: i, children: /* @__PURE__ */ d(M, { formData: { fromDate: t, toDate: r }, onChange: L, onSubmit: s }) }) : /* @__PURE__ */ d(x, { size: k, searchable: v, keyboardEvents: l, items: g, groups: T });
 };
 export {
-  P as SelectDateFilter
+  N as SelectDateFilter
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,21 +1,19 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { y as i, T as x } from "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarFilter as u } from "./ToolbarFilter.js";
-import { ToolbarSearch as b } from "./ToolbarSearch.js";
-import { ToolbarMenu as i } from "./ToolbarMenu.js";
-import { ButtonGroup as f } from "../Button/ButtonGroup.js";
-const G = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /* @__PURE__ */ s(f, { size: "xs", wrap: !0, children: [
-  o && /* @__PURE__ */ r(i, { size: "md", ...o, virtualized: !0 }),
-  p?.map((a, l) => /* @__PURE__ */ r(i, { ...a }, l)),
-  m && /* @__PURE__ */ r(b, { ...m }),
-  t && /* @__PURE__ */ r(u, { ...t }),
+import { ToolbarFilter as f } from "./ToolbarFilter.js";
+import { ButtonGroup as l } from "../Button/ButtonGroup.js";
+const F = ({ accountMenu: t, menus: a, search: m, filter: p, disabled: r, children: e }) => /* @__PURE__ */ T(l, { size: "xs", wrap: !0, children: [
+  t && /* @__PURE__ */ o(i, { size: "md", ...t, disabled: r, virtualized: !0 }),
+  a?.map((s, u) => /* @__PURE__ */ o(i, { ...s, disabled: r }, u)),
+  m && /* @__PURE__ */ o(x, { ...m, disabled: r }),
+  p && /* @__PURE__ */ o(f, { ...p, disabled: r }),
   e
 ] });
 export {
-  G as Toolbar
+  F as Toolbar
 };