@altinn/altinn-components 0.56.34 → 0.57.3

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import c, { forwardRef as d } from "react";
-import "../RootProvider/RootProvider.js";
+import c, { forwardRef as f } from "react";
+import "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import { BreadcrumbsLink as m } from "./BreadcrumbsLink.js";
 import "react-dom";
@@ -16,7 +16,7 @@ import '../../assets/Breadcrumbs.css';var u = function(t, n) {
       n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const h = d((t, n) => {
+const h = f((t, n) => {
   var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
   let i = p();
   return i = l ? e || "title-" + i : void 0, c.createElement(
@@ -25,17 +25,17 @@ const h = d((t, n) => {
     l ? c.createElement("title", { id: i }, l) : null,
     c.createElement("path", { fill: "currentColor", d: "M14.088 6.873a.75.75 0 0 1 .942.097l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H5a.75.75 0 0 1-.75-.74V12a.75.75 0 0 1 .75-.75h12.19l-3.22-3.22a.75.75 0 0 1 .118-1.157" })
   );
-}), b = "_list_tknjf_1", _ = "_item_tknjf_12", g = "_icon_tknjf_18", a = {
+}), b = "_list_37zln_1", _ = "_item_37zln_11", g = "_icon_37zln_17", a = {
   list: b,
   item: _,
   icon: g
-}, E = ({ ariaLabel: t = "Breadcrumbs", className: n, items: l = [] }) => /* @__PURE__ */ o("nav", { className: n, "aria-label": t, children: /* @__PURE__ */ o("ol", { className: a.list, children: l.map((e, r) => {
+}, N = ({ ariaLabel: t = "Breadcrumbs", className: n, items: l = [] }) => /* @__PURE__ */ o("nav", { className: n, "aria-label": t, children: /* @__PURE__ */ o("ol", { className: a.list, children: l.map((e, r) => {
   const { label: i, ...s } = e;
-  return l?.length > r + 1 ? /* @__PURE__ */ f("li", { className: a.item, children: [
+  return l?.length > r + 1 ? /* @__PURE__ */ d("li", { className: a.item, children: [
     /* @__PURE__ */ o(m, { ...s, children: i }),
     /* @__PURE__ */ o(h, { className: a.icon, "aria-hidden": !0 })
   ] }, r) : /* @__PURE__ */ o("li", { className: a.item, children: /* @__PURE__ */ o(m, { ...s, "aria-current": "page", children: i }) }, r);
 }) }) });
 export {
-  E as Breadcrumbs
+  N as Breadcrumbs
 };

package/dist/components/Breadcrumbs/BreadcrumbsLink.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as l } from "../../index-p1eeF8LQ.js";
-import '../../assets/BreadcrumbsLink.css';const m = "_link_1ouoq_1", k = {
+import '../../assets/BreadcrumbsLink.css';const m = "_link_12any_1", k = {
   link: m
-}, u = ({
+}, x = ({
   as: o,
   className: s,
   disabled: n = !1,
@@ -24,5 +24,5 @@ import '../../assets/BreadcrumbsLink.css';const m = "_link_1ouoq_1", k = {
   }
 );
 export {
-  u as BreadcrumbsLink
+  x as BreadcrumbsLink
 };

package/dist/components/Bulk/BulkFooter.js

@@ -1,10 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { createElement as n } from "react";
 import { BulkButton as i } from "./BulkButton.js";
-import '../../assets/BulkFooter.css';const l = "_footer_vl7dx_1", m = "_actions_vl7dx_28", t = {
+import '../../assets/BulkFooter.css';const l = "_footer_vl7dx_1", m = "_actions_vl7dx_28", r = {
   footer: l,
   actions: m
-}, _ = ({ hidden: e = !1, color: r = "company", actions: a }) => /* @__PURE__ */ o("footer", { className: t.footer, "data-color": r, "aria-hidden": e, children: /* @__PURE__ */ o("div", { className: t.actions, children: a?.map((s, c) => /* @__PURE__ */ n(i, { ...s, key: c })) }) });
+}, _ = ({ hidden: o = !1, color: e = "company", actions: a }) => /* @__PURE__ */ t("footer", { className: r.footer, "data-color": e, "aria-hidden": o, inert: o || void 0, children: /* @__PURE__ */ t("div", { className: r.actions, children: a?.map((s, c) => /* @__PURE__ */ n(i, { ...s, key: c })) }) });
 export {
   _ as BulkFooter
 };

package/dist/components/Bulk/BulkHeader.js

@@ -1,38 +1,54 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { createElement as p } from "react";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useRef as m, useEffect as _, createElement as B } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
-import { Heading as _ } from "../Typography/Heading.js";
-import { Button as h } from "../Button/Button.js";
-import { ButtonGroup as u } from "../Button/ButtonGroup.js";
+import { useEscapeKey as h } from "../../hooks/useEscapeKey.js";
+import { H as y, E as v } from "../../Section-xbt3ft20.js";
+import { Button as k } from "../Button/Button.js";
+import { ButtonGroup as N } from "../Button/ButtonGroup.js";
 import "react-dom";
-import { BulkButton as f } from "./BulkButton.js";
+import { BulkButton as E } from "./BulkButton.js";
 import "../Snackbar/useSnackbar.js";
-import { S as B } from "../../XMark-tKk6aExO.js";
-import '../../assets/BulkHeader.css';const k = "_header_3oi77_1", y = "_container_3oi77_22", N = "_title_3oi77_45", v = "_dismissButton_3oi77_59", x = "_options_3oi77_64", o = {
-  header: k,
-  container: y,
-  title: N,
-  dismissButton: v,
-  options: x
-}, X = ({
-  color: e = "company",
-  hidden: r = !1,
-  title: s,
-  dismissable: n = !0,
-  dismissIconAltText: a = "Close",
-  options: m,
-  onDismiss: c
-}) => /* @__PURE__ */ t("header", { className: o.header, "aria-hidden": r, "data-color": e, children: /* @__PURE__ */ i("div", { className: o.container, children: [
-  /* @__PURE__ */ t(_, { size: "md", className: o.title, children: s }),
-  /* @__PURE__ */ i(u, { children: [
-    /* @__PURE__ */ t("div", { className: o.options, children: m?.map((l, d) => /* @__PURE__ */ p(f, { ...l, key: d })) }),
-    n && /* @__PURE__ */ i(h, { onClick: c, className: o.dismissButton, "aria-label": a, children: [
-      /* @__PURE__ */ t(B, { style: { fontSize: "1.5em" } }),
-      /* @__PURE__ */ t("span", { "data-size": "sm", children: "Avbryt" })
-    ] })
-  ] })
-] }) });
+import '../../assets/BulkHeader.css';const H = "_header_3oi77_1", x = "_container_3oi77_22", z = "_title_3oi77_45", R = "_dismissButton_3oi77_59", S = "_options_3oi77_64", o = {
+  header: H,
+  container: x,
+  title: z,
+  dismissButton: R,
+  options: S
+}, w = ({
+  color: l = "company",
+  hidden: t = !1,
+  title: u,
+  dismissable: s = !0,
+  dismissIconAltText: p = "Close",
+  options: f,
+  onDismiss: i
+}) => {
+  const n = m(null), a = m(t);
+  return h(() => {
+    s && i?.();
+  }), _(() => {
+    a.current && !t && n.current?.querySelector("button")?.focus(), a.current = t;
+  }, [t]), /* @__PURE__ */ e(
+    "header",
+    {
+      ref: n,
+      className: o.header,
+      "aria-hidden": t,
+      inert: t || void 0,
+      "data-color": l,
+      children: /* @__PURE__ */ r("div", { className: o.container, children: [
+        /* @__PURE__ */ e(y, { size: "md", className: o.title, children: u }),
+        /* @__PURE__ */ r(N, { children: [
+          /* @__PURE__ */ e("div", { className: o.options, children: f?.map((c, d) => /* @__PURE__ */ B(E, { ...c, key: d })) }),
+          s && /* @__PURE__ */ r(k, { onClick: i, className: o.dismissButton, "aria-label": p, children: [
+            /* @__PURE__ */ e(v, { style: { fontSize: "1.5em" } }),
+            /* @__PURE__ */ e("span", { "data-size": "sm", children: "Avbryt" })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
 export {
-  X as BulkHeader
+  w as BulkHeader
 };

package/dist/components/Button/Button.js

@@ -1,21 +1,21 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as f from "react";
 import { B as m } from "../../button-BB5sYVKY.js";
-import '../../assets/Button.css';const h = "_button_11lhb_1", p = {
-  button: h
-}, x = f.forwardRef(function({ as: s = "button", children: r, size: d, icon: i, variant: t, color: e, rounded: u, loading: o, ...a }, c) {
+import '../../assets/Button.css';const p = "_button_fzg2r_1", y = {
+  button: p
+}, x = f.forwardRef(function({ as: r = "button", children: s, size: d, icon: i, variant: t, color: e, rounded: u, loading: o, ...a }, c) {
   const b = t === "outline" ? "secondary" : t === "ghost" ? "tertiary" : t, l = a?.disabled || a?.["aria-disabled"] || o;
   return /* @__PURE__ */ n(
     m,
     {
-      className: p.button,
+      className: y.button,
       "data-variant": b,
       "data-size": d,
       "data-color": e,
       "data-icon": i,
       "data-rounded": u,
       asChild: !0,
-      children: /* @__PURE__ */ n(s, { ...a, ref: c, "aria-busy": o, "aria-disabled": l, children: r })
+      children: /* @__PURE__ */ n(r, { ...a, ref: c, "aria-busy": o, "aria-disabled": l, children: s })
     }
   );
 });

package/dist/components/Button/ButtonGroup.js

@@ -1,22 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c } from "../../index-p1eeF8LQ.js";
 import { Button as b } from "./Button.js";
-import '../../assets/ButtonGroup.css';const e = "_buttonGroup_12m7k_1", i = "_wrap_12m7k_15", t = {
+import '../../assets/ButtonGroup.css';const e = "_buttonGroup_uhor5_1", i = "_wrap_uhor5_27", t = {
   buttonGroup: e,
   wrap: i
-}, f = ({ children: a, variant: o, color: r, size: p, disabled: s, connected: u, wrap: n }) => u ? /* @__PURE__ */ m(
+}, f = ({ children: o, variant: a, color: r, size: u, disabled: p, connected: s, wrap: n }) => s ? /* @__PURE__ */ m(
   b,
   {
     as: "span",
     className: c(t.buttonGroup, {
       [t.wrap]: n
     }),
-    size: p,
+    size: u,
     color: r,
-    variant: o,
-    "data-connected": u,
-    "aria-disabled": s,
-    children: a
+    variant: a,
+    "data-connected": s,
+    "aria-disabled": p,
+    children: o
   }
 ) : /* @__PURE__ */ m(
   "span",
@@ -24,11 +24,11 @@ import '../../assets/ButtonGroup.css';const e = "_buttonGroup_12m7k_1", i = "_wr
     className: c(t.buttonGroup, {
       [t.wrap]: n
     }),
-    "data-size": p,
+    "data-size": u,
     "data-color": r,
-    "data-variant": o,
-    "aria-disabled": s,
-    children: a
+    "data-variant": a,
+    "aria-disabled": p,
+    children: o
   }
 );
 export {

package/dist/components/Button/ButtonIcon.js

@@ -1,10 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import { isValidElement as i } from "react";
-import { isIconProps as n, Icon as o } from "../Icon/Icon.js";
+import { i as n, I as o } from "../../Section-xbt3ft20.js";
 import { isAvatarProps as c, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as _, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
-import "../RootProvider/RootProvider.js";
 import "./Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
@@ -17,7 +16,7 @@ import '../../assets/ButtonIcon.css';const f = "_media_1exbv_1", d = "_icon_1exb
 function x(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
 }
-const z = ({ icon: a, size: s, iconAltText: m, className: e }) => /* @__PURE__ */ r("span", { className: p(t.media, e), "data-size": s, "aria-label": m, children: c(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || _(a) && /* @__PURE__ */ r(l, { ...a, className: t.avatarGroup }) || n(a) && /* @__PURE__ */ r(o, { ...a, className: t.icon }) || x(a) && a || /* @__PURE__ */ r(o, { svgElement: a, className: t.icon }) });
+const j = ({ icon: a, size: s, iconAltText: e, className: m }) => /* @__PURE__ */ r("span", { className: p(t.media, m), "data-size": s, "aria-label": e, children: c(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || _(a) && /* @__PURE__ */ r(l, { ...a, className: t.avatarGroup }) || n(a) && /* @__PURE__ */ r(o, { ...a, className: t.icon }) || x(a) && a || /* @__PURE__ */ r(o, { svgElement: a, className: t.icon }) });
 export {
-  z as ButtonIcon
+  j as ButtonIcon
 };

package/dist/components/Button/ComboButton.js

@@ -2,7 +2,7 @@ import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { Button as m } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as c } from "./ButtonGroup.js";

package/dist/components/Button/FloatingActionButton.js

@@ -2,10 +2,10 @@ import { jsx as o } from "react/jsx-runtime";
 import { Button as e } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as l } from "../../InformationSquare-D3WAxfVw.js";
+import { S as l } from "../../Trash-BG9YcGIl.js";
 import '../../assets/FloatingActionButton.css';const u = "_button_1n5nt_1", c = {
   button: u
 }, h = ({

package/dist/components/Button/IconButton.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as m } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/IconButton.css';const i = "_button_z82uk_1", u = {

package/dist/components/Byline/Byline.js

@@ -1,35 +1,13 @@
-import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { Avatar as f } from "../Avatar/Avatar.js";
-import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import "../Avatar/Avatar.js";
+import "../Avatar/AvatarGroup.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { Skeleton as n } from "../Skeleton/Skeleton.js";
+import { B as n } from "../../Section-xbt3ft20.js";
+import "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const y = "_byline_fzp7k_1", k = "_avatar_fzp7k_7", u = "_avatarGroup_fzp7k_12", N = "_label_fzp7k_26", t = {
-  byline: y,
-  avatar: k,
-  avatarGroup: u,
-  label: N
-}, T = ({
-  loading: l,
-  color: m = "neutral",
-  size: r = "xs",
-  avatar: o,
-  avatarGroup: e,
-  datetime: s,
-  children: i,
-  as: p,
-  ...c
-}) => {
-  const _ = p || "div", b = s ? "time" : "span";
-  return /* @__PURE__ */ v(_, { ...c, className: t.byline, "data-color": m, "data-size": r, children: [
-    (e || o) && /* @__PURE__ */ a(n, { variant: "circle", className: t.avatar, loading: l, children: e ? /* @__PURE__ */ a(d, { ...e, size: r, className: t.avatarGroup }) : o && /* @__PURE__ */ a(f, { ...o, size: r, className: t.avatar }) }),
-    /* @__PURE__ */ a(b, { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(n, { loading: l, children: i }) })
-  ] });
-};
 export {
-  T as Byline
+  n as Byline
 };

package/dist/components/Byline/index.js

@@ -1,4 +1,4 @@
-import { Byline as r } from "./Byline.js";
+import { B as r } from "../../Section-xbt3ft20.js";
 export {
   r as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,14 +1,12 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import u, { forwardRef as m, useMemo as c } from "react";
+import u, { forwardRef as c, useMemo as m } from "react";
 import { Button as f } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { M as g } from "../../SearchField-BU7Imhpe.js";
-import { useRootContext as h } from "../RootProvider/RootProvider.js";
-import { Dropdown as b } from "../Dropdown/Dropdown.js";
+import { x as g, g as h, M as x } from "../../Section-xbt3ft20.js";
+import { Tooltip as b } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
-import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
-import { Tooltip as v } from "../Tooltip/Tooltip.js";
+import { useDropdownMenuController as v } from "../Menu/useDropdownMenuController.js";
 import { u as y } from "../../useId-BVFxCjkq.js";
 var O = function(t, l) {
   var r = {};
@@ -18,7 +16,7 @@ var O = function(t, l) {
       l.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
   return r;
 };
-const w = m((t, l) => {
+const w = c((t, l) => {
   var { title: r, titleId: e } = t, o = O(t, ["title", "titleId"]);
   let i = y();
   return i = r ? e || "title-" + i : void 0, u.createElement(
@@ -27,7 +25,7 @@ const w = m((t, l) => {
     r ? u.createElement("title", { id: i }, r) : null,
     u.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" })
   );
-}), A = ({
+}), T = ({
   groups: t = {},
   items: l,
   title: r,
@@ -35,17 +33,17 @@ const w = m((t, l) => {
   placement: o = "right",
   "aria-label": i
 }) => {
-  const n = x({ id: e, returnFocusOnClose: !0 }), { languageCode: s } = h(), d = c(() => l.map((p) => ({
-    ...p,
+  const n = v({ id: e, returnFocusOnClose: !0 }), { languageCode: d } = g(), p = m(() => l.map((s) => ({
+    ...s,
     onClick: () => {
-      n.setOpen(!1), p.onClick?.();
+      n.setOpen(!1), s.onClick?.();
     }
   })), [l, n]);
   return /* @__PURE__ */ a(
-    b,
+    h,
     {
       backdrop: !1,
-      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(v, { content: r || C(s).title, hidden: n.open, children: /* @__PURE__ */ a(
+      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(b, { content: r || C(d).title, hidden: n.open, children: /* @__PURE__ */ a(
         f,
         {
           ref: n.triggerRef,
@@ -67,7 +65,7 @@ const w = m((t, l) => {
       placement: o,
       useFixedPosition: !0,
       ...n.dropdownA11yProps,
-      children: /* @__PURE__ */ a(g, { groups: t, items: d, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
+      children: /* @__PURE__ */ a(x, { groups: t, items: p, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
     }
   );
 }, C = (t) => {
@@ -87,5 +85,5 @@ const w = m((t, l) => {
   }
 };
 export {
-  A as ContextMenu
+  T as ContextMenu
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -2,27 +2,25 @@
 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 "../RootProvider/RootProvider.js";
-import { ItemMedia as R } from "../Item/ItemMedia.js";
-import { Typography as _ } from "../Typography/Typography.js";
-import { Heading as w } from "../Typography/Heading.js";
+import { h as R, H as _ } from "../../Section-xbt3ft20.js";
+import { Typography as w } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { S as u } from "../../index-D7FJjvrv.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
 import { u as N } from "../../use-merge-refs-Cj4kTYVj.js";
-import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1, variant: r = "default", className: e, ...o }, s) {
-  const c = n ? u : "div", i = g(null), k = N([i, s]);
+import '../../assets/DashboardCard.css';const b = p(function({ asChild: n = !1, variant: e = "default", className: r, ...o }, c) {
+  const s = n ? u : "div", a = g(null), k = N([a, c]);
   return B(() => {
-    const m = i.current, d = ({ ctrlKey: v, metaKey: x, target: y }) => {
-      const a = m?.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
-      !a || a?.contains(y) || (v || x ? window.open(a.href, "", "noreferrer") : a.click());
+    const d = a.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 m?.addEventListener("click", d), () => m?.removeEventListener("click", d);
-  }, []), t(c, { className: h("ds-card", e), "data-variant": r, ref: k, ...o });
-}), j = p(function({ asChild: n, className: r, ...e }, o) {
-  return t(n ? u : "div", { className: h("ds-card__block", r), ref: o, ...e });
+    return d?.addEventListener("click", m), () => d?.removeEventListener("click", m);
+  }, []), t(s, { className: h("ds-card", r), "data-variant": e, ref: k, ...o });
+}), j = p(function({ asChild: n, className: e, ...r }, o) {
+  return t(n ? u : "div", { className: h("ds-card__block", e), ref: o, ...r });
 }), C = Object.assign(b, {
   Block: j
 });
@@ -30,17 +28,17 @@ C.Block.displayName = "Card.Block";
 const E = "_icon_112og_1", S = {
   icon: E
 };
-function K({
+function F({
   color: l,
   theme: n = "tinted",
-  icon: r,
-  title: e,
+  icon: e,
+  title: r,
   href: o,
-  children: s,
-  loading: c,
-  className: i
+  children: c,
+  loading: s,
+  className: a
 }) {
-  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: i, children: [
+  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: a, children: [
     /* @__PURE__ */ f(
       "header",
       {
@@ -51,14 +49,14 @@ function K({
           rowGap: "1rem"
         },
         children: [
-          r && /* @__PURE__ */ t(R, { loading: c, icon: r, className: S.icon }),
-          /* @__PURE__ */ t(w, { size: "lg", loading: c, children: o ? /* @__PURE__ */ t("a", { href: o, children: e }) : e })
+          e && /* @__PURE__ */ t(R, { loading: s, icon: e, className: S.icon }),
+          /* @__PURE__ */ t(_, { size: "lg", loading: s, children: o ? /* @__PURE__ */ t("a", { href: o, children: r }) : r })
         ]
       }
     ),
-    /* @__PURE__ */ t(_, { size: "sm", loading: c, children: s })
+    /* @__PURE__ */ t(w, { size: "sm", loading: s, children: c })
   ] });
 }
 export {
-  K as DashboardCard
+  F as DashboardCard
 };

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,28 +1,25 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as c } from "../Skeleton/Skeleton.js";
-import "../RootProvider/RootProvider.js";
-import { ItemMedia as p } from "../Item/ItemMedia.js";
-import { Typography as a } from "../Typography/Typography.js";
-import { Heading as d } from "../Typography/Heading.js";
+import { S as m, h as p, H as d } from "../../Section-xbt3ft20.js";
+import { Typography as l } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "../Page/Flex.js";
-import { Section as l } from "../Page/Section.js";
-import '../../assets/DashboardHeader.css';const h = "_icon_1lga1_1", f = {
+import '../../assets/DashboardHeader.css';const h = "_icon_1lga1_1", g = {
   icon: h
-}, D = ({ icon: e, title: m, description: s, loading: r, children: n }) => /* @__PURE__ */ o(l, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
-  /* @__PURE__ */ o(t, { direction: "row", align: "center", spacing: 3, children: [
-    e && /* @__PURE__ */ i(p, { loading: r, icon: e, className: f.icon }),
-    /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [
-      /* @__PURE__ */ i(d, { size: "lg", loading: r, children: m }),
-      /* @__PURE__ */ i(a, { as: "section", variant: "subtle", size: "xs", loading: r, children: s })
+}, z = ({ icon: o, title: s, description: a, loading: e, children: n }) => /* @__PURE__ */ i(m, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
+  /* @__PURE__ */ i(t, { direction: "row", align: "center", spacing: 3, children: [
+    o && /* @__PURE__ */ r(p, { loading: e, icon: o, className: g.icon }),
+    /* @__PURE__ */ i(t, { direction: "col", spacing: 0, children: [
+      /* @__PURE__ */ r(d, { size: "lg", loading: e, children: s }),
+      /* @__PURE__ */ r(l, { as: "section", variant: "subtle", size: "xs", loading: e, children: a })
     ] })
   ] }),
-  /* @__PURE__ */ i(c, { loading: r, children: n })
+  /* @__PURE__ */ r(c, { loading: e, children: n })
 ] });
 export {
-  D as DashboardHeader
+  z as DashboardHeader
 };

package/dist/components/Datepicker/Datepicker.js

@@ -2,7 +2,7 @@
 import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { c as f } from "../../index-p1eeF8LQ.js";
 import { useState as x } from "react";
-import { useRootContext as J } from "../RootProvider/RootProvider.js";
+import { x as J } from "../../Section-xbt3ft20.js";
 import { DatepickerHeader as v } from "./DatepickerHeader.js";
 import { DatepickerTable as D } from "./DatepickerTable.js";
 import { useDatepicker as M } from "./useDatepicker.js";

package/dist/components/Datepicker/DatepickerHeader.js

@@ -3,11 +3,10 @@ import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { Button as d } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as f } from "react";
-import "../RootProvider/RootProvider.js";
+import { N as m } from "../../Section-xbt3ft20.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { u as m } from "../../useId-BVFxCjkq.js";
-import { S as p } from "../../ChevronRight-ANFWmIs1.js";
+import { u as p } from "../../useId-BVFxCjkq.js";
 import '../../assets/DatepickerHeader.css';var h = function(t, n) {
   var r = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
@@ -18,7 +17,7 @@ import '../../assets/DatepickerHeader.css';var h = function(t, n) {
 };
 const u = f((t, n) => {
   var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
-  let o = m();
+  let o = p();
   return o = r ? e || "title-" + o : 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: n, "aria-labelledby": o }, l),
@@ -29,13 +28,13 @@ const u = f((t, n) => {
   header: v,
   title: _,
   nav: g
-}, S = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
+}, R = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
   /* @__PURE__ */ i("h2", { className: c.title, children: t }),
   /* @__PURE__ */ s("nav", { className: c.nav, children: [
     /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: r, "aria-label": "prev icon", children: /* @__PURE__ */ i(u, {}) }),
-    /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: n, "aria-label": "next icon", children: /* @__PURE__ */ i(p, {}) })
+    /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: n, "aria-label": "next icon", children: /* @__PURE__ */ i(m, {}) })
   ] })
 ] });
 export {
-  S as DatepickerHeader
+  R as DatepickerHeader
 };

package/dist/components/Datepicker/DatepickerTable.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import { Button as h } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/DatepickerTable.css';const u = "_table_1k8nb_1", y = "_weekday_1k8nb_7", p = "_date_1k8nb_13", _ = "_button_1k8nb_23", a = {

package/dist/components/Dialog/Dialog.js

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