@altinn/altinn-components 0.63.4 → 0.63.5

package/dist/components/Banner/Banner.js

@@ -3,7 +3,8 @@ import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { c as g } from "../../index-p1eeF8LQ.js";
 import { Button as v } from "../Button/Button.js";
 import i, { forwardRef as f } from "react";
-import { H as b, I as y, s as h } from "../../ToolbarSearch-CDOcKzpM.js";
+import { H as b, I as y, s as h } from "../../ToolbarSearch-BQfKHZnX.js";
+import "../../tooltip-B5zQ3zF0.js";
 import { Typography as O } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "react-dom";
@@ -72,7 +73,7 @@ const P = f((e, o) => {
   icon: z
 };
 var H = /* @__PURE__ */ ((e) => (e.info = "info", e.success = "success", e.warning = "warning", e.danger = "danger", e))(H || {}), N = /* @__PURE__ */ ((e) => (e.default = "default", e.alert = "alert", e.error = "error", e.info = "info", e.strong = "strong", e))(N || {});
-const U = ({
+const W = ({
   closeTitle: e = "close",
   onClose: o,
   icon: r,
@@ -116,7 +117,7 @@ const U = ({
   );
 };
 export {
-  U as Banner,
+  W as Banner,
   H as BannerColorEnum,
   N as BannerVariantEnum
 };

package/dist/components/Bookmarks/BookmarkModal.js

@@ -1,8 +1,9 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import { useState as u } from "react";
+import "../../tooltip-B5zQ3zF0.js";
 import { TextField as g } from "../Forms/TextField.js";
-import { q as v } from "../../ToolbarSearch-CDOcKzpM.js";
+import { q as v } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -10,9 +11,9 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { QueryLabel as c } from "../Toolbar/QueryLabel.js";
 import { SettingsModal as h } from "../Settings/SettingsModal.js";
-const B = ({
-  icon: e = v,
-  title: t,
+const I = ({
+  icon: t = v,
+  title: e,
   params: n,
   titleField: o,
   buttons: m,
@@ -20,7 +21,7 @@ const B = ({
   onClose: p
 }) => {
   const [i, f] = u("");
-  return /* @__PURE__ */ l(h, { icon: e, title: t, buttons: m, open: s, onClose: p, children: [
+  return /* @__PURE__ */ l(h, { icon: t, title: e, buttons: m, open: s, onClose: p, children: [
     /* @__PURE__ */ a(c, { params: n }),
     /* @__PURE__ */ a(
       g,
@@ -38,5 +39,5 @@ const B = ({
   ] });
 };
 export {
-  B as BookmarkModal
+  I as BookmarkModal
 };

package/dist/components/Bookmarks/BookmarkSettingsItem.js

@@ -1,7 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { q as a } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { q as a } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { ContextMenu as f } from "../ContextMenu/ContextMenu.js";
@@ -10,7 +11,7 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as g } from "../Settings/SettingsItemBase.js";
 import { BookmarkSettingsItemLabel as k } from "./BookmarkSettingsItemLabel.js";
-const C = ({
+const G = ({
   id: m,
   icon: i = a,
   loading: o,
@@ -32,5 +33,5 @@ const C = ({
   }
 );
 export {
-  C as BookmarkSettingsItem
+  G as BookmarkSettingsItem
 };

package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js

@@ -1,24 +1,25 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as a } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { H as i } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { QueryLabel as i } from "../Toolbar/QueryLabel.js";
+import { QueryLabel as a } from "../Toolbar/QueryLabel.js";
 import '../../assets/BookmarkSettingsItemLabel.css';const l = "_label_pe3os_1", p = {
   label: l
-}, j = ({
+}, k = ({
   loading: e,
   title: r,
   params: s,
   highlightWords: t
 }) => /* @__PURE__ */ m("span", { className: p.label, children: [
-  r && /* @__PURE__ */ o(a, { size: "xs", loading: e, highlightWords: t, children: r }),
-  /* @__PURE__ */ o(i, { params: s, size: "xxs", variant: r ? "subtle" : "default" })
+  r && /* @__PURE__ */ o(i, { size: "xs", loading: e, highlightWords: t, children: r }),
+  /* @__PURE__ */ o(a, { params: s, size: "xxs", variant: r ? "subtle" : "default" })
 ] });
 export {
-  j as BookmarkSettingsItemLabel
+  k as BookmarkSettingsItemLabel
 };

package/dist/components/Bookmarks/BookmarkSettingsList.js

@@ -2,7 +2,8 @@ import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import { Fragment as h, createElement as f } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as k } from "../../hooks/useMenu.js";
-import { H as y } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { H as y } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { BookmarkSettingsItem as v } from "./BookmarkSettingsItem.js";
@@ -10,23 +11,23 @@ import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { s as e } from "../../settlingsList.module-So3_AYgj.js";
-const F = ({
+const K = ({
   loading: m,
   highlightWords: n,
   items: r,
   groups: l = {},
-  sortGroupBy: a
+  sortGroupBy: p
 }) => {
   if (!r || r.length < 1)
     return null;
-  const { menu: p } = k({
+  const { menu: a } = k({
     items: r,
     groups: l,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: a
+    sortGroupBy: p
   });
-  return /* @__PURE__ */ t("div", { className: e.section, "data-variant": "default", children: p?.map((i, g) => {
+  return /* @__PURE__ */ t("div", { className: e.section, "data-variant": "default", children: a?.map((i, g) => {
     const s = i.props || {};
     return /* @__PURE__ */ u(h, { children: [
       s?.title && /* @__PURE__ */ t(y, { size: "lg", children: s.title }),
@@ -46,5 +47,5 @@ const F = ({
   }) });
 };
 export {
-  F as BookmarkSettingsList
+  K as BookmarkSettingsList
 };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -2,7 +2,8 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import c, { forwardRef as p } from "react";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { BreadcrumbsLink as s } from "./BreadcrumbsLink.js";
@@ -31,7 +32,7 @@ const h = p((t, n) => {
   list: b,
   item: _,
   icon: g
-}, z = ({ 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) => {
+}, R = ({ 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, ...m } = e;
   return l?.length > r + 1 ? /* @__PURE__ */ d("li", { className: a.item, children: [
     /* @__PURE__ */ o(s, { ...m, children: i }),
@@ -39,5 +40,5 @@ const h = p((t, n) => {
   ] }, r) : /* @__PURE__ */ o("li", { className: a.item, children: /* @__PURE__ */ o(s, { ...m, "aria-current": "page", children: i }) }, r);
 }) }) });
 export {
-  z as Breadcrumbs
+  R as Breadcrumbs
 };

package/dist/components/Bulk/BulkHeader.js

@@ -2,7 +2,8 @@ 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 { useEscapeKey as h } from "../../hooks/useEscapeKey.js";
-import { H as y, s as v } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { H as y, s as v } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import { Button as k } from "../Button/Button.js";
 import { ButtonGroup as N } from "../Button/ButtonGroup.js";
@@ -16,13 +17,13 @@ import '../../assets/BulkHeader.css';const x = "_header_19idu_1", z = "_containe
   title: E,
   dismissButton: R,
   options: S
-}, I = ({
+}, J = ({
   color: l = "company",
   hidden: t = !1,
   title: u,
   dismissable: i = !0,
-  dismissIconAltText: d = "Close",
-  options: p,
+  dismissIconAltText: p = "Close",
+  options: d,
   onDismiss: s
 }) => {
   const n = m(null), a = m(t);
@@ -41,8 +42,8 @@ import '../../assets/BulkHeader.css';const x = "_header_19idu_1", z = "_containe
       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: p?.map((c, f) => /* @__PURE__ */ B(H, { ...c, key: f })) }),
-          i && /* @__PURE__ */ r(k, { onClick: s, className: o.dismissButton, "aria-label": d, children: [
+          /* @__PURE__ */ e("div", { className: o.options, children: d?.map((c, f) => /* @__PURE__ */ B(H, { ...c, key: f })) }),
+          i && /* @__PURE__ */ r(k, { onClick: s, className: o.dismissButton, "aria-label": p, children: [
             /* @__PURE__ */ e(v, { style: { fontSize: "1.5em" } }),
             /* @__PURE__ */ e("span", { "data-size": "sm", children: "Avbryt" })
           ] })
@@ -52,5 +53,5 @@ import '../../assets/BulkHeader.css';const x = "_header_19idu_1", z = "_containe
   );
 };
 export {
-  I as BulkHeader
+  J as BulkHeader
 };

package/dist/components/Button/Button.js

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import * as f from "react";
-import { B as m } from "../../button-BB5sYVKY.js";
+import { a as f } from "../../tooltip-B5zQ3zF0.js";
+import * as m from "react";
 import '../../assets/Button.css';const p = "_button_167in_1", y = {
   button: p
-}, x = f.forwardRef(function({ as: s = "button", children: r, size: d, icon: i, variant: t, color: e, rounded: u, loading: o, ...a }, c) {
+}, x = m.forwardRef(function({ as: s = "button", children: r, 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,
+    f,
     {
       className: y.button,
       "data-variant": b,

package/dist/components/Button/ButtonIcon.js

@@ -1,9 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import { isValidElement as i } from "react";
-import { i as n, I as o } from "../../ToolbarSearch-CDOcKzpM.js";
+import { i as n, I as o } from "../../ToolbarSearch-BQfKHZnX.js";
 import { isAvatarProps as c, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as _, AvatarGroup as l } from "../Avatar/AvatarGroup.js";
+import "../../tooltip-B5zQ3zF0.js";
 import "../Typography/Link.js";
 import "./Button.js";
 import "react-dom";
@@ -18,7 +19,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 B = ({ 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 R = ({ 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 }) });
 export {
-  B as ButtonIcon
+  R as ButtonIcon
 };

package/dist/components/Button/ComboButton.js

@@ -2,18 +2,19 @@ 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 "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as c } from "./ButtonGroup.js";
 import { ButtonGroupDivider as f } from "./ButtonGroupDivider.js";
-const g = ({ secondaryButton: p, size: t, variant: o, color: i, disabled: u, ...n }) => /* @__PURE__ */ e(c, { size: t, variant: o, color: i, disabled: u, connected: !0, children: [
+const k = ({ secondaryButton: p, size: t, variant: o, color: i, disabled: u, ...n }) => /* @__PURE__ */ e(c, { size: t, variant: o, color: i, disabled: u, connected: !0, children: [
   /* @__PURE__ */ r(m, { ...n, variant: o, size: t }),
   /* @__PURE__ */ r(f, { variant: o }),
   /* @__PURE__ */ r(m, { ...p, variant: o, size: t })
 ] });
 export {
-  g as ComboButton
+  k as ComboButton
 };

package/dist/components/Button/FloatingActionButton.js

@@ -2,7 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 import { Button as e } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
@@ -10,7 +11,7 @@ import "../Snackbar/useSnackbar.js";
 import { S as l } from "../../Paperclip-DjN7qVfQ.js";
 import '../../assets/FloatingActionButton.css';const u = "_button_1n5nt_1", c = {
   button: u
-}, B = ({
+}, j = ({
   variant: r = "solid",
   size: i,
   color: n,
@@ -33,5 +34,5 @@ import '../../assets/FloatingActionButton.css';const u = "_button_1n5nt_1", c =
   }
 );
 export {
-  B as FloatingActionButton
+  j as FloatingActionButton
 };

package/dist/components/Button/IconButton.js

@@ -1,15 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
-import { Button as n } from "./Button.js";
+import { Button as i } from "./Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/IconButton.css';const i = "_button_z82uk_1", p = {
-  button: i
-}, x = ({ children: t, label: o, ...r }) => /* @__PURE__ */ m(n, { ...r, className: p.button, icon: !0, "aria-label": o, children: t });
+import '../../assets/IconButton.css';const n = "_button_z82uk_1", p = {
+  button: n
+}, B = ({ children: t, label: o, ...r }) => /* @__PURE__ */ m(i, { ...r, className: p.button, icon: !0, "aria-label": o, children: t });
 export {
-  x as IconButton
+  B as IconButton
 };

package/dist/components/Byline/Byline.js

@@ -3,7 +3,8 @@ import "../../index-p1eeF8LQ.js";
 import "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
 import "react";
-import { a as y } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { a as B } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Skeleton/Skeleton.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -11,5 +12,5 @@ import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  y as Byline
+  B as Byline
 };

package/dist/components/Byline/index.js

@@ -1,4 +1,4 @@
-import { a as o } from "../../ToolbarSearch-CDOcKzpM.js";
+import { a as o } from "../../ToolbarSearch-BQfKHZnX.js";
 export {
   o as Byline
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -3,45 +3,46 @@ import { jsx as a } from "react/jsx-runtime";
 import u, { forwardRef as c, useMemo as f } from "react";
 import { Button as g } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { u as h, g as b, M as x } from "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { u as h, g as b, M as x } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import { Tooltip as v } from "../Tooltip/Tooltip.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { useDropdownMenuController as y } from "../Menu/useDropdownMenuController.js";
 import { u as O } from "../../useId-BVFxCjkq.js";
-var w = function(t, l) {
+var w = function(t, i) {
   var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (r[e] = t[e]);
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
-      l.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+      i.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
   return r;
 };
-const C = c((t, l) => {
+const C = c((t, i) => {
   var { title: r, titleId: e } = t, o = w(t, ["title", "titleId"]);
-  let i = O();
-  return i = r ? e || "title-" + i : void 0, u.createElement(
+  let l = O();
+  return l = r ? e || "title-" + l : void 0, u.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: l, "aria-labelledby": i }, o),
-    r ? u.createElement("title", { id: i }, r) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, o),
+    r ? u.createElement("title", { id: l }, 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" })
   );
-}), D = ({
+}), F = ({
   groups: t = {},
-  items: l,
+  items: i,
   title: r,
   color: e,
   id: o = "context-menu",
-  placement: i = "right",
+  placement: l = "right",
   "aria-label": p
 }) => {
-  const n = y({ id: o, returnFocusOnClose: !0 }), { languageCode: d } = h(), m = f(() => l.map((s) => ({
+  const n = y({ id: o, returnFocusOnClose: !0 }), { languageCode: d } = h(), m = f(() => i.map((s) => ({
     ...s,
     onClick: () => {
       n.setOpen(!1), s.onClick?.();
     }
-  })), [l, n]);
+  })), [i, n]);
   return /* @__PURE__ */ a(
     b,
     {
@@ -67,7 +68,7 @@ const C = c((t, l) => {
       open: n.open,
       onClose: () => n.setOpen(!1),
       id: n.menuId,
-      placement: i,
+      placement: l,
       useFixedPosition: !0,
       ...n.dropdownA11yProps,
       children: /* @__PURE__ */ a(x, { groups: t, items: m, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
@@ -90,5 +91,5 @@ const C = c((t, l) => {
   }
 };
 export {
-  D as ContextMenu
+  F as ContextMenu
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -1,47 +1,29 @@
-"use client";
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { v as c } from "../../tooltip-B5zQ3zF0.js";
+import "react";
 import "../../index-p1eeF8LQ.js";
-import { forwardRef as p, useRef as g, useEffect as B } from "react";
-import { h as R, H as _ } from "../../ToolbarSearch-CDOcKzpM.js";
-import { Typography as w } from "../Typography/Typography.js";
+import { h as l, H as d } from "../../ToolbarSearch-BQfKHZnX.js";
+import { Typography as f } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.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 }, c) {
-  const s = n ? u : "div", a = g(null), k = N([a, c]);
-  return B(() => {
-    const m = a.current, d = ({ ctrlKey: v, metaKey: x, target: y }) => {
-      const i = m?.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(s, { 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 });
-}), C = Object.assign(b, {
-  Block: j
-});
-C.Block.displayName = "Card.Block";
-const E = "_icon_112og_1", S = {
-  icon: E
+import '../../assets/DashboardCard.css';const h = "_icon_112og_1", x = {
+  icon: h
 };
-function K({
-  color: l,
-  theme: n = "tinted",
-  icon: r,
-  title: e,
-  href: o,
-  children: c,
-  loading: s,
-  className: a
+function b({
+  color: a,
+  theme: s = "tinted",
+  icon: i,
+  title: t,
+  href: e,
+  children: n,
+  loading: o,
+  className: p
 }) {
-  return /* @__PURE__ */ f(C, { "data-color": l, variant: n, className: a, children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ m(c, { "data-color": a, variant: s, className: p, children: [
+    /* @__PURE__ */ m(
       "header",
       {
         style: {
@@ -51,14 +33,14 @@ function K({
           rowGap: "1rem"
         },
         children: [
-          r && /* @__PURE__ */ t(R, { loading: s, icon: r, className: S.icon }),
-          /* @__PURE__ */ t(_, { size: "lg", loading: s, children: o ? /* @__PURE__ */ t("a", { href: o, children: e }) : e })
+          i && /* @__PURE__ */ r(l, { loading: o, icon: i, className: x.icon }),
+          /* @__PURE__ */ r(d, { size: "lg", loading: o, children: e ? /* @__PURE__ */ r("a", { href: e, children: t }) : t })
         ]
       }
     ),
-    /* @__PURE__ */ t(w, { size: "sm", loading: s, children: c })
+    /* @__PURE__ */ r(f, { size: "sm", loading: o, children: n })
   ] });
 }
 export {
-  K as DashboardCard
+  b as DashboardCard
 };

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,8 +1,9 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import { h as c, H as p } from "../../ToolbarSearch-CDOcKzpM.js";
+import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import "../../tooltip-B5zQ3zF0.js";
+import { h as a, H as c } from "../../ToolbarSearch-BQfKHZnX.js";
 import { Typography as d } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -13,16 +14,16 @@ 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 = {
   icon: h
-}, D = ({ icon: e, title: s, description: m, loading: r, children: n }) => /* @__PURE__ */ o(l, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", children: [
+}, F = ({ icon: e, title: s, description: m, 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(c, { loading: r, icon: e, className: f.icon }),
+    e && /* @__PURE__ */ i(a, { loading: r, icon: e, className: f.icon }),
     /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [
-      /* @__PURE__ */ i(p, { size: "lg", loading: r, children: s }),
+      /* @__PURE__ */ i(c, { size: "lg", loading: r, children: s }),
       /* @__PURE__ */ i(d, { as: "section", variant: "subtle", size: "xs", loading: r, children: m })
     ] })
   ] }),
-  /* @__PURE__ */ i(a, { loading: r, children: n })
+  /* @__PURE__ */ i(p, { loading: r, children: n })
 ] });
 export {
-  D as DashboardHeader
+  F 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 { u as J } from "../../ToolbarSearch-CDOcKzpM.js";
+import { u as J } from "../../ToolbarSearch-BQfKHZnX.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

@@ -2,8 +2,9 @@
 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 { v as m } from "../../ToolbarSearch-CDOcKzpM.js";
+import a, { forwardRef as m } from "react";
+import "../../tooltip-B5zQ3zF0.js";
+import { v as f } from "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
@@ -17,7 +18,7 @@ import '../../assets/DatepickerHeader.css';var h = function(t, n) {
       n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
   return r;
 };
-const v = f((t, n) => {
+const v = m((t, n) => {
   var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
   let o = p();
   return o = r ? e || "title-" + o : void 0, a.createElement(
@@ -30,13 +31,13 @@ const v = f((t, n) => {
   header: u,
   title: _,
   nav: g
-}, S = ({ title: t, onNext: n, onPrev: r }) => /* @__PURE__ */ s("header", { className: c.header, children: [
+}, k = ({ 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(v, {}) }),
-    /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: n, "aria-label": "next icon", children: /* @__PURE__ */ i(m, {}) })
+    /* @__PURE__ */ i(d, { icon: !0, size: "xs", variant: "ghost", onClick: n, "aria-label": "next icon", children: /* @__PURE__ */ i(f, {}) })
   ] })
 ] });
 export {
-  S as DatepickerHeader
+  k as DatepickerHeader
 };