@hortiview/shared-components 0.0.11155 → 0.0.11528

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,11 +1,10 @@
-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 { TypoDisplay as u, TypoBody as y, Icon as C } from "@element-public/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 = {
+import '../../assets/BasicHeading.css';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,
@@ -22,7 +21,7 @@ const N = "_pageHeader_gwnjc_1", H = "_actionButtonContainer_gwnjc_16", b = "_le
     iconSize: "large",
     iconType: "filled"
   }
-) : /* @__PURE__ */ i(C, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, R = ({
+) : /* @__PURE__ */ i(C, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, P = ({
   children: e,
   marginBottom: t,
   heading: a,
@@ -30,12 +29,12 @@ const N = "_pageHeader_gwnjc_1", H = "_actionButtonContainer_gwnjc_16", b = "_le
   className: p,
   subHeading: r,
   subHeadingLevel: g = 2,
-  invisibleButton: m = !1,
+  invisibleButton: _ = !1,
   level: s = 4,
   fontWeight: c = 400,
-  withAvatar: _ = !1
+  withAvatar: m = !1
 }) => {
-  const { isDesktop: l } = I(), f = l ? s : s + 1, h = c === "bold" ? 500 : c, v = () => {
+  const { isDesktop: l } = I(), h = l ? s : s + 1, f = c === "bold" ? 500 : c, v = () => {
     if (t !== void 0)
       return typeof t == "number" ? `${t}px` : "2rem";
   };
@@ -49,17 +48,17 @@ const N = "_pageHeader_gwnjc_1", H = "_actionButtonContainer_gwnjc_16", b = "_le
         /* @__PURE__ */ o(
           "div",
           {
-            className: `${_ && l ? n.withAvatar : ""} ${n.headingWrapper}`,
+            className: `${m && l ? n.withAvatar : ""} ${n.headingWrapper}`,
             children: [
               /* @__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: f,
+                    level: h,
                     "data-testid": "Header",
                     className: p ?? "",
-                    style: { fontWeight: h },
+                    style: { fontWeight: f },
                     children: a
                   }
                 ) }),
@@ -71,7 +70,7 @@ const N = "_pageHeader_gwnjc_1", H = "_actionButtonContainer_gwnjc_16", b = "_le
         /* @__PURE__ */ i(
           "div",
           {
-            className: `${n.actionButtonContainer} ${m && n.invisible}`,
+            className: `${n.actionButtonContainer} ${_ && n.invisible}`,
             "data-testid": "RightPart",
             children: e
           }
@@ -81,5 +80,5 @@ const N = "_pageHeader_gwnjc_1", H = "_actionButtonContainer_gwnjc_16", b = "_le
   );
 };
 export {
-  R as BasicHeading
+  P 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 { Button as g } from "@element-public/react-components";
 import { BasicHeading as a } from "./BasicHeading.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";
+import { a as i, s as n } from "../../react.esm-DNwojocF.js";
+import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 h("BasicHeading-Test", () => {
   s("render small container without content", () => {
     i(/* @__PURE__ */ o(a, { heading: "Test" }));

package/dist/components/BlockView/BlockView.d.ts

@@ -1,4 +1,5 @@
 import { Block } from '../../types/internal/Block';
+
 type BlockViewProps<T extends Block> = {
     /**
      * number of rows the will be rendered

package/dist/components/BlockView/BlockView.js

@@ -1,9 +1,8 @@
-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 { TypoSubtitle as T, TypoDisplay as L } from "@element-public/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 = {
+import '../../assets/BlockView.css';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", o = {
   grid: A,
   black: D,
   blockLayout: S,
@@ -13,13 +12,13 @@ const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", M
   error: q,
   empty: F,
   blockText: G
-}, P = ({
-  rows: n,
-  columns: t,
+}, O = ({
+  rows: s,
+  columns: e,
   hideText: b = !1,
   errorBlocks: y = [],
-  showNumbers: f = !0,
-  clickable: v = !0,
+  showNumbers: v = !0,
+  clickable: f = !0,
   size: m = 15,
   onClick: k = null,
   currentBlock: i,
@@ -30,34 +29,34 @@ const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", M
   const [d, p] = R(0);
   B(() => {
     if (!i) return;
-    const l = E(i, t);
+    const l = E(i, e);
     p(l);
-  }, [i, t]);
-  const w = C(() => n * t, [n, t]), $ = (l) => {
+  }, [i, e]);
+  const w = C(() => s * e, [s, e]), $ = (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 });
+  }, x = ({ row: l, column: r }) => _.length === 0 ? !0 : _.some((n) => n.position?.row === l && n.position?.column === r);
+  return /* @__PURE__ */ h("div", { "data-testid": "block-view-container", className: o.grid, children: [
+    !b && /* @__PURE__ */ c(T, { level: 1, bold: !0, className: o.black, children: N }),
+    /* @__PURE__ */ c("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: s }).map((l, r) => /* @__PURE__ */ c("div", { className: o.blockRow, children: Array.from({ length: e }).map((n, a) => {
+      const t = e * r + a + 1, u = x({ row: r + 1, column: a + 1 });
       return /* @__PURE__ */ c(
         "div",
         {
           "data-testid": "block-view-block",
-          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 });
+          className: `${o.block} ${d === t ? o.active : ""} ${u ? "" : o.empty} ${y.includes(t) ? o.error : ""}`,
+          id: `block${t}`,
+          onClick: f ? () => {
+            p(t), $({ row: r + 1, column: a + 1 });
           } : void 0,
-          children: f && u && /* @__PURE__ */ c(
+          children: v && u && /* @__PURE__ */ c(
             "div",
             {
-              className: `${e.blockText} ${d === o ? e.black : ""}`,
-              children: o
+              className: `${o.blockText} ${d === t ? o.black : ""}`,
+              children: t
             }
           )
         },
-        o
+        t
       );
     }) }, r)) }),
     !b && /* @__PURE__ */ h(L, { themeColor: "primary", level: 6, children: [
@@ -68,5 +67,5 @@ const A = "_grid_lihp2_1", D = "_black_lihp2_11", S = "_blockLayout_lihp2_15", M
   ] });
 };
 export {
-  P as BlockView
+  O 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-FR1-H8iU.js";
+import { a as s, s as o, f as n } from "../../react.esm-DNwojocF.js";
 import { BlockView as i } from "./BlockView.js";
-import { d as a, v as B, t as r, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as a, v as B, t as r, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 a("BlockView Test", () => {
   const c = B.fn(), e = {
     id: "1",

package/dist/components/ChipCard/ChipCard.js

@@ -1,17 +1,16 @@
-import "../../assets/ChipCard.css";
 import { jsx as i } from "react/jsx-runtime";
-import { Card as e, Chips as o } from "@element/react-components";
+import { Card as e, Chips as o } from "@element-public/react-components";
 import { OverflowTooltip as a } from "../OverflowTooltip/OverflowTooltip.js";
-const d = "_entityContainer_1g0x2_1", c = {
+import '../../assets/ChipCard.css';const d = "_entityContainer_1g0x2_1", c = {
   entityContainer: d
-}, C = ({ label: t, icon: r, className: n = "" }) => /* @__PURE__ */ i(
+}, h = ({ label: t, icon: n, className: r = "" }) => /* @__PURE__ */ i(
   e,
   {
     "data-testid": "chip-card",
     variant: "flat",
     bodyAlignment: "centered",
     themeColor: "primary-50",
-    className: `${c.entityContainer} ${n}`,
+    className: `${c.entityContainer} ${r}`,
     children: /* @__PURE__ */ i(a, { id: `chip_card_${t}`, text: t, children: /* @__PURE__ */ i(
       o,
       {
@@ -19,7 +18,7 @@ const d = "_entityContainer_1g0x2_1", c = {
         chips: [
           {
             label: t,
-            leadingIcon: r
+            leadingIcon: n
           }
         ],
         variant: "outlined"
@@ -28,5 +27,5 @@ const d = "_entityContainer_1g0x2_1", c = {
   }
 );
 export {
-  C as ChipCard
+  h 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-FR1-H8iU.js";
+import { a, s as i } from "../../react.esm-DNwojocF.js";
 import { ChipCard as n } from "./ChipCard.js";
-import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 s("ChipCard Component", () => {
   const r = "Test Label", o = "domain";
   c("renders the correct label and icon", () => {

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,4 +1,5 @@
-import { ListItemProps } from '@element/react-components';
+import { ListItemProps } from '@element-public/react-components';
+
 type ContextMenuProps = {
     /**
      * If not null, the menu will be open
@@ -23,7 +24,7 @@ export type ActionProps = ListItemProps & {
  * @param {boolean} triggerOpen indicates if the menu should be open
  * @param {ListItemProps[]} actions list of actions to display in the context menu as ListItems
  * @recommended `primaryText`, `onClick`, `leadingBlock`
- * @requires `ListItemProps` from `@element/react-components`
+ * @requires `ListItemProps` from `@element-public/react-components`
  * @example const actions = [
  *  { primaryText: 'Open', onClick: () => openSomeModal(), leadingBlock: 'add' },
  *  { primaryText: 'Delete', onClick: () => DeleteSomeThing(), leadingBlock: 'delete_outline'},

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,26 +1,25 @@
-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 = {
+import { Menu as u, List as f, ListItem as d, IconButton as _ } from "@element-public/react-components";
+import { useState as p, useCallback as c, useEffect as v } from "react";
+import { uniqueId as I } from "lodash";
+import '../../assets/ContextMenu.css';const y = "_menu_ol91v_1", C = "_icon_ol91v_5", k = "_listItem_ol91v_9", i = {
   menu: y,
   icon: C,
   listItem: k
-}, B = ({
+}, b = ({
   triggerOpen: l = null,
   actions: m,
   iconOrientation: r = "vertical"
 }) => {
-  const [t, n] = p(!1), u = c(() => {
+  const [t, n] = p(!1), a = c(() => {
     n(!t);
   }, [t]), s = c(() => {
     n(!1);
   }, []);
-  return I(() => {
+  return v(() => {
     n(l !== null ? l : !1);
   }, [l]), /* @__PURE__ */ o(
-    a,
+    u,
     {
       className: i.menu,
       "data-testid": "selection-menu",
@@ -35,7 +34,7 @@ const y = "_menu_ol91v_1", C = "_icon_ol91v_5", k = "_listItem_ol91v_9", i = {
           variant: t ? "filled-primary" : void 0,
           "data-testid": "open-button",
           icon: r === "vertical" ? "more_vert" : "more_horiz",
-          onClick: u
+          onClick: a
         }
       ),
       children: /* @__PURE__ */ o(f, { children: m.map((e) => /* @__PURE__ */ o(
@@ -49,12 +48,12 @@ const y = "_menu_ol91v_1", C = "_icon_ol91v_5", k = "_listItem_ol91v_9", i = {
             e?.onClick?.(), e.closeOnClick !== !1 && s();
           }
         },
-        v(`LI_${e.primaryText?.toString()}_`)
+        I(`LI_${e.primaryText?.toString()}_`)
       )) })
     },
     "selectionmenu"
   );
 };
 export {
-  B 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-FR1-H8iU.js";
+import { a as B, s as t, f as o, w as s } from "../../react.esm-DNwojocF.js";
 import { ContextMenu as p } from "./ContextMenu.js";
-import { v as l, d as k, t as T, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { v as l, d as k, t as T, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type DeleteModalProps = {
     /**
      * The title of the modal.
@@ -49,6 +48,10 @@ type DeleteModalProps = {
      * The function to call when the confirm button is clicked.
      */
     onDelete: () => void;
+    /**
+     * A optional function to call when the cancel button is clicked.
+     */
+    onCancel?: () => void;
     /**
      * If true, the delete button will be enabled.
      * If false, the delete button will be disabled and the {@link impossibleDeleteHeader} will be displayed.
@@ -70,8 +73,9 @@ type DeleteModalProps = {
  * @prop {boolean} open - The state of the modal.
  * @prop {function} setOpen - The function to set the state of the modal.
  * @prop {function} onDelete - The function to call when the confirm button is clicked.
+ * @prop {function} onCancel - A optional function to call when the cancel button is clicked.
  * @prop {boolean} isDeletePossible - If true, the delete button will be enabled. If false, the delete button will be disabled and the {@link impossibleDeleteHeader} will be displayed. Default is _true_.
  * @returns {ReactElement} A modal component for deleting items.
  */
-export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, onCancel, isDeletePossible, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DeleteModal/DeleteModal.js

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

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,22 +1,21 @@
-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 = {
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Group as s, TypoSubtitle as t, TypoBody as m, Icon as d } from "@element-public/react-components";
+import '../../assets/Disclaimer.css';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(
+}, h = ({ text: l, subtext: r, icon: i, level: o = 2, bold: a = !1 }) => /* @__PURE__ */ n(
   s,
   {
-    direction: i || e ? "vertical" : "horizontal",
+    direction: i || r ? "vertical" : "horizontal",
     secondaryAlign: "center",
     primaryAlign: "center",
     children: [
-      /* @__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" }) })
+      /* @__PURE__ */ e(t, { className: c.disclaimer, level: o, bold: a, children: l }),
+      r && /* @__PURE__ */ e(m, { level: 2, children: r }),
+      i && /* @__PURE__ */ e("div", { className: c.iconArea, children: /* @__PURE__ */ e(d, { className: c.Icon, icon: i, iconSize: "large" }) })
     ]
   }
 );
 export {
-  f as Disclaimer
+  h as Disclaimer
 };

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-FR1-H8iU.js";
+import { a as r, s as t } from "../../react.esm-DNwojocF.js";
 import { Disclaimer as s } from "./Disclaimer.js";
-import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 i("Disclaimer test", () => {
   m("should render with default text", () => {
     r(/* @__PURE__ */ o(s, { text: "disclaimer.default" })), e(t.getByText("disclaimer.default")).toBeInTheDocument();

package/dist/components/EmptyView/EmptyView.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 type EmptyViewProps = {
     /**
      * The title of the empty view, optional, default is empty string

package/dist/components/EmptyView/EmptyView.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { Hero as d, HeroContent as h, Icon as s, TypoBody as i, Group as m } from "@element/react-components";
+import { Hero as d, HeroContent as h, Icon as s, TypoBody as i, Group as m } from "@element-public/react-components";
 const u = ({
   title: r = "",
   subtitle: o = "",

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as o, w as r, f as l } from "../../react.esm-FR1-H8iU.js";
+import { a as s, s as o, w as r, f as l } from "../../react.esm-DNwojocF.js";
 import { EmptyView as c } from "./EmptyView.js";
-import { d as h, t as T, g as e, v as d } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as h, t as T, g as e, v as d } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 h("EmptyView", () => {
   T("should render", () => {
     s(/* @__PURE__ */ n(c, {})), e(o.getByText("dashbord")).toBeInTheDocument();

package/dist/components/Filter/Filter.d.ts

@@ -1,4 +1,5 @@
 import { FilterData, FilterSelection } from '../../types/Filter';
+
 type FilterProps = {
     modalCancelButtonText: string;
     modalConfirmButtonText: string;