@altinn/altinn-components 0.52.3 → 0.52.4

package/dist/components/Avatar/AvatarGroup.js

@@ -1,40 +1,40 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import { useMemo as h } from "react";
-import { Avatar as A } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const _ = "_group_1ts6c_1", y = "_item_1ts6c_10", t = {
-  group: _,
-  item: y
-}, N = (o) => typeof o == "object" && o !== null && "items" in o, P = ({
-  items: o = [],
-  maxItemsCount: i = 4,
-  defaultType: r,
-  size: u,
-  className: m,
-  style: p,
-  maxItemsCountReachedLabel: g
+import { jsx as r } from "react/jsx-runtime";
+import { c as n } from "../../index-p1eeF8LQ.js";
+import { useMemo as f } from "react";
+import { Avatar as h } from "./Avatar.js";
+import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", o = {
+  group: A,
+  item: _
+}, G = (e) => typeof e == "object" && e !== null && "items" in e, L = ({
+  items: e = [],
+  maxItemsCount: s = 4,
+  defaultType: c,
+  size: m,
+  className: a,
+  style: u,
+  maxItemsCountReachedLabel: p
 }) => {
-  const s = h(() => o.slice(0, i).reverse(), [o, i]);
-  return o.length === 0 ? /* @__PURE__ */ l("div", { className: t.avatarGroup }) : /* @__PURE__ */ l("ul", { className: c(t.group, m), "data-size": u, "data-count": s == null ? void 0 : s.length, style: p, children: s.map((e, n) => {
-    const d = n === i - 1, f = e.customLabel || d ? g || o.length.toString() : void 0;
-    return /* @__PURE__ */ l("li", { className: c(t.item), children: /* @__PURE__ */ l(
-      A,
+  const l = f(() => e.slice(0, s).reverse(), [e, s]);
+  return e.length === 0 ? /* @__PURE__ */ r("div", { className: o.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(o.group, a), "data-size": m, "data-count": l?.length, style: u, children: l.map((t, i) => {
+    const g = i === s - 1, d = t.customLabel || g ? p || e.length.toString() : void 0;
+    return /* @__PURE__ */ r("li", { className: n(o.item), children: /* @__PURE__ */ r(
+      h,
       {
-        name: e.name,
-        customLabel: f,
-        imageUrl: e.imageUrl,
-        imageUrlAlt: e.imageUrlAlt,
-        type: (e == null ? void 0 : e.type) || r,
-        isParent: e == null ? void 0 : e.isParent,
-        isDeleted: e == null ? void 0 : e.isDeleted,
-        variant: e == null ? void 0 : e.variant,
+        name: t.name,
+        customLabel: d,
+        imageUrl: t.imageUrl,
+        imageUrlAlt: t.imageUrlAlt,
+        type: t?.type || c,
+        isParent: t?.isParent,
+        isDeleted: t?.isDeleted,
+        variant: t?.variant,
         outline: !0
       }
-    ) }, n);
+    ) }, i);
   }) });
 };
 export {
-  P as AvatarGroup,
-  N as isAvatarGroupProps
+  L as AvatarGroup,
+  G as isAvatarGroupProps
 };

package/dist/components/Badge/Badge.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as o } from "../../index-L8X2o7IH.js";
+import { c as o } from "../../index-p1eeF8LQ.js";
 import '../../assets/Badge.css';const b = "_badge_yrqxu_1", m = "_label_yrqxu_28", s = {
   badge: b,
   label: m

package/dist/components/Banner/Banner.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { c as f } from "../../index-L8X2o7IH.js";
+import { c as f } from "../../index-p1eeF8LQ.js";
 import c, { forwardRef as d } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
@@ -24,13 +24,13 @@ const _ = d((e, i) => {
     n ? c.createElement("title", { id: a }, n) : null,
     c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v16c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm.75 16V4.75h14.5v14.5zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0M10.5 10a.75.75 0 0 0 0 1.5h.75v4h-.75a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5h-.75v-4.75A.75.75 0 0 0 12 10z", clipRule: "evenodd" })
   );
-}), h = "_banner_1of7r_1", b = "_sticky_1of7r_12", g = "_title_1of7r_18", y = "_infoIcon_1of7r_25", o = {
+}), h = "_banner_1of7r_1", y = "_sticky_1of7r_12", b = "_title_1of7r_18", g = "_infoIcon_1of7r_25", o = {
   banner: h,
-  sticky: b,
-  title: g,
-  infoIcon: y
+  sticky: y,
+  title: b,
+  infoIcon: g
 };
-var w = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(w || {});
+var w = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(w || {});
 const R = ({ closeTitle: e = "close", onClose: i, text: n, color: t, sticky: r = !0 }) => /* @__PURE__ */ s(
   "section",
   {

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
+import { c as p } from "../../index-p1eeF8LQ.js";
 import "react";
 import { ButtonBase as f } from "./ButtonBase.js";
 import { ButtonLabel as _ } from "./ButtonLabel.js";

package/dist/components/Button/ButtonBase.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const x = "_button_12ruc_1", _ = {
+import { c as p } from "../../index-p1eeF8LQ.js";
+import '../../assets/ButtonBase.css';const x = "_button_129q3_1", _ = {
   button: x
 }, j = ({
   as: a,

package/dist/components/Button/ButtonGroup.js

@@ -1,10 +1,30 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { Flex as i } from "../Page/Flex.js";
-const f = ({ color: o, size: r, children: t, ...p }) => /* @__PURE__ */ m(i, { spacing: 3, color: o, size: r, ...p, children: t });
+import { jsx as n } from "react/jsx-runtime";
+import { ButtonBase as d } from "./ButtonBase.js";
+import '../../assets/ButtonGroup.css';const e = "_buttonGroup_189q2_1", p = {
+  buttonGroup: e
+}, m = ({ children: t, variant: o = "solid", color: a, size: r, disabled: s, connected: u }) => u ? /* @__PURE__ */ n(
+  d,
+  {
+    as: "span",
+    className: p.buttonGroup,
+    size: r,
+    color: a,
+    variant: o,
+    "data-connected": u,
+    "aria-disabled": s,
+    children: t
+  }
+) : /* @__PURE__ */ n(
+  "div",
+  {
+    className: p.buttonGroup,
+    "data-size": r,
+    "data-variant": o,
+    "data-color": a,
+    "aria-disabled": s,
+    children: t
+  }
+);
 export {
-  f as ButtonGroup
+  m as ButtonGroup
 };

package/dist/components/Button/ButtonGroupDivider.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import '../../assets/ButtonGroupDivider.css';const d = "_divider_1aeae_1", i = "_border_1aeae_15", e = {
+  divider: d,
+  border: i
+}, s = () => /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e.divider, children: /* @__PURE__ */ r("span", { className: e.border }) });
+export {
+  s as ButtonGroupDivider
+};

package/dist/components/Button/ButtonIcon.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
+import { c as m } from "../../index-p1eeF8LQ.js";
 import { isValidElement as n } from "react";
 import { isIconProps as c, Icon as o } from "../Icon/Icon.js";
 import { isAvatarProps as i, Avatar as _ } from "../Avatar/Avatar.js";

package/dist/components/Button/ButtonLabel.js

@@ -1,8 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonLabel.css';const o = "_label_1bn1y_1", n = {
+import { jsx as s } from "react/jsx-runtime";
+import { c as t } from "../../index-p1eeF8LQ.js";
+import '../../assets/ButtonLabel.css';const o = "_label_e847b_1", r = {
   label: o
-}, c = ({ className: a, size: l, children: s }) => /* @__PURE__ */ t("span", { className: e(n.label, a), "data-size": l, children: s });
+}, n = ({ className: a, size: e, children: l }) => /* @__PURE__ */ s("span", { className: t(r.label, a), "data-size": e, children: l });
 export {
-  c as ButtonLabel
+  n as ButtonLabel
 };

package/dist/components/Button/ComboButton.js

@@ -1,5 +1,5 @@
 import { jsxs as B, jsx as o } from "react/jsx-runtime";
-import { c as x } from "../../index-L8X2o7IH.js";
+import { c as x } from "../../index-p1eeF8LQ.js";
 import "react";
 import { ButtonBase as s } from "./ButtonBase.js";
 import { ButtonLabel as N } from "./ButtonLabel.js";

package/dist/components/Button/FloatingActionButton.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { ButtonBase as u } from "./ButtonBase.js";
 import { ButtonIcon as l } from "./ButtonIcon.js";

package/dist/components/Button/IconButton.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { ButtonBase as u } from "./ButtonBase.js";
 import { ButtonIcon as B } from "./ButtonIcon.js";

package/dist/components/Byline/Byline.js

@@ -1,5 +1,5 @@
 import { jsxs as v, jsx as a } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Avatar as f } from "../Avatar/Avatar.js";
 import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,82 +1,79 @@
 "use client";
-import { jsxs as y, jsx as f } from "react/jsx-runtime";
-import { c as I } from "../../index-L8X2o7IH.js";
-import m, { forwardRef as w, useRef as O, useMemo as k } from "react";
-import { useClickOutside as E } from "../../hooks/useClickOutside.js";
-import { useEnterKey as _ } from "../../hooks/useEnterKey.js";
-import { IconButton as C } from "../Button/IconButton.js";
-import { DropdownBase as M } from "../Dropdown/DropdownBase.js";
-import { useRootContext as j } from "../RootProvider/RootProvider.js";
-import { MenuItems as R } from "../Menu/MenuItems.js";
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import { c as y } from "../../index-p1eeF8LQ.js";
+import f, { forwardRef as I, useRef as w, useMemo as O } from "react";
+import { useClickOutside as k } from "../../hooks/useClickOutside.js";
+import { useEnterKey as E } from "../../hooks/useEnterKey.js";
+import { IconButton as _ } from "../Button/IconButton.js";
+import { DropdownBase as C } from "../Dropdown/DropdownBase.js";
+import { useRootContext as M } from "../RootProvider/RootProvider.js";
+import { MenuItems as j } from "../Menu/MenuItems.js";
 import "../Snackbar/useSnackbar.js";
-import { u as P } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var T = function(e, s) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && s.indexOf(t) < 0 && (r[t] = e[t]);
+import { u as R } from "../../useId-BVFxCjkq.js";
+import '../../assets/ContextMenu.css';var P = function(e, l) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
-      s.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
-  return r;
+      l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (n[t[o]] = e[t[o]]);
+  return n;
 };
-const A = w((e, s) => {
-  var { title: r, titleId: t } = e, o = T(e, ["title", "titleId"]);
-  let i = P();
-  return i = r ? t || "title-" + i : void 0, m.createElement(
+const T = I((e, l) => {
+  var { title: n, titleId: t } = e, o = P(e, ["title", "titleId"]);
+  let r = R();
+  return r = n ? t || "title-" + r : void 0, f.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: s, "aria-labelledby": i }, o),
-    r ? m.createElement("title", { id: i }, r) : null,
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
+    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: l, "aria-labelledby": r }, o),
+    n ? f.createElement("title", { id: r }, n) : null,
+    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), B = "_toggle_nol5i_1", S = {
-  toggle: B
-}, Q = ({
+}), A = "_toggle_nol5i_1", B = {
+  toggle: A
+}, J = ({
   id: e = "context-menu",
-  ariaLabel: s,
-  placement: r = "right",
+  ariaLabel: l,
+  placement: n = "right",
   groups: t = {},
   className: o,
-  items: i
+  items: r
 }) => {
-  const { currentId: v, toggleId: p, closeAll: a } = j(), d = O(null), g = "context-menu-" + e, x = () => p(e), u = v === e;
-  E(d, () => {
-    u && p(e);
+  const { currentId: g, toggleId: m, closeAll: c } = M(), u = w(null), p = "context-menu-" + e, v = () => m(e), a = g === e;
+  k(u, () => {
+    a && m(e);
   });
-  const b = k(() => i.map((n) => ({
-    ...n,
+  const x = O(() => r.map((i) => ({
+    ...i,
     tabIndex: -1,
     onClick: () => {
-      var c;
-      (c = n.onClick) == null || c.call(n), a();
+      i.onClick?.(), c();
     }
-  })), [i, a]);
-  _((n) => {
-    var c;
-    if (u) {
-      n.preventDefault();
-      const l = (c = d.current) == null ? void 0 : c.querySelector('[data-active="true"]');
-      l && (l.tagName === "A" && l.hasAttribute("href") ? l.click() : l.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a();
+  })), [r, c]);
+  E((i) => {
+    if (a) {
+      i.preventDefault();
+      const s = u.current?.querySelector('[data-active="true"]');
+      s && (s.tagName === "A" && s.hasAttribute("href") ? s.click() : s.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), c();
     }
   });
-  const h = (n) => {
-    var l;
-    ((l = n == null ? void 0 : n.relatedTarget) == null ? void 0 : l.closest(`[data-testid="${g}"]`)) || a();
+  const b = (i) => {
+    i?.relatedTarget?.closest(`[data-testid="${p}"]`) || c();
   };
-  return /* @__PURE__ */ y("div", { className: I(S.toggle, o), ref: d, "data-testid": g, children: [
-    /* @__PURE__ */ f(
-      C,
+  return /* @__PURE__ */ h("div", { className: y(B.toggle, o), ref: u, "data-testid": p, children: [
+    /* @__PURE__ */ d(
+      _,
       {
         size: "xs",
         rounded: !0,
-        icon: A,
+        icon: T,
         variant: "text",
-        onClick: x,
-        iconAltText: s || `Open ${e}`,
-        onBlurCapture: h
+        onClick: v,
+        iconAltText: l || `Open ${e}`,
+        onBlurCapture: b
       }
     ),
-    u && /* @__PURE__ */ f(M, { placement: r, open: u, children: /* @__PURE__ */ f(R, { groups: t, items: b, keyboardEvents: !0 }) })
+    a && /* @__PURE__ */ d(C, { placement: n, open: a, children: /* @__PURE__ */ d(j, { groups: t, items: x, keyboardEvents: !0 }) })
   ] });
 };
 export {
-  Q as ContextMenu
+  J as ContextMenu
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -1,42 +1,42 @@
 "use client";
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import { forwardRef as p, useRef as g, useEffect as B } from "react";
 import { Typography as R } from "../Typography/Typography.js";
 import { Heading as b } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { DashboardIcon as w } from "./DashboardIcon.js";
-import { S as u } from "../../index-D8Pn8SCu.js";
+import { S as u } from "../../index-D7FJjvrv.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
-import { u as j } from "../../useMergeRefs-DOnoWyUH.js";
-const D = p(function({ asChild: a = !1, variant: r = "default", className: o, ...t }, i) {
-  const c = a ? u : "div", l = g(null), k = j([l, i]);
+import { u as j } from "../../use-merge-refs-Cj4kTYVj.js";
+const D = p(function({ asChild: n = !1, variant: r = "default", className: e, ...o }, c) {
+  const a = n ? u : "div", s = g(null), k = j([s, c]);
   return B(() => {
-    const e = l.current, f = ({ ctrlKey: v, metaKey: x, target: y }) => {
-      const n = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
-      !n || n != null && n.contains(y) || (v || x ? window.open(n.href, "", "noreferrer") : n.click());
+    const d = s.current, m = ({ ctrlKey: v, metaKey: x, target: y }) => {
+      const i = d?.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
+      !i || i?.contains(y) || (v || x ? window.open(i.href, "", "noreferrer") : i.click());
     };
-    return e == null || e.addEventListener("click", f), () => e == null ? void 0 : e.removeEventListener("click", f);
-  }, []), s(c, { className: h("ds-card", o), "data-variant": r, ref: k, ...t });
-}), E = p(function({ asChild: a, className: r, ...o }, t) {
-  return s(a ? u : "div", { className: h("ds-card__block", r), ref: t, ...o });
+    return d?.addEventListener("click", m), () => d?.removeEventListener("click", m);
+  }, []), t(a, { className: h("ds-card", e), "data-variant": r, ref: k, ...o });
+}), E = p(function({ asChild: n, className: r, ...e }, o) {
+  return t(n ? u : "div", { className: h("ds-card__block", r), ref: o, ...e });
 }), C = Object.assign(D, {
   Block: E
 });
 C.Block.displayName = "Card.Block";
 function T({
-  color: m,
-  theme: a = "tinted",
+  color: l,
+  theme: n = "tinted",
   icon: r,
-  title: o,
-  href: t,
-  children: i,
-  loading: c,
-  className: l
+  title: e,
+  href: o,
+  children: c,
+  loading: a,
+  className: s
 }) {
-  return /* @__PURE__ */ d(C, { "data-color": m, variant: a, className: l, children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: s, children: [
+    /* @__PURE__ */ f(
       "header",
       {
         style: {
@@ -46,12 +46,12 @@ function T({
           rowGap: "1rem"
         },
         children: [
-          r && /* @__PURE__ */ s(w, { loading: c, icon: r, theme: "default" }),
-          /* @__PURE__ */ s(b, { size: "lg", loading: c, children: t ? /* @__PURE__ */ s("a", { href: t, children: o }) : o })
+          r && /* @__PURE__ */ t(w, { loading: a, icon: r, theme: "default" }),
+          /* @__PURE__ */ t(b, { size: "lg", loading: a, children: o ? /* @__PURE__ */ t("a", { href: o, children: e }) : e })
         ]
       }
     ),
-    /* @__PURE__ */ s(R, { size: "sm", loading: c, children: i })
+    /* @__PURE__ */ t(R, { size: "sm", loading: a, children: c })
   ] });
 }
 export {

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
 import { Typography as n } from "../Typography/Typography.js";

package/dist/components/Dashboard/DashboardIcon.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItemIcon as i } from "../Menu/MenuItemIcon.js";

package/dist/components/Datepicker/DatepickerBase.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
+import { c } from "../../index-p1eeF8LQ.js";
 import '../../assets/DatepickerBase.css';const s = "_datepicker_1h8rq_1", a = {
   datepicker: s
 }, p = ({ className: e, children: r }) => /* @__PURE__ */ t("div", { className: c(a.datepicker, e), children: r });

package/dist/components/Datepicker/DatepickerHeader.js

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

package/dist/components/Datepicker/DatepickerTable.js

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { ButtonBase as h } from "../Button/ButtonBase.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/Dialog.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as o, Fragment as f } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { DialogLayout as d } from "./DialogLayout.js";

package/dist/components/Dialog/DialogActions.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs as b, jsx as t } from "react/jsx-runtime";
-import { useMemo as d } from "react";
-import "../../index-L8X2o7IH.js";
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import "../../index-p1eeF8LQ.js";
 import { Button as g } from "../Button/Button.js";
 import { ComboButton as C } from "../Button/ComboButton.js";
 import { useRootContext as v } from "../RootProvider/RootProvider.js";
@@ -9,17 +9,14 @@ import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import { Menu as B } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
 import { S as _, a as k } from "../../ChevronUp-_BBfEirx.js";
-import '../../assets/DialogActions.css';const D = "_action_1n930_1", I = "_comboButton_1n930_8", a = {
+import '../../assets/DialogActions.css';const D = "_action_1n930_1", I = "_comboButton_1n930_8", d = {
   action: D,
   comboButton: I
 }, U = ({ items: i, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: p }) => {
-  const { currentId: m, closeAll: u, toggleId: f } = v(), e = m === l, r = d(() => (i || []).filter((o) => !o.hidden).sort((o, n) => {
+  const { currentId: m, closeAll: u, toggleId: b } = v(), e = m === l, r = a(() => (i || []).filter((o) => !o.hidden).sort((o, n) => {
     const c = ["primary", "secondary", "tertiary"];
-    return c.indexOf(o == null ? void 0 : o.priority) - c.indexOf(n == null ? void 0 : n.priority);
-  }), [i]), h = d(() => {
-    var o;
-    return (o = i.find((n) => n.priority === "primary")) == null ? void 0 : o.disabled;
-  }, [i]);
+    return c.indexOf(o?.priority) - c.indexOf(n?.priority);
+  }), [i]), f = a(() => i.find((o) => o.priority === "primary")?.disabled, [i]);
   if (!r.length || s <= 0)
     return null;
   if (r.length > s) {
@@ -30,27 +27,27 @@ import '../../assets/DialogActions.css';const D = "_action_1n930_1", I = "_combo
       group: n.priority,
       hidden: n.hidden
     }));
-    return /* @__PURE__ */ b("section", { className: a.comboButton, children: [
+    return /* @__PURE__ */ y("section", { className: d.comboButton, children: [
       /* @__PURE__ */ t(
         C,
         {
           variant: "solid",
           icon: e ? _ : k,
           size: "md",
-          onIconClick: () => f(l),
+          onIconClick: () => b(l),
           onLabelClick: r[0].onClick,
           ariaLabel: e ? "chevron up icon" : "chevron down icon",
           iconAltText: p,
-          disabled: h,
+          disabled: f,
           children: r[0].label
         }
       ),
       e && /* @__PURE__ */ t(x, { open: e, onClose: u, children: /* @__PURE__ */ t(B, { items: o }) })
     ] });
   }
-  return /* @__PURE__ */ t("section", { className: a.action, children: r.map((o, n) => {
-    const { priority: c, id: w, ...y } = o;
-    return /* @__PURE__ */ t(g, { variant: c === "primary" ? "solid" : "outline", size: "md", ...y, children: o.label }, "button-" + n);
+  return /* @__PURE__ */ t("section", { className: d.action, children: r.map((o, n) => {
+    const { priority: c, id: w, ...h } = o;
+    return /* @__PURE__ */ t(g, { variant: c === "primary" ? "solid" : "outline", size: "md", ...h, children: o.label }, "button-" + n);
   }) });
 };
 export {

package/dist/components/Dialog/DialogActivityLog.js

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

package/dist/components/Dialog/DialogAttachments.js

@@ -1,14 +1,14 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { AttachmentList as i } from "../Attachment/AttachmentList.js";
-import { Heading as m } from "../Typography/Heading.js";
+import { AttachmentList as m } from "../Attachment/AttachmentList.js";
+import { Heading as n } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as a } from "../Page/Section.js";
-const u = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ n(a, { spacing: 1, children: [
-  /* @__PURE__ */ r(m, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: o }),
-  /* @__PURE__ */ r(i, { items: t })
+import { Section as e } from "../Page/Section.js";
+const u = ({ title: i = "Attachments", items: t }) => t?.length ? /* @__PURE__ */ o(e, { spacing: 1, children: [
+  /* @__PURE__ */ r(n, { as: "h2", size: "xs", weight: "normal", variant: "subtle", children: i }),
+  /* @__PURE__ */ r(m, { items: t })
 ] }) : null;
 export {
   u as DialogAttachments