@altinn/altinn-components 0.56.33 → 0.57.2

package/dist/components/Bookmarks/BookmarkSettingsList.js

@@ -1,48 +1,53 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { Fragment as p, createElement as f } from "react";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Fragment as n, createElement as f } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as u } from "../../hooks/useMenu.js";
-import { Heading as h } from "../Typography/Heading.js";
+import { H as k, p as y } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
-import { BookmarkSettingsItem as k } from "./BookmarkSettingsItem.js";
+import { BookmarkSettingsItem as S } from "./BookmarkSettingsItem.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Divider as y } from "../Divider/Divider.js";
-import { List as S } from "../List/List.js";
+import { Divider as v } from "../Divider/Divider.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as v } from "../Page/Flex.js";
-import { SettingsSection as B } from "../Settings/SettingsSection.js";
-const w = ({ loading: s, items: t, groups: l = {}, sortGroupBy: a }) => {
+import { Flex as B } from "../Page/Flex.js";
+import { SettingsSection as j } from "../Settings/SettingsSection.js";
+const M = ({
+  loading: p,
+  highlightWords: l,
+  items: t,
+  groups: g = {},
+  sortGroupBy: a
+}) => {
   if (!t || t.length < 1)
     return null;
   const { menu: c } = u({
     items: t,
-    groups: l,
+    groups: g,
     groupByKey: "groupId",
     keyboardEvents: !1,
     sortGroupBy: a
   });
-  return /* @__PURE__ */ r(v, { as: "div", spacing: "page", direction: "col", children: c?.map((i, g) => {
-    const e = i.props || {};
-    return /* @__PURE__ */ n(p, { children: [
-      e?.title && /* @__PURE__ */ r(h, { size: "lg", children: e.title }),
-      /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(S, { size: "sm", children: i?.items.map((d, o) => {
-        const m = d.props || {};
-        return /* @__PURE__ */ n(p, { children: [
-          o > 0 && /* @__PURE__ */ r(y, { as: "li" }),
+  return /* @__PURE__ */ r(B, { as: "div", spacing: "page", direction: "col", children: c?.map((e, d) => {
+    const s = e.props || {};
+    return /* @__PURE__ */ m(n, { children: [
+      s?.title && /* @__PURE__ */ r(k, { size: "lg", children: s.title }),
+      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(y, { size: "sm", children: e?.items.map((h, i) => {
+        const o = h.props || {};
+        return /* @__PURE__ */ m(n, { children: [
+          i > 0 && /* @__PURE__ */ r(v, { as: "li" }),
           /* @__PURE__ */ f(
-            k,
+            S,
             {
-              ...m,
-              key: "settings-list-item" + o,
-              loading: s || m?.loading
+              ...o,
+              key: "settings-list-item" + i,
+              highlightWords: l || o?.highlightWords,
+              loading: p || o?.loading
             }
           )
-        ] }, o);
+        ] }, i);
       }) }) })
-    ] }, g);
+    ] }, d);
   }) });
 };
 export {
-  w as BookmarkSettingsList
+  M as BookmarkSettingsList
 };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,11 +1,11 @@
 "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 c, { forwardRef as f } from "react";
+import "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import { BreadcrumbsLink as m } from "./BreadcrumbsLink.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { u as p } from "../../useId-BVFxCjkq.js";
 import '../../assets/Breadcrumbs.css';var u = function(t, n) {
@@ -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/BulkButton.js

@@ -0,0 +1,15 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { Button as r } from "../Button/Button.js";
+import { ButtonIcon as m } from "../Button/ButtonIcon.js";
+import { ButtonLabel as a } from "../Button/ButtonLabel.js";
+import "../../index-p1eeF8LQ.js";
+import '../../assets/BulkButton.css';const c = "_button_1lnve_2", u = "_label_1lnve_11", t = {
+  button: c,
+  label: u
+}, f = ({ icon: n, label: l, onClick: s }) => /* @__PURE__ */ e(r, { className: t.button, onClick: s, children: [
+  /* @__PURE__ */ o(m, { className: t.icon, icon: n }),
+  /* @__PURE__ */ o(a, { className: t.label, size: "sm", children: l })
+] });
+export {
+  f as BulkButton
+};

package/dist/components/Bulk/BulkFooter.js

@@ -0,0 +1,10 @@
+import { jsx as o } 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 = {
+  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 })) }) });
+export {
+  _ as BulkFooter
+};

package/dist/components/Bulk/BulkHeader.js

@@ -0,0 +1,36 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { createElement as p } from "react";
+import "../../index-p1eeF8LQ.js";
+import { H as _, E as h } from "../../Section-jhq4n77E.js";
+import { Button as u } from "../Button/Button.js";
+import { ButtonGroup as B } from "../Button/ButtonGroup.js";
+import "react-dom";
+import { BulkButton as f } from "./BulkButton.js";
+import "../Snackbar/useSnackbar.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
+}, G = ({
+  color: i = "company",
+  hidden: s = !1,
+  title: r,
+  dismissable: n = !0,
+  dismissIconAltText: a = "Close",
+  options: m,
+  onDismiss: c
+}) => /* @__PURE__ */ t("header", { className: o.header, "aria-hidden": s, "data-color": i, children: /* @__PURE__ */ e("div", { className: o.container, children: [
+  /* @__PURE__ */ t(_, { size: "md", className: o.title, children: r }),
+  /* @__PURE__ */ e(B, { children: [
+    /* @__PURE__ */ t("div", { className: o.options, children: m?.map((l, d) => /* @__PURE__ */ p(f, { ...l, key: d })) }),
+    n && /* @__PURE__ */ e(u, { onClick: c, className: o.dismissButton, "aria-label": a, children: [
+      /* @__PURE__ */ t(h, { style: { fontSize: "1.5em" } }),
+      /* @__PURE__ */ t("span", { "data-size": "sm", children: "Avbryt" })
+    ] })
+  ] })
+] }) });
+export {
+  G as BulkHeader
+};

package/dist/components/Bulk/index.js

@@ -0,0 +1,8 @@
+import { BulkHeader as e } from "./BulkHeader.js";
+import { BulkFooter as u } from "./BulkFooter.js";
+import { BulkButton as f } from "./BulkButton.js";
+export {
+  f as BulkButton,
+  u as BulkFooter,
+  e as BulkHeader
+};

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,12 +1,11 @@
 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-jhq4n77E.js";
 import { isAvatarProps as c, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as _, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
 import "./Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/ButtonIcon.css';const f = "_media_1exbv_1", d = "_icon_1exbv_7", u = "_avatar_1exbv_11", b = "_avatarGroup_1exbv_15", t = {
   media: f,
@@ -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,8 +2,8 @@ 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 "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as c } from "./ButtonGroup.js";
 import { ButtonGroupDivider as f } from "./ButtonGroupDivider.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 "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 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,8 +2,8 @@ import { jsx as n } from "react/jsx-runtime";
 import { Button as m } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/IconButton.css';const i = "_button_z82uk_1", u = {
   button: i

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 { Skeleton as n } from "../Skeleton/Skeleton.js";
+import { B as n } from "../../Section-jhq4n77E.js";
+import "../Skeleton/Skeleton.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 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-jhq4n77E.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 { Dropdown as g } from "../Dropdown/Dropdown.js";
-import { useRootContext as h } from "../RootProvider/RootProvider.js";
-import { M as b } from "../../SearchField-QTfebYdU.js";
+import { x as g, g as h, M as x } from "../../Section-jhq4n77E.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(
-    g,
+    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(b, { 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 { Typography as R } from "../Typography/Typography.js";
-import { Heading as _ } from "../Typography/Heading.js";
+import { h as R, H as _ } from "../../Section-jhq4n77E.js";
+import { Typography as w } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { ItemMedia as w } from "../Item/ItemMedia.js";
 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(w, { loading: c, icon: r, className: S.icon }),
-          /* @__PURE__ */ t(_, { 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(R, { 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 { Typography as p } from "../Typography/Typography.js";
-import { Heading as a } from "../Typography/Heading.js";
+import { S as m, h as p, H as d } from "../../Section-jhq4n77E.js";
+import { Typography as l } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { ItemMedia as d } from "../Item/ItemMedia.js";
 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(d, { loading: r, icon: e, className: f.icon }),
-    /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [
-      /* @__PURE__ */ i(a, { size: "lg", loading: r, children: m }),
-      /* @__PURE__ */ i(p, { 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-jhq4n77E.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 { N as m } from "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 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
 };