@hortiview/shared-components 0.0.11102 → 0.0.11146

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,70 +1,79 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { TypoDisplay as g, TypoBody as N, Icon as I } from "@element/react-components";
-import { I as x } from "../../Iconify-DoU6pP1o.js";
-import { AvailableCustomIcons as B } from "../../enums/AvailableCustomIcons.js";
-import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
-import { OverflowTooltip as T } from "../OverflowTooltip/OverflowTooltip.js";
-import { s as e } from "../../basicHeading.module-BYb8xvuk.js";
-const $ = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ t("div", { className: e.iconContainer, children: i }) : i in B ? /* @__PURE__ */ t(
-  x,
+import "../../assets/BasicHeading.css";
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { TypoDisplay as u, TypoBody as y, Icon as C } from "@element/react-components";
+import { Iconify as w } from "../Iconify/Iconify.js";
+import { AvailableCustomIcons as j } from "../../enums/AvailableCustomIcons.js";
+import { u as I } from "../../useBreakpoints-MzTZ0tCT.js";
+import { OverflowTooltip as B } from "../OverflowTooltip/OverflowTooltip.js";
+const N = "_pageHeader_gwnjc_1", H = "_actionButtonContainer_gwnjc_16", b = "_leadingIcon_gwnjc_31", x = "_headingWrapper_gwnjc_35", A = "_headingContainer_gwnjc_40", T = "_invisible_gwnjc_45", W = "_withAvatar_gwnjc_49", $ = "_iconContainer_gwnjc_54", n = {
+  pageHeader: N,
+  actionButtonContainer: H,
+  leadingIcon: b,
+  headingWrapper: x,
+  headingContainer: A,
+  invisible: T,
+  withAvatar: W,
+  iconContainer: $
+}, k = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ i("div", { className: n.iconContainer, children: e }) : e in j ? /* @__PURE__ */ i(
+  w,
   {
-    icon: i,
-    className: e.leadingIcon,
+    icon: e,
+    className: n.leadingIcon,
     iconSize: "large",
     iconType: "filled"
   }
-) : /* @__PURE__ */ t(I, { iconSize: "large", iconType: "filled", icon: i, className: e.leadingIcon }) : null, D = ({
-  children: i,
-  marginBottom: r,
+) : /* @__PURE__ */ i(C, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, R = ({
+  children: e,
+  marginBottom: t,
   heading: a,
   icon: d,
-  className: m,
-  subHeading: o,
-  subHeadingLevel: p = 2,
-  invisibleButton: f = !1,
-  level: n = 4,
-  fontWeight: l = 400,
-  withAvatar: y = !1
+  className: p,
+  subHeading: r,
+  subHeadingLevel: g = 2,
+  invisibleButton: m = !1,
+  level: s = 4,
+  fontWeight: c = 400,
+  withAvatar: _ = !1
 }) => {
-  const { isDesktop: c } = C(), v = c ? n : n + 1, u = l === "bold" ? 500 : l, h = () => {
-    if (r !== void 0)
-      return typeof r == "number" ? `${r}px` : "2rem";
+  const { isDesktop: l } = I(), f = l ? s : s + 1, h = c === "bold" ? 500 : c, v = () => {
+    if (t !== void 0)
+      return typeof t == "number" ? `${t}px` : "2rem";
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: e.pageHeader,
-      style: { marginBottom: h() },
+      className: n.pageHeader,
+      style: { marginBottom: v() },
       "data-testid": "HeaderContainer",
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           "div",
           {
-            className: `${y && c ? e.withAvatar : ""} ${e.headingWrapper}`,
+            className: `${_ && l ? n.withAvatar : ""} ${n.headingWrapper}`,
             children: [
-              /* @__PURE__ */ t($, { icon: d }),
-              /* @__PURE__ */ s("div", { className: o ? e.headingContainer : "", children: [
-                /* @__PURE__ */ t(T, { id: a, text: a, children: /* @__PURE__ */ t(
-                  g,
+              /* @__PURE__ */ i(k, { icon: d }),
+              /* @__PURE__ */ o("div", { className: r ? n.headingContainer : "", children: [
+                /* @__PURE__ */ i(B, { id: a, text: a, children: /* @__PURE__ */ i(
+                  u,
                   {
-                    level: v,
+                    level: f,
                     "data-testid": "Header",
-                    className: m ?? "",
-                    style: { fontWeight: u },
+                    className: p ?? "",
+                    style: { fontWeight: h },
                     children: a
                   }
                 ) }),
-                /* @__PURE__ */ t(N, { level: p, children: o })
+                /* @__PURE__ */ i(y, { level: g, children: r })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ i(
           "div",
           {
-            className: `${e.actionButtonContainer} ${f && e.invisible}`,
+            className: `${n.actionButtonContainer} ${m && n.invisible}`,
             "data-testid": "RightPart",
-            children: i
+            children: e
           }
         )
       ]
@@ -72,5 +81,5 @@ const $ = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ t("div", {
   );
 };
 export {
-  D as BasicHeading
+  R as BasicHeading
 };

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,8 +1,8 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
 import { Button as g } from "@element/react-components";
 import { BasicHeading as a } from "./BasicHeading.js";
-import { a as i, s as n } from "../../react.esm-CHvVvf3L.js";
-import { d as h, t as s, g as e } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { a as i, s as n } from "../../react.esm-FR1-H8iU.js";
+import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 h("BasicHeading-Test", () => {
   s("render small container without content", () => {
     i(/* @__PURE__ */ o(a, { heading: "Test" }));

package/dist/components/BlockView/BlockView.js

@@ -1,57 +1,66 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { TypoSubtitle as C, TypoDisplay as E } from "@element/react-components";
-import { useState as A, useEffect as D, useMemo as S } from "react";
-import { getBlockNumberByDto as T } from "../../services/BlockService.js";
-import { s as e } from "../../BlockView.module-BPlNT5uh.js";
-const j = ({
-  rows: s,
+import "../../assets/BlockView.css";
+import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import { TypoSubtitle as T, TypoDisplay as L } from "@element/react-components";
+import { useState as R, useEffect as B, useMemo as C } from "react";
+import { getBlockNumberByDto as E } from "../../services/BlockService.js";
+const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", M = "_blockRow_lihp2_27", V = "_block_lihp2_15", j = "_active_lihp2_46", q = "_error_lihp2_52", F = "_empty_lihp2_58", G = "_blockText_lihp2_62", e = {
+  grid: A,
+  black: D,
+  blockLayout: S,
+  blockRow: M,
+  block: V,
+  active: j,
+  error: q,
+  empty: F,
+  blockText: G
+}, P = ({
+  rows: n,
   columns: t,
-  hideText: m = !1,
-  errorBlocks: v = [],
-  showNumbers: y = !0,
-  clickable: N = !0,
-  size: d = 15,
-  onClick: u = null,
-  currentBlock: c,
-  blocks: b,
-  blockViewTitle: $,
+  hideText: b = !1,
+  errorBlocks: y = [],
+  showNumbers: f = !0,
+  clickable: v = !0,
+  size: m = 15,
+  onClick: k = null,
+  currentBlock: i,
+  blocks: _,
+  blockViewTitle: N,
   blockLabel: g
 }) => {
-  const [p, h] = A(0);
-  D(() => {
-    if (!c)
-      return;
-    const o = T(c, t);
-    h(o);
-  }, [c, t]);
-  const w = S(() => s * t, [s, t]), x = (o) => {
-    u && u(o, c ?? void 0);
-  }, B = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((a) => a.position?.row === o && a.position?.column === l);
-  return /* @__PURE__ */ f("div", { "data-testid": "block-view-container", className: e.grid, children: [
-    !m && /* @__PURE__ */ i(C, { level: 1, bold: !0, className: e.black, children: $ }),
-    /* @__PURE__ */ i("div", { className: e.blockLayout, style: { width: `${d}rem`, height: `${d}rem` }, children: Array.from({ length: s }).map((o, l) => /* @__PURE__ */ i("div", { className: e.blockRow, children: Array.from({ length: t }).map((a, n) => {
-      const r = t * l + n + 1, k = B({ row: l + 1, column: n + 1 });
-      return /* @__PURE__ */ i(
+  const [d, p] = R(0);
+  B(() => {
+    if (!i) return;
+    const l = E(i, t);
+    p(l);
+  }, [i, t]);
+  const w = C(() => n * t, [n, t]), $ = (l) => {
+    k && k(l, i ?? void 0);
+  }, x = ({ row: l, column: r }) => _.length === 0 ? !0 : _.some((s) => s.position?.row === l && s.position?.column === r);
+  return /* @__PURE__ */ h("div", { "data-testid": "block-view-container", className: e.grid, children: [
+    !b && /* @__PURE__ */ c(T, { level: 1, bold: !0, className: e.black, children: N }),
+    /* @__PURE__ */ c("div", { className: e.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: n }).map((l, r) => /* @__PURE__ */ c("div", { className: e.blockRow, children: Array.from({ length: t }).map((s, a) => {
+      const o = t * r + a + 1, u = x({ row: r + 1, column: a + 1 });
+      return /* @__PURE__ */ c(
         "div",
         {
           "data-testid": "block-view-block",
-          className: `${e.block} ${p === r ? e.active : ""} ${k ? "" : e.empty} ${v.includes(r) ? e.error : ""}`,
-          id: `block${r}`,
-          onClick: N ? () => {
-            h(r), x({ row: l + 1, column: n + 1 });
+          className: `${e.block} ${d === o ? e.active : ""} ${u ? "" : e.empty} ${y.includes(o) ? e.error : ""}`,
+          id: `block${o}`,
+          onClick: v ? () => {
+            p(o), $({ row: r + 1, column: a + 1 });
           } : void 0,
-          children: y && k && /* @__PURE__ */ i(
+          children: f && u && /* @__PURE__ */ c(
             "div",
             {
-              className: `${e.blockText} ${p === r ? e.black : ""}`,
-              children: r
+              className: `${e.blockText} ${d === o ? e.black : ""}`,
+              children: o
             }
           )
         },
-        r
+        o
       );
-    }) }, l)) }),
-    !m && /* @__PURE__ */ f(E, { themeColor: "primary", level: 6, children: [
+    }) }, r)) }),
+    !b && /* @__PURE__ */ h(L, { themeColor: "primary", level: 6, children: [
       w,
       " ",
       g
@@ -59,5 +68,5 @@ const j = ({
   ] });
 };
 export {
-  j as BlockView
+  P as BlockView
 };

package/dist/components/BlockView/BlockView.test.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
-import { a as s, s as o, f as n } from "../../react.esm-CHvVvf3L.js";
+import { a as s, s as o, f as n } from "../../react.esm-FR1-H8iU.js";
 import { BlockView as i } from "./BlockView.js";
-import { d as a, v as B, t as r, g as t } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as a, v as B, t as r, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 a("BlockView Test", () => {
   const c = B.fn(), e = {
     id: "1",

package/dist/components/ChipCard/ChipCard.js

@@ -1,23 +1,25 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Card as e, Chips as a } from "@element/react-components";
-import { OverflowTooltip as d } from "../OverflowTooltip/OverflowTooltip.js";
-import { s as n } from "../../chipCard.module-BjpKuf1b.js";
-const h = ({ label: t, icon: i, className: o = "" }) => /* @__PURE__ */ r(
+import "../../assets/ChipCard.css";
+import { jsx as i } from "react/jsx-runtime";
+import { Card as e, Chips as o } from "@element/react-components";
+import { OverflowTooltip as a } from "../OverflowTooltip/OverflowTooltip.js";
+const d = "_entityContainer_1g0x2_1", c = {
+  entityContainer: d
+}, C = ({ label: t, icon: r, className: n = "" }) => /* @__PURE__ */ i(
   e,
   {
     "data-testid": "chip-card",
     variant: "flat",
     bodyAlignment: "centered",
     themeColor: "primary-50",
-    className: `${n.entityContainer} ${o}`,
-    children: /* @__PURE__ */ r(d, { id: `chip_card_${t}`, text: t, children: /* @__PURE__ */ r(
-      a,
+    className: `${c.entityContainer} ${n}`,
+    children: /* @__PURE__ */ i(a, { id: `chip_card_${t}`, text: t, children: /* @__PURE__ */ i(
+      o,
       {
         "data-testid": `${t}-chip`,
         chips: [
           {
             label: t,
-            leadingIcon: i
+            leadingIcon: r
           }
         ],
         variant: "outlined"
@@ -26,5 +28,5 @@ const h = ({ label: t, icon: i, className: o = "" }) => /* @__PURE__ */ r(
   }
 );
 export {
-  h as ChipCard
+  C as ChipCard
 };

package/dist/components/ChipCard/ChipCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { a, s as i } from "../../react.esm-CHvVvf3L.js";
+import { a, s as i } from "../../react.esm-FR1-H8iU.js";
 import { ChipCard as n } from "./ChipCard.js";
-import { d as s, t as c, g as t } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 s("ChipCard Component", () => {
   const r = "Test Label", o = "domain";
   c("renders the correct label and icon", () => {

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,22 +1,26 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Menu as u, IconButton as f, List as d, ListItem as p } from "@element/react-components";
-import { useState as y, useCallback as r, useEffect as C } from "react";
-import { uniqueId as k } from "lodash";
-import { s as i } from "../../contextMenu.module-vNQHb48g.js";
-const T = ({
-  triggerOpen: n = null,
-  actions: a,
-  iconOrientation: m = "vertical"
+import "../../assets/ContextMenu.css";
+import { jsx as o } from "react/jsx-runtime";
+import { Menu as a, List as f, ListItem as d, IconButton as _ } from "@element/react-components";
+import { useState as p, useCallback as c, useEffect as I } from "react";
+import { uniqueId as v } from "lodash";
+const y = "_menu_ol91v_1", C = "_icon_ol91v_5", k = "_listItem_ol91v_9", i = {
+  menu: y,
+  icon: C,
+  listItem: k
+}, B = ({
+  triggerOpen: l = null,
+  actions: m,
+  iconOrientation: r = "vertical"
 }) => {
-  const [t, o] = y(!1), c = r(() => {
-    o(!t);
-  }, [t]), s = r(() => {
-    o(!1);
+  const [t, n] = p(!1), u = c(() => {
+    n(!t);
+  }, [t]), s = c(() => {
+    n(!1);
   }, []);
-  return C(() => {
-    o(n !== null ? n : !1);
-  }, [n]), /* @__PURE__ */ l(
-    u,
+  return I(() => {
+    n(l !== null ? l : !1);
+  }, [l]), /* @__PURE__ */ o(
+    a,
     {
       className: i.menu,
       "data-testid": "selection-menu",
@@ -24,18 +28,18 @@ const T = ({
       surfaceOnly: !0,
       hoistToBody: !0,
       onClose: s,
-      trigger: /* @__PURE__ */ l(
-        f,
+      trigger: /* @__PURE__ */ o(
+        _,
         {
           className: i.icon,
           variant: t ? "filled-primary" : void 0,
           "data-testid": "open-button",
-          icon: m === "vertical" ? "more_vert" : "more_horiz",
-          onClick: c
+          icon: r === "vertical" ? "more_vert" : "more_horiz",
+          onClick: u
         }
       ),
-      children: /* @__PURE__ */ l(d, { children: a.map((e) => /* @__PURE__ */ l(
-        p,
+      children: /* @__PURE__ */ o(f, { children: m.map((e) => /* @__PURE__ */ o(
+        d,
         {
           className: i.listItem,
           ...e,
@@ -45,12 +49,12 @@ const T = ({
             e?.onClick?.(), e.closeOnClick !== !1 && s();
           }
         },
-        k(`LI_${e.primaryText?.toString()}_`)
+        v(`LI_${e.primaryText?.toString()}_`)
       )) })
     },
     "selectionmenu"
   );
 };
 export {
-  T as ContextMenu
+  B as ContextMenu
 };

package/dist/components/ContextMenu/ContextMenu.test.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a as B, s as t, f as o, w as s } from "../../react.esm-CHvVvf3L.js";
+import { a as B, s as t, f as o, w as s } from "../../react.esm-FR1-H8iU.js";
 import { ContextMenu as p } from "./ContextMenu.js";
-import { v as l, d as k, t as T, g as e } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { v as l, d as k, t as T, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 const C = l.fn(), a = l.fn(), i = l.fn(), g = [
   { primaryText: "Open", onClick: C, leadingBlock: "add" },
   { primaryText: "Delete", onClick: i, leadingBlock: "delete_outline" },

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,88 +1,93 @@
-import { jsx as r, jsxs as p, Fragment as s } from "react/jsx-runtime";
-import { Button as u, Group as c, Icon as D, TypoBody as l } from "@element/react-components";
-import { uniqueId as N } from "lodash";
-import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
-import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
-import { I as M } from "../../Iconify-DoU6pP1o.js";
-import { Modal as j } from "../Modal/Modal.js";
-import { s as t } from "../../deleteModal.module-Ds3MDzdl.js";
-const L = ({
+import "../../assets/DeleteModal.css";
+import { jsx as o, jsxs as p, Fragment as c } from "react/jsx-runtime";
+import { Group as i, Button as u, Icon as D, TypoBody as l } from "@element/react-components";
+import { uniqueId as I } from "lodash";
+import { AvailableCustomIcons as O } from "../../enums/AvailableCustomIcons.js";
+import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
+import { Iconify as S } from "../Iconify/Iconify.js";
+import { Modal as x } from "../Modal/Modal.js";
+const M = "_bulletPoint_1kyg0_1", j = "_modal_1kyg0_6", z = "_colorDanger_1kyg0_10", B = "_crossedOut_1kyg0_14", t = {
+  bulletPoint: M,
+  modal: j,
+  colorDanger: z,
+  crossedOut: B
+}, R = ({
   title: e,
-  confirmButtonLabel: o,
+  confirmButtonLabel: r,
   cancelButtonLabel: n,
   deleteHeader: a,
-  deleteBody: i,
-  deleteText: f,
-  icon: g,
+  deleteBody: s,
+  deleteText: g,
+  icon: f,
   isIconCrossedOut: h,
-  impossibleDeleteHeader: b,
-  open: v,
-  setOpen: m,
-  onDelete: y,
-  isDeletePossible: d = !0
+  impossibleDeleteHeader: y,
+  open: b,
+  setOpen: d,
+  onDelete: k,
+  isDeletePossible: m = !0
 }) => {
-  const { isDesktop: C } = x(), k = (I) => {
-    I.detail.action === "close" && m(!1);
+  const { isDesktop: _ } = N(), v = (C) => {
+    C.detail.action === "close" && d(!1);
   };
-  return /* @__PURE__ */ r(
-    j,
+  return /* @__PURE__ */ o(
+    x,
     {
       className: t.modal,
-      modalSize: C ? "small" : "fullscreen",
-      open: v,
-      onClose: k,
+      modalSize: _ ? "small" : "fullscreen",
+      open: b,
+      onClose: v,
       title: e,
-      primaryButton: /* @__PURE__ */ r(
+      primaryButton: /* @__PURE__ */ o(
         u,
         {
           "data-testid": "delete-button",
           variant: "danger",
-          label: o,
-          onClick: y,
-          disabled: !d
+          label: r,
+          onClick: k,
+          disabled: !m
         }
       ),
-      footerSupplemental: /* @__PURE__ */ r(
+      footerSupplemental: /* @__PURE__ */ o(
         u,
         {
           "data-testid": "cancel-button",
           variant: "text",
           label: n,
-          onClick: () => m(!1)
+          onClick: () => d(!1)
         }
       ),
-      children: /* @__PURE__ */ p(c, { direction: "vertical", secondaryAlign: "center", children: [
-        /* @__PURE__ */ r(z, { element: /* @__PURE__ */ r(B, { icon: g }), isCrossedOut: h }),
-        /* @__PURE__ */ r(c, { direction: "vertical", children: d ? /* @__PURE__ */ r(
-          O,
+      children: /* @__PURE__ */ p(i, { direction: "vertical", secondaryAlign: "center", children: [
+        /* @__PURE__ */ o(P, { element: /* @__PURE__ */ o(A, { icon: f }), isCrossedOut: h }),
+        /* @__PURE__ */ o(i, { direction: "vertical", children: m ? /* @__PURE__ */ o(
+          q,
           {
             deleteHeader: a,
-            deleteText: f,
-            deleteBody: i
+            deleteText: g,
+            deleteBody: s
           }
-        ) : /* @__PURE__ */ r(A, { impossibleDeleteHeader: b }) })
+        ) : /* @__PURE__ */ o(F, { impossibleDeleteHeader: y }) })
       ] })
     }
   );
-}, z = ({
+}, P = ({
   element: e,
-  isCrossedOut: o = !1
-}) => o ? /* @__PURE__ */ r("span", { className: t.crossedOut, children: e }) : e, B = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(S).includes(e) ? /* @__PURE__ */ r(
-  M,
+  isCrossedOut: r = !1
+}) => r ? /* @__PURE__ */ o("span", { className: t.crossedOut, children: e }) : e, A = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(O).includes(e) ? /* @__PURE__ */ o(
+  S,
   {
     icon: e,
     iconSize: "xlarge",
     className: t.colorDanger
   }
-) : /* @__PURE__ */ r(D, { icon: e, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ r(s, {}), O = ({
+) : /* @__PURE__ */ o(D, { icon: e, iconSize: "xlarge", className: t.colorDanger }) : /* @__PURE__ */ o(c, {}), q = ({
   deleteHeader: e,
-  deleteText: o,
+  deleteText: r,
   deleteBody: n
-}) => /* @__PURE__ */ p(s, { children: [
-  /* @__PURE__ */ r(l, { level: 1, themeColor: "text-primary-on-background", children: e }),
-  o && typeof o == "string" && /* @__PURE__ */ r(l, { level: 2, themeColor: "text-secondary-on-background", children: o }),
-  o && typeof o != "string" && /* @__PURE__ */ r(s, { children: o }),
-  n && o === void 0 && /* @__PURE__ */ r(c, { direction: "vertical", gap: "none", children: n.map((a, i) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ p(c, { children: [
+  /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: e }),
+  r && typeof r == "string" && /* @__PURE__ */ o(l, { level: 2, themeColor: "text-secondary-on-background", children: r }),
+  r && typeof r != "string" && /* @__PURE__ */ o(c, { children: r }),
+  n && r === void 0 && /* @__PURE__ */ o(i, { direction: "vertical", gap: "none", children: n.map((a, s) => /* @__PURE__ */ o(
     l,
     {
       level: 2,
@@ -90,11 +95,11 @@ const L = ({
       themeColor: "text-secondary-on-background",
       children: a
     },
-    N(i.toString())
+    I(s.toString())
   )) })
-] }), A = ({
+] }), F = ({
   impossibleDeleteHeader: e
-}) => /* @__PURE__ */ r(l, { level: 1, themeColor: "text-primary-on-background", children: e });
+}) => /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: e });
 export {
-  L as DeleteModal
+  R as DeleteModal
 };

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as e } from "../../react.esm-CHvVvf3L.js";
+import { a as c, s as e } from "../../react.esm-FR1-H8iU.js";
 import { DeleteModal as b } from "./DeleteModal.js";
-import { d as B, t as a, v as o, g as t } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as B, t as a, v as o, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 B("DeleteModal Test", () => {
   a("should render the DeleteModal properly", () => {
     c(

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,16 +1,19 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { Group as n, TypoSubtitle as m, TypoBody as t, Icon as d } from "@element/react-components";
-import { s as l } from "../../disclaimer.module-BZydt-Q_.js";
-const f = ({ text: o, subtext: e, icon: i, level: c = 2, bold: a = !1 }) => /* @__PURE__ */ s(
-  n,
+import "../../assets/Disclaimer.css";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { Group as s, TypoSubtitle as t, TypoBody as m, Icon as d } from "@element/react-components";
+const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", c = {
+  disclaimer: p,
+  iconArea: y
+}, f = ({ text: o, subtext: e, icon: i, level: l = 2, bold: a = !1 }) => /* @__PURE__ */ n(
+  s,
   {
     direction: i || e ? "vertical" : "horizontal",
     secondaryAlign: "center",
     primaryAlign: "center",
     children: [
-      /* @__PURE__ */ r(m, { className: l.disclaimer, level: c, bold: a, children: o }),
-      e && /* @__PURE__ */ r(t, { level: 2, children: e }),
-      i && /* @__PURE__ */ r("div", { className: l.iconArea, children: /* @__PURE__ */ r(d, { className: l.Icon, icon: i, iconSize: "large" }) })
+      /* @__PURE__ */ r(t, { className: c.disclaimer, level: l, bold: a, children: o }),
+      e && /* @__PURE__ */ r(m, { level: 2, children: e }),
+      i && /* @__PURE__ */ r("div", { className: c.iconArea, children: /* @__PURE__ */ r(d, { className: c.Icon, icon: i, iconSize: "large" }) })
     ]
   }
 );

package/dist/components/Disclaimer/Disclaimer.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as t } from "../../react.esm-CHvVvf3L.js";
+import { a as r, s as t } from "../../react.esm-FR1-H8iU.js";
 import { Disclaimer as s } from "./Disclaimer.js";
-import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 i("Disclaimer test", () => {
   m("should render with default text", () => {
     r(/* @__PURE__ */ o(s, { text: "disclaimer.default" })), e(t.getByText("disclaimer.default")).toBeInTheDocument();