@altinn/altinn-components 0.24.7 → 0.24.8

package/dist/components/List/ListItemHeader.js

@@ -14,35 +14,35 @@ import "../Snackbar/useSnackbar.js";
 import { S as O } from "../../ChevronUp-H8Nuww4h.js";
 import { S as P } from "../../ChevronDown-CRAwzuD3.js";
 import { S as Q } from "../../ChevronRight-DUaHaWi-.js";
-import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_link_xtweu_5", Y = "_linkTitle_xtweu_10", Z = "_header_xtweu_16", $ = "_content_xtweu_54", t = {
+import '../../assets/ListItemHeader.css';const W = "_wrapper_1c93s_1", X = "_link_1c93s_5", Y = "_linkTitle_1c93s_10", Z = "_header_1c93s_16", $ = "_content_1c93s_54", t = {
   wrapper: W,
   link: X,
   linkTitle: Y,
   header: Z,
   content: $
-}, ue = ({
+}, Ie = ({
   as: _,
   interactive: m = !0,
-  color: u,
-  theme: I,
+  color: I,
+  theme: v,
   loading: r,
-  disabled: x,
-  collapsible: v,
-  linkIcon: w,
-  expanded: k,
-  select: l,
-  href: L,
-  onClick: S,
-  onKeyPress: N,
+  disabled: k,
+  collapsible: L,
+  linkIcon: S,
+  expanded: u,
+  select: c,
+  href: x,
+  onClick: N,
+  onKeyPress: w,
   tabIndex: b,
-  size: s = "sm",
-  title: a,
+  size: i = "sm",
+  title: l,
   description: y,
   icon: z,
   avatar: C,
-  active: c,
+  active: a,
   avatarGroup: T,
-  badge: i,
+  badge: s,
   controls: p,
   className: j,
   children: B,
@@ -55,16 +55,16 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
     md: "lg",
     lg: "lg",
     xl: "xl"
-  }, d = v ? k ? O : P : w ? Q : void 0, o = D[s], F = () => i && !r && typeof i == "object" && "label" in i ? /* @__PURE__ */ e(V, { ...i }) : R(i) ? i : null, h = M();
+  }, d = L ? u ? O : P : S ? Q : void 0, o = D[i], F = () => s && !r && typeof s == "object" && "label" in s ? /* @__PURE__ */ e(V, { ...s }) : R(s) ? s : null, h = M();
   return /* @__PURE__ */ e("div", { className: t.wrapper, children: /* @__PURE__ */ n(
     "header",
     {
       className: f(t.header, j),
-      "data-color": u,
-      "data-theme": I,
+      "data-color": I,
+      "data-theme": v,
       "data-interactive": m,
-      "data-size": s,
-      "data-has-active-child": c,
+      "data-size": i,
+      "data-has-active-child": a,
       children: [
         /* @__PURE__ */ e(
           q,
@@ -72,19 +72,19 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
             interactive: m,
             className: f(t.link),
             as: _,
-            href: L,
-            onClick: S,
-            onKeyPress: N,
+            href: x,
+            onClick: N,
+            onKeyPress: w,
             tabIndex: b,
             loading: r,
-            disabled: x || r,
-            active: c,
+            disabled: k || r,
+            active: a,
             describedby: h,
-            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || a })
+            children: /* @__PURE__ */ e("span", { className: t.linkTitle, children: E || l })
           }
         ),
-        /* @__PURE__ */ n("div", { className: t.content, "data-size": s, children: [
-          l && /* @__PURE__ */ e(K, { ...l, className: t.select, size: o }),
+        /* @__PURE__ */ n("div", { className: t.content, "data-size": i, children: [
+          c && /* @__PURE__ */ e(K, { ...c, className: t.select, size: o }),
           /* @__PURE__ */ e(
             G,
             {
@@ -98,9 +98,9 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
           /* @__PURE__ */ e(
             A,
             {
-              size: s,
+              size: i,
               loading: r,
-              title: a,
+              title: l,
               description: y,
               id: h,
               titleAs: g,
@@ -117,5 +117,5 @@ import '../../assets/ListItemHeader.css';const W = "_wrapper_xtweu_1", X = "_lin
   ) });
 };
 export {
-  ue as ListItemHeader
+  Ie as ListItemHeader
 };

package/dist/components/List/ListItemLabel.js

@@ -1,26 +1,26 @@
 import { jsx as t, jsxs as p, Fragment as _ } from "react/jsx-runtime";
-import { Skeleton as o } from "../Skeleton/Skeleton.js";
-import '../../assets/ListItemLabel.css';const h = "_label_uoku6_3", u = "_title_uoku6_36", b = "_description_uoku6_57", l = {
+import { Skeleton as n } from "../Skeleton/Skeleton.js";
+import '../../assets/ListItemLabel.css';const h = "_label_ktd6x_3", b = "_title_ktd6x_36", x = "_description_ktd6x_57", l = {
   label: h,
-  title: u,
-  description: b
-}, x = ({
+  title: b,
+  description: x
+}, N = ({
   loading: s = !1,
   size: e = "sm",
-  title: n,
-  titleAs: c = "h2",
+  title: c,
+  titleAs: o = "h2",
   weight: r = "bold",
   description: a,
   children: i,
   id: d
 }) => {
-  const m = c;
+  const m = o;
   return /* @__PURE__ */ t("span", { className: l.label, "data-size": e, id: d, children: i || /* @__PURE__ */ p(_, { children: [
-    /* @__PURE__ */ t(o, { loading: s, children: /* @__PURE__ */ t(m, { className: l.title, "data-size": e, "data-weight": r, children: n }) }),
+    /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t(m, { className: l.title, "data-size": e, "data-weight": r, children: c }) }),
     " ",
-    a && /* @__PURE__ */ t(o, { loading: s, children: /* @__PURE__ */ t("p", { className: l.description, "data-size": e, children: a }) })
+    a && /* @__PURE__ */ t(n, { loading: s, children: /* @__PURE__ */ t("p", { className: l.description, "data-size": e, children: a }) })
   ] }) });
 };
 export {
-  x as ListItemLabel
+  N as ListItemLabel
 };

package/dist/components/List/ListItemSelect.js

@@ -1,18 +1,18 @@
-import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { c as l } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
-import '../../assets/ListItemSelect.css';const a = "_label_1rc60_1", m = "_input_1rc60_15", p = "_icon_1rc60_19", t = {
+import { CheckboxIcon as r } from "../Icon/CheckboxIcon.js";
+import '../../assets/ListItemSelect.css';const a = "_label_1nykd_1", m = "_input_1nykd_15", p = "_icon_1nykd_19", t = {
   label: a,
   input: m,
   icon: p
-}, j = ({ size: e, checked: o = !1, onChange: s, className: i }) => /* @__PURE__ */ r("label", { className: l(t.label, i), "data-size": e, children: [
-  /* @__PURE__ */ c("input", { type: "checkbox", checked: o, onChange: s, className: t.input }),
-  /* @__PURE__ */ c(n, { hover: !0, checked: o, className: t.icon })
+}, k = ({ size: n, checked: o = !1, onChange: s, className: i }) => /* @__PURE__ */ c("label", { className: l(t.label, i), "data-size": n, children: [
+  /* @__PURE__ */ e("input", { type: "checkbox", checked: o, onChange: s, className: t.input }),
+  /* @__PURE__ */ e(r, { hover: !0, checked: o, className: t.icon })
 ] });
 export {
-  j as ListItemSelect
+  k as ListItemSelect
 };

package/dist/components/Menu/MenuBase.js

@@ -1,19 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const p = "_menu_twp4i_1", r = "_list_twp4i_12", u = "_item_twp4i_18", a = {
-  menu: p,
+import { c as a } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuBase.css';const u = "_menu_sxyub_1", r = "_list_sxyub_16", l = "_item_sxyub_22", c = {
+  menu: u,
   list: r,
-  item: u
-}, d = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ m(t, { className: i(a.menu, o), "data-color": n, "data-theme": e, children: s }), x = ({ as: t = "ul", role: n = "group", className: e, children: o }) => /* @__PURE__ */ m(t, { className: i(a.list, e), role: n, children: o }), w = ({
+  item: l
+}, C = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ m(t, { className: a(c.menu, o), "data-color": n, "data-theme": e, children: s }), d = ({ as: t = "ul", role: n = "group", className: e, children: o }) => /* @__PURE__ */ m(t, { className: a(c.list, e), role: n, children: o }), y = ({
   as: t = "li",
   role: n = "presentation",
   className: e,
   children: o,
   style: s,
-  dataIndex: c
-}) => /* @__PURE__ */ m(t, { className: i(a.item, e), role: n, style: s, "data-index": c, children: o });
+  dataIndex: i
+}) => /* @__PURE__ */ m(t, { className: a(c.item, e), role: n, style: s, "data-index": i, children: o });
 export {
-  d as MenuBase,
-  x as MenuList,
-  w as MenuListItem
+  C as MenuBase,
+  d as MenuList,
+  y as MenuListItem
 };

package/dist/components/Menu/MenuInputField.js

@@ -1,17 +1,17 @@
 import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import '../../assets/MenuInputField.css';const i = "_field_19amd_1", d = "_label_19amd_9", u = "_input_19amd_17", m = "_button_19amd_37", p = "_close_19amd_42", r = "_icon_19amd_46", t = {
+import '../../assets/MenuInputField.css';const i = "_field_bgrbp_1", p = "_label_bgrbp_9", a = "_input_bgrbp_17", r = "_button_bgrbp_37", u = "_close_bgrbp_42", d = "_icon_bgrbp_46", t = {
   field: i,
-  label: d,
-  input: u,
-  button: m,
-  close: p,
-  icon: r
-}, f = ({
+  label: p,
+  input: a,
+  button: r,
+  close: u,
+  icon: d
+}, g = ({
   label: e,
   type: o = "text",
   value: n,
   name: s,
-  placeholder: a = "Søk",
+  placeholder: b = "Søk",
   onChange: c
 }) => /* @__PURE__ */ _("label", { className: t.field, children: [
   e && /* @__PURE__ */ l("span", { className: t.label, children: e }),
@@ -22,7 +22,7 @@ import '../../assets/MenuInputField.css';const i = "_field_19amd_1", d = "_label
       type: o,
       value: n,
       name: s,
-      placeholder: a,
+      placeholder: b,
       className: t.input,
       onChange: c,
       autoComplete: "off"
@@ -30,5 +30,5 @@ import '../../assets/MenuInputField.css';const i = "_field_19amd_1", d = "_label
   )
 ] });
 export {
-  f as MenuInputField
+  g as MenuInputField
 };

package/dist/components/Menu/MenuItemBase.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
 import { c as u } from "../../index-L8X2o7IH.js";
 import { Icon as v } from "../Icon/Icon.js";
 import "react";
@@ -6,57 +6,57 @@ import { Badge as T } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemBase.css';const j = "_item_1gk35_1", B = "_content_1gk35_45", E = "_action_1gk35_53", g = "_linkText_1gk35_60", z = "_linkIcon_1gk35_65", n = {
-  item: j,
-  content: B,
-  action: E,
-  linkText: g,
-  linkIcon: z
-}, L = ({
+import '../../assets/MenuItemBase.css';const B = "_item_1ejie_1", E = "_content_1ejie_45", k = "_action_1ejie_53", z = "_linkText_1ejie_60", M = "_linkIcon_1ejie_65", e = {
+  item: B,
+  content: E,
+  action: k,
+  linkText: z,
+  linkIcon: M
+}, O = ({
   as: _,
   color: l,
   theme: p,
   size: d,
   className: h,
   href: x,
-  onClick: e,
-  onKeyPress: o,
-  tabIndex: f = 0,
-  hidden: k,
+  onClick: n,
+  onKeyPress: i,
+  tabIndex: j = 0,
+  hidden: f,
   selected: I,
-  disabled: i = !1,
-  linkIcon: a,
+  disabled: m = !1,
+  linkIcon: o,
   linkText: s,
   badge: t,
   children: N
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ a(
   _ || "a",
   {
-    tabIndex: i ? "-1" : f ?? 0,
-    className: u(n.item, h),
+    tabIndex: m ? "-1" : j ?? 0,
+    className: u(e.item, h),
     "data-size": d,
     "data-color": l,
     "data-theme": p,
-    "aria-hidden": k,
-    "aria-disabled": i,
+    "aria-hidden": f,
+    "aria-disabled": m,
     "data-selected": I,
     href: x,
     onKeyPress: (r) => {
-      r.key === "Enter" && (e == null || e()), o == null || o(r);
+      r.key === "Enter" && (n == null || n()), i == null || i(r);
     },
-    onClick: e,
+    onClick: n,
     children: [
-      /* @__PURE__ */ c("div", { className: n.content, children: [
+      /* @__PURE__ */ a("div", { className: e.content, children: [
         N,
-        t && /* @__PURE__ */ m(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
+        t && /* @__PURE__ */ c(T, { ...t, theme: (t == null ? void 0 : t.theme) || "surface" })
       ] }),
-      a && /* @__PURE__ */ c("div", { className: n.action, children: [
-        s && /* @__PURE__ */ m("span", { className: n.linkText, children: s }),
-        a && /* @__PURE__ */ m(v, { svgElement: a, className: n.linkIcon })
+      o && /* @__PURE__ */ a("div", { className: e.action, children: [
+        s && /* @__PURE__ */ c("span", { className: e.linkText, children: s }),
+        o && /* @__PURE__ */ c(v, { svgElement: o, className: e.linkIcon })
       ] })
     ]
   }
 );
 export {
-  L as MenuItemBase
+  O as MenuItemBase
 };

package/dist/components/Meta/MetaItemBase.js

@@ -1,34 +1,34 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
+import { c as f } from "../../index-L8X2o7IH.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import '../../assets/MetaItemBase.css';const x = "_item_1qvb3_1", f = "_reverse_1qvb3_27", t = {
-  item: x,
-  reverse: f
-}, h = ({
+import '../../assets/MetaItemBase.css';const v = "_item_ns9fn_1", x = "_reverse_ns9fn_27", t = {
+  item: v,
+  reverse: x
+}, k = ({
   as: r,
-  loading: o,
-  reverse: s,
-  variant: a = "text",
-  size: m,
-  color: n,
+  loading: s,
+  reverse: o,
+  variant: n = "text",
+  size: a,
+  color: m,
   progress: i,
   datetime: c,
   className: p,
-  children: v,
-  ...d
+  children: d,
+  ..._
 }) => /* @__PURE__ */ e(
   r || "span",
   {
-    "data-size": m,
-    "data-color": n,
-    "data-variant": a,
+    "data-size": a,
+    "data-color": m,
+    "data-variant": n,
     "data-progress": i,
     dateTime: c,
-    className: _(t.item, { [t.reverse]: s }, p),
-    ...d,
-    children: /* @__PURE__ */ e(l, { loading: o, children: v })
+    className: f(t.item, { [t.reverse]: o }, p),
+    ..._,
+    children: /* @__PURE__ */ e(l, { loading: s, children: d })
   }
 );
 export {
-  h as MetaItemBase
+  k as MetaItemBase
 };

package/dist/components/Meta/Metadata.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItem as n } from "./MetaItem.js";
+import { MetaProgress as p } from "./MetaProgress.js";
+import { MetaTimestamp as a } from "./MetaTimestamp.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as c } from "../Page/Flex.js";
+const s = ({ type: e = "default", label: r, ...i }) => {
+  switch (e) {
+    case "progress":
+      return /* @__PURE__ */ t(p, { ...i, children: r });
+    case "timestamp":
+      return /* @__PURE__ */ t(a, { ...i, children: r });
+    default:
+      return /* @__PURE__ */ t(n, { ...i, children: r });
+  }
+}, F = ({ variant: e = "inline", size: r, items: i = [] }) => /* @__PURE__ */ t(c, { as: "ul", direction: e === "list" ? "col" : "row", spacing: 2, children: i.map((o, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(s, { ...o, size: r }) }, "meta-" + m)) });
+export {
+  s as MetaListItem,
+  F as Metadata
+};

package/dist/components/Meta/index.js

@@ -1,19 +1,19 @@
 import { MetaBase as r } from "./MetaBase.js";
-import { MetaList as m, MetaListItem as a } from "./MetaList.js";
-import { MetaItemBase as p } from "./MetaItemBase.js";
-import { MetaItemMedia as x } from "./MetaItemMedia.js";
-import { MetaItemLabel as I } from "./MetaItemLabel.js";
-import { MetaItem as L } from "./MetaItem.js";
-import { MetaProgress as b } from "./MetaProgress.js";
-import { MetaTimestamp as g } from "./MetaTimestamp.js";
+import { MetaItemBase as a } from "./MetaItemBase.js";
+import { MetaItemMedia as M } from "./MetaItemMedia.js";
+import { MetaItemLabel as f } from "./MetaItemLabel.js";
+import { MetaItem as s } from "./MetaItem.js";
+import { MetaProgress as i } from "./MetaProgress.js";
+import { MetaTimestamp as B } from "./MetaTimestamp.js";
+import { MetaListItem as b, Metadata as g } from "./Metadata.js";
 export {
   r as MetaBase,
-  L as MetaItem,
-  p as MetaItemBase,
-  I as MetaItemLabel,
-  x as MetaItemMedia,
-  m as MetaList,
-  a as MetaListItem,
-  b as MetaProgress,
-  g as MetaTimestamp
+  s as MetaItem,
+  a as MetaItemBase,
+  f as MetaItemLabel,
+  M as MetaItemMedia,
+  b as MetaListItem,
+  i as MetaProgress,
+  B as MetaTimestamp,
+  g as Metadata
 };

package/dist/components/Page/AccordionSection.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { Typography as n } from "../Typography/Typography.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { PageDetails as c } from "./PageDetails.js";
+import { Section as e } from "./Section.js";
+const S = ({ items: r }) => /* @__PURE__ */ o(e, { children: r == null ? void 0 : r.map((t) => {
+  const { id: i, title: p, children: m } = t;
+  return /* @__PURE__ */ o(c, { summary: p, children: /* @__PURE__ */ o(n, { children: m }) }, i);
+}) });
+export {
+  S as AccordionSection
+};

package/dist/components/Page/ArticleHeader.js

@@ -0,0 +1,16 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as t } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import { Heading as e } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as p } from "./Section.js";
+const g = ({ title: o, byline: r }) => /* @__PURE__ */ m(p, { as: "header", spacing: 2, children: [
+  /* @__PURE__ */ i(e, { size: "xl", children: o }),
+  r && /* @__PURE__ */ i(t, { ...r, size: "md" })
+] });
+export {
+  g as ArticleHeader
+};

package/dist/components/Page/ContactButtons.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import { createElement as i } from "react";
+import "../../index-L8X2o7IH.js";
+import { Button as e } from "../Button/Button.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as n } from "./Flex.js";
+const B = ({ items: t }) => /* @__PURE__ */ m(n, { spacing: 2, children: t.map((r, o) => /* @__PURE__ */ i(e, { ...r, variant: "outline", key: o })) });
+export {
+  B as ContactButtons
+};

package/dist/components/Page/ContactSection.js

@@ -1,39 +1,38 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { createElement as s } from "react";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { Button as f } from "../Button/Button.js";
+import "react";
 import "../RootProvider/RootProvider.js";
-import { Typography as g } from "../Typography/Typography.js";
-import { Heading as h } from "../Typography/Heading.js";
+import { Typography as a } from "../Typography/Typography.js";
+import { Heading as s } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as x } from "./Flex.js";
-import { Section as u } from "./Section.js";
-const T = ({
-  variant: o = "inline",
+import { Section as g } from "./Section.js";
+import { ContactButtons as h } from "./ContactButtons.js";
+const B = ({
+  variant: r = "inline",
   theme: t,
-  color: e,
-  typographyProps: p,
+  color: p,
+  typographyProps: c,
   title: i,
   description: m,
-  children: c,
+  children: e,
   items: n
-}) => /* @__PURE__ */ l(
-  u,
+}) => /* @__PURE__ */ d(
+  g,
   {
     direction: "col",
     theme: t,
-    color: e,
-    padding: o === "card" ? "page" : 0,
-    shadow: o === "card" ? "xs" : "none",
+    color: p,
+    padding: r === "card" ? "page" : 0,
+    shadow: r === "card" ? "xs" : "none",
     spacing: 4,
     children: [
-      i && /* @__PURE__ */ r(h, { size: "lg", children: i }),
-      /* @__PURE__ */ r(g, { ...p, children: c || /* @__PURE__ */ r("p", { children: m }) }),
-      n && /* @__PURE__ */ r(x, { spacing: 2, children: n.map((a, d) => /* @__PURE__ */ s(f, { ...a, variant: "outline", key: d })) })
+      i && /* @__PURE__ */ o(s, { size: "lg", children: i }),
+      /* @__PURE__ */ o(a, { ...c, children: e || /* @__PURE__ */ o("p", { children: m }) }),
+      n && /* @__PURE__ */ o(h, { items: n })
     ]
   }
 );
 export {
-  T as ContactSection
+  B as ContactSection
 };

package/dist/components/Page/DashboardCard.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as c, jsxs as d } from "react/jsx-runtime";
+import { Icon as B } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import { forwardRef as m, useRef as R, useEffect as w } from "react";
+import "../RootProvider/RootProvider.js";
+import { Heading as y } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { u as b, c as u } from "../../floating-ui.react-BQwG1HOM.js";
+import { S as p } from "../../index-C8BS_2GY.js";
+const j = m(function({ asChild: o = !1, variant: r = "default", className: n, ...s }, a) {
+  const C = o ? p : "div", l = R(null), k = b([l, a]);
+  return w(() => {
+    const e = l.current, f = ({ ctrlKey: x, metaKey: v, target: g }) => {
+      const t = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
+      !t || t != null && t.contains(g) || (x || v ? window.open(t.href, "", "noreferrer") : t.click());
+    };
+    return e == null || e.addEventListener("click", f), () => e == null ? void 0 : e.removeEventListener("click", f);
+  }, []), c(C, { className: u("ds-card", n), "data-variant": r, ref: k, ...s });
+}), E = m(function({ asChild: o, className: r, ...n }, s) {
+  return c(o ? p : "div", { className: u("ds-card__block", r), ref: s, ...n });
+}), h = Object.assign(j, {
+  Block: E
+});
+h.Block.displayName = "Card.Block";
+function M({ color: i, theme: o = "tinted", icon: r, title: n, children: s }) {
+  return /* @__PURE__ */ d(h, { "data-color": i, variant: o, children: [
+    /* @__PURE__ */ d(
+      "header",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "flex-start",
+          rowGap: "1rem"
+        },
+        children: [
+          r && /* @__PURE__ */ c(B, { ...r, size: "xl", theme: "default" }),
+          /* @__PURE__ */ c(y, { size: "lg", children: n })
+        ]
+      }
+    ),
+    s
+  ] });
+}
+export {
+  M as DashboardCard
+};