@altinn/altinn-components 0.13.4 → 0.14.1

package/dist/components/Avatar/AvatarGroup.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { c as n } from "../../index-L8X2o7IH.js";
 import { useMemo as p } from "react";
 import { Avatar as f } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const x = "_group_1xzlf_1", d = "_reset_1xzlf_5", h = "_item_1xzlf_12", z = "_xs_1xzlf_16", A = "_sm_1xzlf_36", U = "_md_1xzlf_56", y = "_lg_1xzlf_76", o = {
+import '../../assets/AvatarGroup.css';const x = "_group_1xzlf_1", d = "_reset_1xzlf_5", h = "_item_1xzlf_12", z = "_xs_1xzlf_16", A = "_sm_1xzlf_36", U = "_md_1xzlf_56", y = "_lg_1xzlf_76", l = {
   group: x,
   reset: d,
   item: h,
@@ -12,23 +12,23 @@ import '../../assets/AvatarGroup.css';const x = "_group_1xzlf_1", d = "_reset_1x
   md: U,
   lg: y
 }, a = ({
-  items: l = [],
-  maxItemsCount: s = 4,
-  defaultType: _,
+  items: t = [],
+  maxItemsCount: r = 4,
+  defaultType: m,
   size: c = "sm",
-  className: m
+  className: _
 }) => {
-  const t = p(() => l.slice(0, s), [l, s]);
-  return (l == null ? void 0 : l.length) === 0 ? /* @__PURE__ */ r("div", { className: o.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(o.reset, o.group, o[c], m), "data-count": t == null ? void 0 : t.length, children: t.map((e, g) => {
-    const u = g === s - 1, i = e.customLabel || u ? l.length.toString() : void 0;
-    return /* @__PURE__ */ r("li", { className: n(o.reset, o.item), children: /* @__PURE__ */ r(
+  const s = p(() => t.slice(0, r), [t, r]);
+  return t.length === 0 ? /* @__PURE__ */ o("div", { className: l.avatarGroup }) : /* @__PURE__ */ o("ul", { className: n(l.reset, l.group, l[c], _), "data-count": s == null ? void 0 : s.length, children: s.map((e, i) => {
+    const g = i === r - 1, u = e.customLabel || g ? t.length.toString() : void 0;
+    return /* @__PURE__ */ o("li", { className: n(l.reset, l.item), children: /* @__PURE__ */ o(
       f,
       {
         name: e.name,
-        customLabel: i,
+        customLabel: u,
         imageUrl: e.imageUrl,
         imageUrlAlt: e.imageUrlAlt,
-        type: (e == null ? void 0 : e.type) || _,
+        type: (e == null ? void 0 : e.type) || m,
         size: c,
         outline: !0
       }

package/dist/components/Badge/Badge.js

@@ -1,9 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/Badge.css';const n = "_badge_1k5t5_1", d = "_label_1k5t5_15", e = {
-  badge: n,
-  label: d
-}, _ = ({ label: s, color: l = "neutral", size: t = "sm", className: c, children: o }) => /* @__PURE__ */ a("span", { className: r(e.badge, c), "data-color": l, "data-size": t, children: /* @__PURE__ */ a("span", { className: e.label, children: s || o }) });
+import { c as n } from "../../index-L8X2o7IH.js";
+import '../../assets/Badge.css';const o = "_badge_dqhhh_1", b = "_label_dqhhh_15", e = {
+  badge: o,
+  label: b
+}, i = ({
+  label: s,
+  color: l = "neutral",
+  variant: t = "subtle",
+  size: d = "sm",
+  className: r,
+  children: c
+}) => /* @__PURE__ */ a("span", { className: n(e.badge, r), "data-color": l, "data-variant": t, "data-size": d, children: /* @__PURE__ */ a("span", { className: e.label, children: s || c }) });
 export {
-  _ as Badge
+  i as Badge
 };

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -3,29 +3,29 @@ import { useState as S } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { QueryLabel as I } from "./QueryLabel.js";
-import { Button as L } from "../Button/Button.js";
-import { IconButton as b } from "../Button/IconButton.js";
+import { QueryLabel as k } from "./QueryLabel.js";
+import { Button as I } from "../Button/Button.js";
+import { IconButton as L } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import { ListItemBase as v } from "../List/ListItemBase.js";
 import { ListItemHeader as y } from "../List/ListItemHeader.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as z } from "../Page/Section.js";
-import { Flex as F } from "../Page/Flex.js";
+import { Flex as z } from "../Page/Flex.js";
+import { Section as F } from "../Page/Section.js";
 import { TextField as H } from "../TextField/TextField.js";
 const R = ({
   size: p = "sm",
-  icon: f = "bookmark",
+  icon: C,
   expanded: t,
   loading: o,
   title: i,
-  titleField: l,
-  untitled: C = "Untitled bookmark",
-  params: a,
+  titleField: f,
+  untitled: b = "Untitled bookmark",
+  params: l,
   onToggle: m,
   saveButton: n,
   removeButton: e,
-  inputValue: k,
+  inputValue: a,
   onChange: u,
   as: j,
   ...c
@@ -36,30 +36,29 @@ const R = ({
       y,
       {
         size: p,
-        title: i || C,
+        title: i || b,
         loading: o,
-        icon: f,
         onClick: m,
-        controls: /* @__PURE__ */ r(b, { variant: "outline", size: "sm", icon: "chevron-up", onClick: m }),
+        controls: /* @__PURE__ */ r(L, { variant: "outline", size: "sm", icon: "chevron-up", onClick: m }),
         ...c
       }
     ),
-    t && /* @__PURE__ */ s(z, { padding: "lg", spacing: "lg", children: [
-      /* @__PURE__ */ r(I, { params: a }),
-      l && /* @__PURE__ */ r(
+    t && /* @__PURE__ */ s(F, { padding: 4, spacing: 4, children: [
+      /* @__PURE__ */ r(k, { params: l }),
+      f && /* @__PURE__ */ r(
         H,
         {
-          ...l,
+          ...f,
           name: "title",
-          value: typeof k == "string" ? k : w,
+          value: typeof a == "string" ? a : w,
           onChange: (h) => {
             typeof u == "function" ? u(h) : x(h.target.value);
           }
         }
       ),
-      (n || e) && /* @__PURE__ */ s(F, { as: "footer", direction: "row", spacing: "sm", children: [
-        n && /* @__PURE__ */ r(L, { ...n }),
-        e && /* @__PURE__ */ r(L, { ...e, variant: "outline" })
+      (n || e) && /* @__PURE__ */ s(z, { as: "footer", direction: "row", spacing: 2, children: [
+        n && /* @__PURE__ */ r(I, { ...n }),
+        e && /* @__PURE__ */ r(I, { ...e, variant: "outline" })
       ] })
     ] })
   ] }) : /* @__PURE__ */ r(v, { ...c, loading: o, expanded: t, children: /* @__PURE__ */ r(
@@ -69,10 +68,10 @@ const R = ({
       size: p,
       title: i,
       loading: o,
-      icon: f,
-      controls: !o && /* @__PURE__ */ r(b, { variant: "outline", size: "sm", icon: "chevron-down", onClick: m }),
+      icon: C,
+      controls: !o && /* @__PURE__ */ r(L, { variant: "outline", size: "sm", icon: "chevron-down", onClick: m }),
       ...c,
-      children: !i && !o && /* @__PURE__ */ r(I, { params: a })
+      children: !i && !o && /* @__PURE__ */ r(k, { params: l })
     }
   ) });
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -1,40 +1,40 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { createElement as c } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Typography as f } from "../Typography/Typography.js";
-import { Heading as l } from "../Typography/Heading.js";
+import { Heading as h } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import { BookmarksListItem as k } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as x } from "../List/ListBase.js";
+import { ListBase as l } from "../List/ListBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as h } from "../Page/Section.js";
-const U = ({
-  loading: m,
-  title: p,
-  description: e,
-  items: t,
+import { Section as x } from "../Page/Section.js";
+const I = ({
+  loading: t,
+  title: e,
+  description: p,
+  items: m,
   untitled: d = "Untitled bookmark",
-  titleField: n,
-  expandedId: s,
+  titleField: a,
+  expandedId: n,
   onToggle: i
-}) => /* @__PURE__ */ a(h, { padding: "xl", bg: "surface", spacing: "lg", inset: !0, children: [
-  /* @__PURE__ */ o(l, { size: "md", children: p }),
-  t.length > 0 && /* @__PURE__ */ o(x, { spacing: "xs", children: t.map((r) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ s(x, { padding: 6, theme: "surface-hover", spacing: 4, bleed: !0, children: [
+  /* @__PURE__ */ o(h, { size: "md", children: e }),
+  m.length > 0 && /* @__PURE__ */ o(l, { spacing: "xs", children: m.map((r) => /* @__PURE__ */ c(
     k,
     {
       ...r,
       key: r.id,
-      loading: m || r.loading,
+      loading: t || r.loading,
       onToggle: () => i == null ? void 0 : i(r.id),
-      expanded: s === r.id,
+      expanded: n === r.id,
       untitled: d,
-      titleField: n
+      titleField: a
     }
   )) }),
-  /* @__PURE__ */ o(f, { size: "xs", children: e })
+  /* @__PURE__ */ o(f, { size: "xs", children: p })
 ] });
 export {
-  U as BookmarksSection
+  I as BookmarksSection
 };

package/dist/components/Bookmarks/QueryLabel.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import '../../assets/QueryLabel.css';const c = "_label_1sssm_1", m = "_group_1sssm_9", o = "_plus_1sssm_15", n = "_item_1sssm_19", l = {
+import '../../assets/QueryLabel.css';const c = "_label_vyrts_1", o = "_group_vyrts_9", n = "_plus_vyrts_15", m = "_item_vyrts_19", t = {
   label: c,
-  group: m,
-  plus: o,
-  item: n
-}, p = ({ type: s = "search", label: t }) => /* @__PURE__ */ e("mark", { className: l.item, "data-type": s, children: t }), _ = ({ params: s = [] }) => /* @__PURE__ */ e("div", { className: l.label, children: s.map((t, r) => /* @__PURE__ */ a("div", { className: l.group, children: [
-  /* @__PURE__ */ e(p, { ...t }),
-  s[r + 1] && /* @__PURE__ */ e("span", { className: l.plus, children: "+" })
+  group: o,
+  plus: n,
+  item: m
+}, p = ({ type: s = "search", label: l }) => /* @__PURE__ */ e("mark", { className: t.item, "data-type": s, children: l }), _ = ({ params: s = [] }) => /* @__PURE__ */ e("div", { className: t.label, children: s.map((l, r) => /* @__PURE__ */ a("div", { className: t.group, children: [
+  /* @__PURE__ */ e(p, { ...l }),
+  s[r + 1] && /* @__PURE__ */ e("span", { className: t.plus, children: "+" })
 ] }, r)) });
 export {
   p as QueryItem,

package/dist/components/Button/Button.js

@@ -1,50 +1,50 @@
-import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
 import { c as u } from "../../index-L8X2o7IH.js";
 import { ButtonBase as d } from "./ButtonBase.js";
 import { ButtonIcon as _ } from "./ButtonIcon.js";
 import { ButtonLabel as B } from "./ButtonLabel.js";
-import '../../assets/Button.css';const h = "_button_1ysmx_1", y = "_reverse_1ysmx_8", t = {
+import '../../assets/Button.css';const h = "_button_1ysmx_1", N = "_reverse_1ysmx_8", t = {
   button: h,
-  reverse: y
+  reverse: N
 }, I = ({
-  variant: o = "solid",
-  color: e = "primary",
-  size: r = "md",
+  variant: r = "solid",
+  color: e,
+  size: s = "md",
   reverse: n = !1,
   selected: a = !1,
   icon: m,
   href: l,
   label: i,
-  children: p,
-  className: b,
+  children: b,
+  className: p,
   loading: f,
   ...c
-}) => f ? /* @__PURE__ */ s(
+}) => f ? /* @__PURE__ */ o(
   d,
   {
-    variant: o,
+    variant: r,
     color: e,
-    size: r,
+    size: s,
     selected: a,
     href: l,
-    className: u(t.button, { [t.reverse]: n }, b),
+    className: u(t.button, { [t.reverse]: n }, p),
     ...c,
     disabled: !0,
-    children: /* @__PURE__ */ s("span", { className: t.label, "data-size": r, children: /* @__PURE__ */ s("span", { className: t.loading, children: "Loading...." }) })
+    children: /* @__PURE__ */ o("span", { className: t.label, "data-size": s, children: /* @__PURE__ */ o("span", { className: t.loading, children: "Loading...." }) })
   }
 ) : /* @__PURE__ */ x(
   d,
   {
-    variant: o,
+    variant: r,
     color: e,
-    size: r,
+    size: s,
     selected: a,
     href: l,
     className: u(t.button, { [t.reverse]: n }),
     ...c,
     children: [
-      m && /* @__PURE__ */ s(_, { size: r, icon: m }),
-      /* @__PURE__ */ s(B, { size: r, children: p || i })
+      m && /* @__PURE__ */ o(_, { size: s, icon: m }),
+      /* @__PURE__ */ o(B, { size: s, children: b || i })
     ]
   }
 );

package/dist/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as b } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const l = "_button_w0yrj_1", p = {
+import '../../assets/ButtonBase.css';const l = "_button_q1tar_1", p = {
   button: l
 }, _ = ({
   as: o,

package/dist/components/Button/ComboButton.js

@@ -1,36 +1,36 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { c as p } from "../../index-L8X2o7IH.js";
 import { ButtonBase as n } from "./ButtonBase.js";
 import { ButtonIcon as b } from "./ButtonIcon.js";
-import { ButtonLabel as y } from "./ButtonLabel.js";
-import '../../assets/ComboButton.css';const u = "_button_tbm58_1", f = "_divider_tbm58_8", v = "_primary_tbm58_15", B = "_secondary_tbm58_16", r = {
-  button: u,
+import { ButtonLabel as u } from "./ButtonLabel.js";
+import '../../assets/ComboButton.css';const y = "_button_tbm58_1", f = "_divider_tbm58_8", v = "_primary_tbm58_15", B = "_secondary_tbm58_16", r = {
+  button: y,
   divider: f,
   primary: v,
   secondary: B
 }, k = ({
-  variant: a = "solid",
-  color: m = "primary",
+  variant: s = "solid",
+  color: a,
   size: o = "md",
-  selected: s = !1,
+  selected: m = !1,
   icon: c,
   children: i,
   className: d,
   onLabelClick: e,
   onIconClick: l
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ _(
   n,
   {
     as: "div",
     size: o,
-    variant: a,
-    color: m,
-    selected: s,
-    className: _(r.button, d),
+    variant: s,
+    color: a,
+    selected: m,
+    className: p(r.button, d),
     children: [
       /* @__PURE__ */ t(n, { size: o, onClick: l, className: r.secondary, children: /* @__PURE__ */ t(b, { icon: c, size: o }) }),
       /* @__PURE__ */ t("span", { "data-size": o, className: r.divider }),
-      /* @__PURE__ */ t(n, { size: o, onClick: e, className: r.primary, children: /* @__PURE__ */ t(y, { size: o, children: i }) })
+      /* @__PURE__ */ t(n, { size: o, onClick: e, className: r.primary, children: /* @__PURE__ */ t(u, { size: o, children: i }) })
     ]
   }
 );

package/dist/components/Button/IconButton.js

@@ -1,31 +1,31 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as a } from "../../index-L8X2o7IH.js";
-import { ButtonBase as e } from "./ButtonBase.js";
-import { ButtonIcon as b } from "./ButtonIcon.js";
-import '../../assets/IconButton.css';const f = "_button_1vbf2_1", p = "_icon_1vbf2_8", _ = {
-  button: f,
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "../../index-L8X2o7IH.js";
+import { ButtonBase as a } from "./ButtonBase.js";
+import { ButtonIcon as _ } from "./ButtonIcon.js";
+import '../../assets/IconButton.css';const d = "_button_118jo_1", p = "_icon_118jo_8", b = {
+  button: d,
   icon: p
-}, v = ({
+}, x = ({
   variant: n = "solid",
-  color: r = "primary",
-  size: t = "md",
+  size: o = "md",
   icon: c,
-  iconSize: s,
+  color: s,
+  iconSize: r,
   className: i,
   onClick: m,
   dataTestId: u
-}) => /* @__PURE__ */ o(
-  e,
+}) => /* @__PURE__ */ t(
+  a,
   {
     variant: n,
-    color: r,
-    size: t,
-    className: a(_.button, i),
+    color: s,
+    size: o,
+    className: e(b.button, i),
     onClick: m,
     "data-testid": u,
-    children: /* @__PURE__ */ o(b, { icon: c, size: s || t })
+    children: /* @__PURE__ */ t(_, { icon: c, size: r || o })
   }
 );
 export {
-  v as IconButton
+  x as IconButton
 };

package/dist/components/Byline/Byline.js

@@ -4,17 +4,25 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { Skeleton as m } from "../Skeleton/Skeleton.js";
-import { Avatar as c } from "../Avatar/Avatar.js";
-import { AvatarGroup as p } from "../Avatar/AvatarGroup.js";
+import { Avatar as p } from "../Avatar/Avatar.js";
+import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const b = "_byline_pzenw_1", d = "_label_pzenw_7", e = {
-  byline: b,
-  label: d
-}, k = ({ loading: r, size: t = "xs", avatar: l, avatarGroup: i, datetime: o, children: s }) => /* @__PURE__ */ n("div", { className: e.byline, "data-size": t, children: [
-  /* @__PURE__ */ a(m, { variant: "circle", className: e.avatar, loading: r, children: i ? /* @__PURE__ */ a(p, { ...i, size: t, className: e.avatar }) : l && /* @__PURE__ */ a(c, { ...l, size: t, className: e.avatar }) }),
-  /* @__PURE__ */ a("time", { "data-size": t, dateTime: o, className: e.label, children: /* @__PURE__ */ a(m, { loading: r, children: s }) })
+import '../../assets/Byline.css';const d = "_byline_160ic_1", y = "_label_160ic_7", t = {
+  byline: d,
+  label: y
+}, B = ({
+  loading: e,
+  color: o = "neutral",
+  size: r = "xs",
+  avatar: l,
+  avatarGroup: i,
+  datetime: s,
+  children: c
+}) => /* @__PURE__ */ n("div", { className: t.byline, "data-color": o, "data-size": r, children: [
+  /* @__PURE__ */ a(m, { variant: "circle", className: t.avatar, loading: e, children: i ? /* @__PURE__ */ a(b, { ...i, size: r, className: t.avatar }) : l && /* @__PURE__ */ a(p, { ...l, size: r, className: t.avatar }) }),
+  /* @__PURE__ */ a("time", { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(m, { loading: e, children: c }) })
 ] });
 export {
-  k as Byline
+  B as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,53 +1,52 @@
 "use client";
-import { jsxs as y, jsx as n } from "react/jsx-runtime";
-import { c as x } from "../../index-L8X2o7IH.js";
-import { useRef as h, useMemo as j } from "react";
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { c as C } from "../../index-L8X2o7IH.js";
+import { useRef as h, useMemo as b } from "react";
 import "../Icon/SvgIcon.js";
-import { useClickOutside as C } from "../../hooks/useClickOutside.js";
+import { useClickOutside as k } from "../../hooks/useClickOutside.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { IconButton as w } from "../Button/IconButton.js";
-import { MenuItems as b } from "../Menu/MenuItems.js";
-import { useRootContext as k } from "../RootProvider/RootProvider.js";
-import { DropdownBase as I } from "../Dropdown/DropdownBase.js";
+import { IconButton as I } from "../Button/IconButton.js";
+import { useRootContext as M } from "../RootProvider/RootProvider.js";
+import { MenuItems as j } from "../Menu/MenuItems.js";
+import { DropdownBase as v } from "../Dropdown/DropdownBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ContextMenu.css';const M = "_toggle_ya7jy_1", N = "_button_ya7jy_5", v = "_icon_ya7jy_14", z = "_dropdown_ya7jy_18", e = {
-  toggle: M,
-  button: N,
-  icon: v,
-  dropdown: z
-}, G = ({
-  id: r = "context-menu",
-  placement: l = "right",
+import '../../assets/ContextMenu.css';const z = "_toggle_nol5i_1", B = "_button_nol5i_5", N = "_icon_nol5i_14", l = {
+  toggle: z,
+  button: B,
+  icon: N
+}, F = ({
+  id: e = "context-menu",
+  placement: i = "right",
   size: m,
-  groups: a = {},
+  groups: u = {},
   className: p,
-  items: s
+  items: r
 }) => {
-  const { currentId: u, toggleId: d, closeAll: t } = k(), c = h(null);
-  C(c, () => t());
-  const g = () => d(r), _ = u === r, f = j(() => s.map((o) => ({
+  const { currentId: a, toggleId: g, closeAll: t } = M(), c = h(null);
+  k(c, () => t());
+  const d = () => g(e), f = a === e, x = b(() => r.map((o) => ({
     ...o,
     onClick: () => {
-      var i;
-      (i = o.onClick) == null || i.call(o), t();
+      var s;
+      (s = o.onClick) == null || s.call(o), t();
     }
-  })), [s, t]);
-  return /* @__PURE__ */ y("div", { className: x(e.toggle, p), "data-theme": "neutral", ref: c, children: [
+  })), [r, t]);
+  return /* @__PURE__ */ _("div", { className: C(l.toggle, p), "data-color": "neutral", ref: c, children: [
     /* @__PURE__ */ n(
-      w,
+      I,
       {
-        className: e.button,
+        className: l.button,
         size: m,
         icon: "menu-elipsis-horizontal",
         iconSize: "md",
         variant: "text",
-        color: "secondary",
-        onClick: g
+        color: "neutral",
+        onClick: d
       }
     ),
-    /* @__PURE__ */ n(I, { className: e.dropdown, placement: l, open: _, children: /* @__PURE__ */ n(b, { groups: a, items: f }) })
+    /* @__PURE__ */ n(v, { placement: i, open: f, children: /* @__PURE__ */ n(j, { groups: u, items: x }) })
   ] });
 };
 export {
-  G as ContextMenu
+  F as ContextMenu
 };

package/dist/components/Datepicker/DatepickerHeader.js

@@ -1,18 +1,22 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import { IconButton as r } from "../Button/IconButton.js";
-import '../../assets/DatepickerHeader.css';const s = "_header_xt893_1", c = "_title_xt893_8", l = "_nav_xt893_14", t = {
+import { IconButton as i } from "../Button/IconButton.js";
+import '../../assets/DatepickerHeader.css';const s = "_header_xt893_1", c = "_title_xt893_8", m = "_nav_xt893_14", e = {
   header: s,
   title: c,
-  nav: l
-}, _ = ({ title: a, onNext: i, onPrev: o }) => /* @__PURE__ */ n("header", { className: t.header, children: [
-  /* @__PURE__ */ e("h2", { className: t.title, children: a }),
-  /* @__PURE__ */ n("nav", { className: t.nav, children: [
-    /* @__PURE__ */ e(r, { icon: "chevron-left", size: "sm", variant: "text", onClick: o }),
-    /* @__PURE__ */ e(r, { icon: "chevron-right", size: "sm", variant: "text", onClick: i })
+  nav: m
+}, k = ({ title: n, onNext: o, onPrev: a }) => /* @__PURE__ */ r("header", { className: e.header, children: [
+  /* @__PURE__ */ t("h2", { className: e.title, children: n }),
+  /* @__PURE__ */ r("nav", { className: e.nav, children: [
+    /* @__PURE__ */ t(i, { icon: "chevron-left", size: "sm", variant: "text", onClick: a }),
+    /* @__PURE__ */ t(i, { icon: "chevron-right", size: "sm", variant: "text", onClick: o })
   ] })
 ] });
 export {
-  _ as DatepickerHeader
+  k as DatepickerHeader
 };

package/dist/components/Datepicker/DatepickerTable.js

@@ -1,32 +1,36 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../../index-L8X2o7IH.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-import '../../assets/DatepickerTable.css';const p = "_table_1pi98_1", y = "_weekday_1pi98_7", b = "_date_1pi98_13", _ = "_button_1pi98_23", a = {
+import '../../assets/DatepickerTable.css';const p = "_table_12itl_1", y = "_weekday_12itl_7", b = "_date_12itl_13", _ = "_button_12itl_23", a = {
   table: p,
   weekday: y,
   date: b,
   button: _
-}, T = ({
-  weekdays: r = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+}, C = ({
+  weekdays: n = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
   rows: d = [],
-  onSelect: s
+  onSelect: o
 }) => /* @__PURE__ */ u("table", { className: a.table, children: [
-  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 2) }, e)) }) }),
-  /* @__PURE__ */ t("tbody", { children: d.map((e, o) => /* @__PURE__ */ t("tr", { children: e.map((c) => {
-    const { day: i, date: n, selected: l, isCurrentMonth: m } = c;
+  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: n.map((e) => /* @__PURE__ */ t("th", { className: a.weekday, children: e.substring(0, 2) }, e)) }) }),
+  /* @__PURE__ */ t("tbody", { children: d.map((e, s) => /* @__PURE__ */ t("tr", { children: e.map((i) => {
+    const { day: l, date: r, selected: c, isCurrentMonth: m } = i;
     return /* @__PURE__ */ t("td", { className: a.date, "data-current-month": m, children: /* @__PURE__ */ t(
       h,
       {
         variant: "text",
-        selected: l,
+        selected: c,
         className: a.button,
-        onClick: () => s(n),
-        children: i
+        onClick: () => o(r),
+        children: l
       }
-    ) }, n);
-  }) }, o)) })
+    ) }, r);
+  }) }, s)) })
 ] });
 export {
-  T as DatepickerTable
+  C as DatepickerTable
 };