@hortiview/shared-components 2.27.4 → 2.28.0-alpha.fb31ea7e.1

package/{dist/AlertBanner-C9TvBTkH.js → AlertBanner-2rv7mRmR.js}

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as t, jsxs as l } from "react/jsx-runtime";
 import { G as _ } from "./index.es-BE1XL1dD.js";
 import { I as m } from "./index.es-LckFzDz-.js";
-import { T as d } from "./index.es-EXzC8zuP.js";
+import { T as d } from "./index.es-CdZp67J9.js";
 import './assets/AlertBanner.css';const g = "_messageContainer_2hnjr_1", h = "_info_2hnjr_9", f = "_danger_2hnjr_14", p = "_success_2hnjr_19", u = "_warning_2hnjr_24", j = "_closeIcon_2hnjr_29", y = "_linkBanner_2hnjr_34", s = {
   messageContainer: g,
   info: h,

package/{dist/GenericCard-2v0lBsVu.js → GenericCard-DglXAprV.js}

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as s, Fragment as h } from "react/jsx-runtime";
-import { C, a as y, b as T, c as g, d as v } from "./index.es-DHL1mFb3.js";
-import { G as m, a as u, b as l } from "./index.es-C2ejWpji.js";
-import { c as f } from "./index.es-EXzC8zuP.js";
-import { useMemo as b } from "react";
+import { C, a as y, b as T, c as g, d as v } from "./index.es-DglJcc2r.js";
+import { G as b, a as m, b as l } from "./index.es-C2ejWpji.js";
+import { b as f } from "./index.es-CdZp67J9.js";
+import { useMemo as u } from "react";
 import { OverflowTooltip as c } from "./components/OverflowTooltip/OverflowTooltip.js";
 import './assets/GenericCard.css';const x = "_cardTitle_1w5we_1", B = "_cardBody_1w5we_5", N = "_cardContent_1w5we_10", $ = "_row_1w5we_14", G = "_font_1w5we_18", k = "_fontHeader_1w5we_23", H = "_title_1w5we_27", S = "_emptyContainer_1w5we_33", W = "_empty_1w5we_33", A = "_fullWidth_1w5we_45", i = {
   cardTitle: x,
@@ -21,7 +21,7 @@ import './assets/GenericCard.css';const x = "_cardTitle_1w5we_1", B = "_cardBody
   tabletCol: 4,
   verticalAlign: "bottom"
 }, q = ({ item: e, columns: t, hiddenColumns: o }) => {
-  const d = t.find((a) => a.asCardTitle), w = t.find((a) => a.asCardSubtitle), p = b(
+  const d = t.find((a) => a.asCardTitle), w = t.find((a) => a.asCardSubtitle), p = u(
     () => t.filter(
       (a) => !a.asCardTitle && !a.asCardSubtitle && a.id !== "actions"
     ),
@@ -34,7 +34,7 @@ import './assets/GenericCard.css';const x = "_cardTitle_1w5we_1", B = "_cardBody
       "data-testid": `card${d ? "-" + e[d.accessor] : ""}`,
       children: /* @__PURE__ */ s(y, { className: i.cardContent, "data-testid": "card-content", children: [
         /* @__PURE__ */ r(j, { item: e, titleColumn: d, subTitleColumn: w }),
-        /* @__PURE__ */ r(T, { className: i.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ r(m, { fullHeight: !0, fullWidth: !0, variant: "none", children: p.map((a) => o?.includes(a.id) ? null : /* @__PURE__ */ s(u, { className: i.row, "data-testid": "row", children: [
+        /* @__PURE__ */ r(T, { className: i.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ r(b, { fullHeight: !0, fullWidth: !0, variant: "none", children: p.map((a) => o?.includes(a.id) ? null : /* @__PURE__ */ s(m, { className: i.row, "data-testid": "row", children: [
           /* @__PURE__ */ r(l, { horizontalAlign: "right", ..._, children: /* @__PURE__ */ s(
             f,
             {

package/{dist/ListAreaService-PaN1DrXf.js → ListAreaService-DkGcBcwz.js}

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as G } from "react/jsx-runtime";
-import { G as S } from "./index.es-BE1XL1dD.js";
-import { I as b } from "./index.es-LckFzDz-.js";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { G } from "./index.es-BE1XL1dD.js";
+import { I as S } from "./index.es-LckFzDz-.js";
 import { P as O } from "./index.es-C8AExypY.js";
-import { e as k, c as L, T as $ } from "./index.es-EXzC8zuP.js";
+import { d as k, b as L, T as $ } from "./index.es-CdZp67J9.js";
 import { c as A } from "./index-_-9ybP20.js";
 import { Iconify as j } from "./components/Iconify/Iconify.js";
 import { AvailableCustomIcons as H } from "./enums/AvailableCustomIcons.js";
@@ -72,7 +72,7 @@ import './assets/ListAreaService.css';const M = "_fullWidth_1w7l3_1", P = "_main
     key: n,
     select: m,
     primaryText: n,
-    secondaryText: /* @__PURE__ */ G(S, { direction: "vertical", gap: "none", children: [
+    secondaryText: /* @__PURE__ */ b(G, { direction: "vertical", gap: "none", children: [
       T ?? /* @__PURE__ */ r(
         L,
         {
@@ -102,7 +102,7 @@ import './assets/ListAreaService.css';const M = "_fullWidth_1w7l3_1", P = "_main
         children: p
       }
     ) : void 0,
-    trailingBlock: f ?? w ?? /* @__PURE__ */ r(b, { icon: "arrow_right", className: t.iconColor }),
+    trailingBlock: f ?? w ?? /* @__PURE__ */ r(S, { icon: "arrow_right", className: t.iconColor }),
     leadingBlock: ne(h),
     value: _,
     componentProps: {

package/{dist/component-DYpB_4EP.js → component-9vrShqiY.js}

@@ -1,36 +1,7 @@
 import { b as E, c as v } from "./tslib.es6-BDCynO9F.js";
 import { M as S, a as I } from "./component-By6nyiBU.js";
-function b(n, i) {
-  if (n.closest)
-    return n.closest(i);
-  for (var t = n; t; ) {
-    if (_(t, i))
-      return t;
-    t = t.parentElement;
-  }
-  return null;
-}
-function _(n, i) {
-  var t = n.matches || n.webkitMatchesSelector || n.msMatchesSelector;
-  return t.call(n, i);
-}
-function D(n) {
-  var i = n;
-  if (i.offsetParent !== null)
-    return i.scrollWidth;
-  var t = i.cloneNode(!0);
-  t.style.setProperty("position", "absolute"), t.style.setProperty("transform", "translate(-9999px, -9999px)"), document.documentElement.appendChild(t);
-  var e = t.scrollWidth;
-  return document.documentElement.removeChild(t), e;
-}
-const M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  closest: b,
-  estimateScrollWidth: D,
-  matches: _
-}, Symbol.toStringTag, { value: "Module" }));
 var l;
-function R(n, i) {
+function b(n, i) {
   i === void 0 && (i = !1);
   var t = n.CSS, e = l;
   if (typeof l == "boolean" && !i)
@@ -41,7 +12,7 @@ function R(n, i) {
   var r = t.supports("--css-vars", "yes"), s = t.supports("(--css-vars: yes)") && t.supports("color", "#00000000");
   return e = r || s, i || (l = e), e;
 }
-function V(n, i, t) {
+function D(n, i, t) {
   if (!n)
     return { x: 0, y: 0 };
   var e = i.x, a = i.y, r = e + t.left, s = a + t.top, o, u;
@@ -55,9 +26,9 @@ function V(n, i, t) {
   return { x: o, y: u };
 }
 function p(n) {
-  return n === void 0 && (n = window), w(n) ? { passive: !0 } : !1;
+  return n === void 0 && (n = window), R(n) ? { passive: !0 } : !1;
 }
-function w(n) {
+function R(n) {
   n === void 0 && (n = window);
   var i = !1;
   try {
@@ -75,6 +46,35 @@ function w(n) {
   }
   return i;
 }
+function V(n, i) {
+  if (n.closest)
+    return n.closest(i);
+  for (var t = n; t; ) {
+    if (_(t, i))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}
+function _(n, i) {
+  var t = n.matches || n.webkitMatchesSelector || n.msMatchesSelector;
+  return t.call(n, i);
+}
+function w(n) {
+  var i = n;
+  if (i.offsetParent !== null)
+    return i.scrollWidth;
+  var t = i.cloneNode(!0);
+  t.style.setProperty("position", "absolute"), t.style.setProperty("transform", "translate(-9999px, -9999px)"), document.documentElement.appendChild(t);
+  var e = t.scrollWidth;
+  return document.documentElement.removeChild(t), e;
+}
+const M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  closest: V,
+  estimateScrollWidth: w,
+  matches: _
+}, Symbol.toStringTag, { value: "Module" }));
 var F = {
   // Ripple is a special case where the "root" component is really a "mixin" of sorts,
   // given that it's an 'upgrade' to an existing component. That being said it is the root
@@ -305,7 +305,7 @@ var y = [
       }, c);
     }, i.prototype.getFgTranslationCoordinates_ = function() {
       var t = this.activationState_, e = t.activationEvent, a = t.wasActivatedByPointer, r;
-      a ? r = V(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
+      a ? r = D(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
         x: this.frame_.width / 2,
         y: this.frame_.height / 2
       }, r = {
@@ -380,7 +380,7 @@ var U = (
           return t.root.classList.add(e);
         },
         browserSupportsCssVars: function() {
-          return R(window);
+          return b(window);
         },
         computeBoundingRect: function() {
           return t.root.getBoundingClientRect();
@@ -454,8 +454,8 @@ export {
   U as M,
   p as a,
   O as b,
-  b as c,
-  D as e,
+  V as c,
+  w as e,
   _ as m,
   M as p
 };

package/{dist/components → components}/AlertBanner/AlertBanner.d.ts

@@ -16,4 +16,4 @@ export type AlertBannerProps = {
      */
     action?: JSX.Element;
 };
-export declare const AlertBanner: ({ text, id, color, isOpen, isBold, onClose, }: AlertBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertBanner: ({ text, id, color, isOpen, isBold, onClose, }: AlertBannerProps) => import("react").JSX.Element;

package/{dist/components → components}/AlertBanner/AlertBanner.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../index.es-BE1XL1dD.js";
 import "../../index.es-LckFzDz-.js";
-import "../../index.es-EXzC8zuP.js";
-import { A as e } from "../../AlertBanner-C9TvBTkH.js";
+import "../../index.es-CdZp67J9.js";
+import { A as e } from "../../AlertBanner-2rv7mRmR.js";
 export {
   e as AlertBanner
 };

package/{dist/components → components}/AlertBanner/LinkBanner.d.ts

@@ -1,5 +1,4 @@
 import { AlertBannerProps } from './AlertBanner';
-
 /**
  * LinkBanner component, shows an alert banner but with a link as text
  * @param text - The text of the link.
@@ -18,4 +17,4 @@ export declare const LinkBanner: ({ text, color, isOpen, isBold, url, }: Omit<Al
      * the text of the link
      */
     text: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/{dist/components → components}/AlertBanner/LinkBanner.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { G as l } from "../../index.es-BE1XL1dD.js";
-import { T as s } from "../../index.es-EXzC8zuP.js";
+import { T as s } from "../../index.es-CdZp67J9.js";
 import { Iconify as p } from "../Iconify/Iconify.js";
-import { A as m, s as c } from "../../AlertBanner-C9TvBTkH.js";
+import { A as m, s as c } from "../../AlertBanner-2rv7mRmR.js";
 const g = ({
   text: n,
   color: o = "info",

package/{dist/components → components}/Allowed/Allowed.d.ts

@@ -1,6 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { IsAllowedProps } from '../PermissionChecks/PermissionService';
-
 type AllowedProps = {
     neededPermissions: IsAllowedProps['neededPermissions'];
     entityIds: IsAllowedProps['entityIds'];
@@ -17,5 +16,5 @@ type AllowedProps = {
  * @param disclaimerText - the text to show in the disclaimer (default: 'You are not allowed to see the content of this section.')
  * @returns
  */
-export declare const Allowed: ({ children, neededPermissions, entityIds, disclaimer, disclaimerText, }: PropsWithChildren<AllowedProps>) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | null | undefined;
+export declare const Allowed: ({ children, neededPermissions, entityIds, disclaimer, disclaimerText, }: PropsWithChildren<AllowedProps>) => string | number | boolean | import("react").JSX.Element | Iterable<import('react').ReactNode> | null | undefined;
 export {};

package/{dist/components → components}/AllowedButton/AllowedButton.d.ts

@@ -1,6 +1,5 @@
 import { ButtonProps } from '@element-public/react-button';
 import { IsAllowedProps } from '../PermissionChecks/PermissionService';
-
 export type AllowedButtonProps = Omit<ButtonProps & React.HTMLProps<HTMLButtonElement>, 'buttonSize' | 'variant' | 'type' | 'label' | 'size'> & {
     /**
      * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
@@ -48,4 +47,4 @@ export type AllowedButtonProps = Omit<ButtonProps & React.HTMLProps<HTMLButtonEl
  * @param {AllowedButtonProps} props - Component properties
  * @returns {JSX.Element | null} The button component or null if permissions are not met
  */
-export declare const AllowedButton: ({ buttonType, variant, "data-testid": testId, label, size, isLoading, ...props }: AllowedButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AllowedButton: ({ buttonType, variant, "data-testid": testId, label, size, isLoading, ...props }: AllowedButtonProps) => import("react").JSX.Element;

package/{dist/components → components}/AllowedButton/AllowedButton.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { B as l } from "../../index.es-B1cewJEy.js";
+import { B as l } from "../../index.es-B9C7vzr4.js";
 import { Allowed as s } from "../Allowed/Allowed.js";
 import { LoadingSpinner as a } from "../LoadingSpinner/Default/LoadingSpinner.js";
 const c = ({

package/{dist/components → components}/AllowedIconButton/AllowedIconButton.d.ts

@@ -1,6 +1,5 @@
 import { IconButtonProps } from '@element-public/react-icon-button';
 import { IsAllowedProps } from '../PermissionChecks/PermissionService';
-
 export type AllowedIconButtonProps = Omit<IconButtonProps & React.HTMLProps<HTMLButtonElement>, 'variant' | 'iconType' | 'iconSize' | 'size'> & {
     /**
      * data-testid used for testing.
@@ -40,4 +39,4 @@ export type AllowedIconButtonProps = Omit<IconButtonProps & React.HTMLProps<HTML
  * @param {AllowedIconButtonProps} props - Component properties
  * @returns {JSX.Element | null} The icon button component or null if permissions are not met
  */
-export declare const AllowedIconButton: ({ "data-testid": testId, variant, iconType, size, ...props }: AllowedIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AllowedIconButton: ({ "data-testid": testId, variant, iconType, size, ...props }: AllowedIconButtonProps) => import("react").JSX.Element;

package/{dist/components → components}/AllowedIconButton/AllowedIconButton.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { I as m } from "../../index.es-BZkGOjEo.js";
+import { I as m } from "../../index.es-BwhRJBEH.js";
 import { Allowed as l } from "../Allowed/Allowed.js";
 const f = ({
   "data-testid": o,

package/{dist/components → components}/BaseView/BaseView.d.ts

@@ -2,7 +2,6 @@ import { BaseListElement } from '../../types/ListElement';
 import { LinkProps } from '../../types/internal/ReactRouterTypes';
 import { OfflineViewProps } from '../OfflineView/OfflineView';
 import { FloatingActionButton } from '../FloatingActionButton/FloatingActionButton.tsx';
-
 type BaseViewProps = {
     /**
      * elements to be displayed in the list area
@@ -104,5 +103,5 @@ type BaseViewProps = {
 /**
  * `BaseView` is a layout component that displays a main (a list) and a detail section.
  */
-export declare const BaseView: ({ heading, action, floatingActionButton, hint, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, titleLevel, detailTitleLevel, pathname, basicHeadingIcon, isOnline, offlineViewProps, noRoundedListItemEdges, routerLinkElement, searchPlaceholder, isGrouped, isHeaderVisibleOnMobile, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseView: ({ heading, action, floatingActionButton, hint, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, titleLevel, detailTitleLevel, pathname, basicHeadingIcon, isOnline, offlineViewProps, noRoundedListItemEdges, routerLinkElement, searchPlaceholder, isGrouped, isHeaderVisibleOnMobile, }: BaseViewProps) => import("react").JSX.Element;
 export {};

package/{dist/components → components}/BaseView/BaseView.js

@@ -7,7 +7,7 @@ import { useMemo as d } from "react";
 import { BasicHeading as D } from "../BasicHeading/BasicHeading.js";
 import { EmptyView as P } from "../EmptyView/EmptyView.js";
 import { ListArea as T } from "../ListArea/ListArea.js";
-import { useBreakpoints as q } from "../../hooks/useBreakpoints.js";
+import { u as q } from "../../useBreakpoints-DDrM9Cfx.js";
 import { OfflineView as z } from "../OfflineView/OfflineView.js";
 import { useScrollableInfo as J } from "./BaseView.service.js";
 import '../../assets/BaseView.css';const K = "_fullHeight_1yui7_1", O = "_fullWidth_1yui7_5", Q = "_heading_1yui7_9", U = "_list_1yui7_18", X = "_desktopList_1yui7_27", Y = "_noRoundedCorners_1yui7_32", Z = "_detail_1yui7_36", tt = "_desktopDetail_1yui7_44", i = {

package/{dist/components → components}/BasicHeading/BasicHeading.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-
 export type BasicHeadingProps = {
     /**
      * the text content of the heading
@@ -53,4 +52,4 @@ export type BasicHeadingProps = {
      */
     inList?: boolean;
 };
-export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, inList, }: PropsWithChildren<BasicHeadingProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, inList, }: PropsWithChildren<BasicHeadingProps>) => import("react").JSX.Element;

package/{dist/components → components}/BasicHeading/BasicHeading.js

@@ -1,11 +1,11 @@
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
 import { G as t } from "../../index.es-BE1XL1dD.js";
 import { I as A } from "../../index.es-LckFzDz-.js";
-import { b as I, T as z } from "../../index.es-EXzC8zuP.js";
+import { c as I, T as z } from "../../index.es-CdZp67J9.js";
 import { c as m } from "../../index-_-9ybP20.js";
 import { Iconify as H } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as q } from "../../enums/AvailableCustomIcons.js";
-import { useBreakpoints as w } from "../../hooks/useBreakpoints.js";
+import { u as w } from "../../useBreakpoints-DDrM9Cfx.js";
 import { OverflowTooltip as x } from "../OverflowTooltip/OverflowTooltip.js";
 import '../../assets/BasicHeading.css';const C = "_basicHeading_14qaz_1", N = "_inList_14qaz_13", T = "_actions_14qaz_17", B = "_invisible_14qaz_25", L = "_leadingIcon_14qaz_29", W = "_withAvatar_14qaz_33", j = "_iconContainer_14qaz_39", e = {
   basicHeading: C,
@@ -37,7 +37,7 @@ import '../../assets/BasicHeading.css';const C = "_basicHeading_14qaz_1", N = "_
   withAvatar: u = !1,
   inList: y = !1
 }) => {
-  const { isDesktop: d } = w(), v = d ? c : c + 1, b = l === "bold" ? 500 : l, h = typeof s == "number" ? `${s}px` : "2rem";
+  const { isDesktop: d } = w(), v = d ? c : c + 1, h = l === "bold" ? 500 : l, b = typeof s == "number" ? `${s}px` : "2rem";
   return /* @__PURE__ */ o(
     t,
     {
@@ -45,7 +45,7 @@ import '../../assets/BasicHeading.css';const C = "_basicHeading_14qaz_1", N = "_
       secondaryAlign: "center",
       gap: "none",
       className: m(e.basicHeading, y && e.inList, r),
-      style: { marginBottom: h },
+      style: { marginBottom: b },
       "data-testid": "HeaderContainer",
       fullWidth: !0,
       children: [
@@ -65,7 +65,7 @@ import '../../assets/BasicHeading.css';const C = "_basicHeading_14qaz_1", N = "_
                     level: v,
                     "data-testid": "Header",
                     className: r ?? "",
-                    style: { fontWeight: b },
+                    style: { fontWeight: h },
                     children: a
                   }
                 ) }),

package/{dist/components → components}/BlockView/BlockView.d.ts

@@ -1,5 +1,4 @@
 import { Block } from '../../types/internal/Block';
-
 type BlockViewProps<T extends Block & {
     id?: string;
 }> = {
@@ -78,5 +77,5 @@ type BlockViewProps<T extends Block & {
  */
 export declare const BlockView: <T extends Block & {
     id?: string;
-}>({ rows, columns, hideText, hideBlockCountText, errorBlocks, showNumbers, clickable, size, onClick, currentBlock, activeBlocks, blocks, blockViewTitle, blockLabel, emptyViewTitle, }: BlockViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ rows, columns, hideText, hideBlockCountText, errorBlocks, showNumbers, clickable, size, onClick, currentBlock, activeBlocks, blocks, blockViewTitle, blockLabel, emptyViewTitle, }: BlockViewProps<T>) => import("react").JSX.Element;
 export {};

package/{dist/components → components}/BlockView/BlockView.js

@@ -1,9 +1,9 @@
 import { jsxs as z, jsx as o, Fragment as q } from "react/jsx-runtime";
-import { c as A, b as F, a as M } from "../../index.es-EXzC8zuP.js";
+import { b as A, c as F, a as M } from "../../index.es-CdZp67J9.js";
 import { c as h } from "../../index-_-9ybP20.js";
 import { useState as V, useEffect as $, useMemo as G } from "react";
 import { getBlockNumberByDto as H } from "../../services/BlockService.js";
-import { useBreakpoints as I } from "../../hooks/useBreakpoints.js";
+import { u as I } from "../../useBreakpoints-DDrM9Cfx.js";
 import '../../assets/BlockView.css';const J = "_grid_otqrz_1", K = "_blockLayout_otqrz_13", O = "_absoluteSize_otqrz_22", P = "_relativeSize_otqrz_27", Q = "_mobile_otqrz_38", U = "_blockRow_otqrz_46", W = "_block_otqrz_13", X = "_clickable_otqrz_70", Y = "_empty_otqrz_74", Z = "_active_otqrz_79", j = "_error_otqrz_83", tt = "_hoverEffects_otqrz_87", ot = "_blockText_otqrz_99", et = "_emptyLayout_otqrz_109", t = {
   grid: J,
   blockLayout: K,

package/{dist/components → components}/ButtonCard/ButtonCard.d.ts

@@ -1,6 +1,5 @@
 import { IconifyProps } from '../Iconify/Iconify';
 import { IsAllowedProps } from '../PermissionChecks/PermissionService.tsx';
-
 export type ButtonCardProps = {
     /**
      * The label of the card.
@@ -39,4 +38,4 @@ export type ButtonCardProps = {
  * @param entityIds the entity id, the permission is for (FarmOrganizationId, VendorOrganizationId or FarmLocationId).
  * @param permissions the permissions needed to enable the button. If the array is empty, the button is always enabled.
  */
-export declare const ButtonCard: ({ title, subtitle, icon, onClick, entityIds, permissions, }: ButtonCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonCard: ({ title, subtitle, icon, onClick, entityIds, permissions, }: ButtonCardProps) => import("react").JSX.Element;

package/{dist/components → components}/ButtonCard/ButtonCard.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { B as m } from "../../index.es-B1cewJEy.js";
+import { B as m } from "../../index.es-B9C7vzr4.js";
 import { G as a } from "../../index.es-BE1XL1dD.js";
-import { d } from "../../index.es-EXzC8zuP.js";
+import { e as c } from "../../index.es-CdZp67J9.js";
 import { Iconify as u } from "../Iconify/Iconify.js";
 import { Allowed as p } from "../Allowed/Allowed.js";
 import '../../assets/ButtonCard.css';const b = "_buttonCard_1fv6b_1", f = "_noInteraction_1fv6b_12", h = "_iconContainer_1fv6b_16", y = "_centerText_1fv6b_43", n = {
@@ -11,7 +11,7 @@ import '../../assets/ButtonCard.css';const b = "_buttonCard_1fv6b_1", f = "_noIn
   centerText: y
 }, A = ({
   title: o,
-  subtitle: c,
+  subtitle: d,
   icon: r,
   onClick: e,
   entityIds: s,
@@ -38,8 +38,8 @@ import '../../assets/ButtonCard.css';const b = "_buttonCard_1fv6b_1", f = "_noIn
           fullWidth: !0,
           className: n.centerText,
           children: [
-            /* @__PURE__ */ t(d, { type: "body1-bold", themeColor: "text-primary-on-light", children: o }),
-            /* @__PURE__ */ t(d, { type: "subtitle1", themeColor: "text-secondary-on-background", children: c })
+            /* @__PURE__ */ t(c, { type: "body1-bold", themeColor: "text-primary-on-light", children: o }),
+            /* @__PURE__ */ t(c, { type: "subtitle1", themeColor: "text-secondary-on-background", children: d })
           ]
         }
       )

package/{dist/components → components}/ChipCard/ChipCard.d.ts

@@ -20,5 +20,5 @@ type ChipCardProps = {
  * @param icon the leading icon. The available icons are all material icons.
  * @param className the class name to apply to the component
  */
-export declare const ChipCard: ({ label, icon, className }: ChipCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChipCard: ({ label, icon, className }: ChipCardProps) => import("react").JSX.Element;
 export {};

package/{dist/components → components}/ChipCard/ChipCard.js

@@ -1,5 +1,5 @@
 import { jsx as Xt } from "react/jsx-runtime";
-import { o as Qe, e as Ze, i as ti, C as ei } from "../../index.es-DHL1mFb3.js";
+import { o as Qe, e as Ze, i as ti, C as ei } from "../../index.es-DglJcc2r.js";
 import { _ as ie, a as Le, c as Zt, b as kt, d as Pe, P as c } from "../../index-_-9ybP20.js";
 import { f as Yt, _ as Ke, a as wt, b as Me, c as ke, d as Ut, g as Ye, e as xt } from "../../defineProperty-SoB5opr-.js";
 import { _ as Ie, a as ii } from "../../find-OaLSg5iu.js";
@@ -12,7 +12,7 @@ import { n as ui, i as pi, K as P, _ as hi } from "../../keyboard-DQ9O_Ke1.js";
 import E, { useEffect as ne, useState as yt, useMemo as te, useCallback as g, useRef as xe, forwardRef as fi, useImperativeHandle as _i } from "react";
 import { e as Ci, c as N, b as et } from "../../tslib.es6-BDCynO9F.js";
 import { M as oe, a as re } from "../../component-By6nyiBU.js";
-import { M as $t, b as $e } from "../../component-DYpB_4EP.js";
+import { M as $t, b as $e } from "../../component-9vrShqiY.js";
 import { I as ve } from "../../index.es-LckFzDz-.js";
 import { OverflowTooltip as Ii } from "../OverflowTooltip/OverflowTooltip.js";
 import '../../assets/ChipCard.css';var vi = ti ? window : null, Ee = function(o) {

package/{dist/components → components}/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,6 +1,5 @@
 import { IconifyProps } from '../Iconify/Iconify';
 import { ReactNode } from 'react';
-
 type ConfirmationModalProps = {
     /**
      * The title of the modal.
@@ -73,5 +72,5 @@ type ConfirmationModalProps = {
  * @param onCancel The function to call when the cancel button is clicked.
  * @param isConfirmationDisabled Whether the confirmation button is disabled.
  */
-export declare const ConfirmationModal: ({ modalTitle, confirmButtonLabel, cancelButtonLabel, label, content, showBulletPoints, icon, iconColor, confirmButtonVariant, isOpen, onConfirm, onCancel, isConfirmationDisabled, }: ConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmationModal: ({ modalTitle, confirmButtonLabel, cancelButtonLabel, label, content, showBulletPoints, icon, iconColor, confirmButtonVariant, isOpen, onConfirm, onCancel, isConfirmationDisabled, }: ConfirmationModalProps) => import("react").JSX.Element;
 export {};

package/{dist/components → components}/ConfirmationModal/ConfirmationModal.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { B as s } from "../../index.es-B1cewJEy.js";
+import { B as s } from "../../index.es-B9C7vzr4.js";
 import { G as o } from "../../index.es-BE1XL1dD.js";
-import { T as c } from "../../index.es-EXzC8zuP.js";
-import { useBreakpoints as C } from "../../hooks/useBreakpoints.js";
+import { T as c } from "../../index.es-CdZp67J9.js";
+import { u as C } from "../../useBreakpoints-DDrM9Cfx.js";
 import { Iconify as B } from "../Iconify/Iconify.js";
 import { Modal as H } from "../Modal/Modal.js";
 import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P = "_modal_v4va9_7", S = "_primary_v4va9_11", j = "_secondary_v4va9_15", z = "_success_v4va9_19", A = "_danger_v4va9_23", G = "_fullHeight_v4va9_27", t = {
@@ -18,9 +18,9 @@ import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P
   confirmButtonLabel: d,
   cancelButtonLabel: m,
   label: u,
-  content: n,
+  content: a,
   showBulletPoints: p,
-  icon: a,
+  icon: n,
   iconColor: v = "primary",
   confirmButtonVariant: _ = "filled",
   isOpen: f,
@@ -28,7 +28,7 @@ import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P
   onCancel: l,
   isConfirmationDisabled: g
 }) => {
-  const { isDesktop: h } = C(), b = () => n ? /* @__PURE__ */ e(o, { direction: "vertical", gap: "none", children: n.map((x, k) => /* @__PURE__ */ e(
+  const { isDesktop: h } = C(), b = () => a ? /* @__PURE__ */ e(o, { direction: "vertical", gap: "none", children: a.map((x, k) => /* @__PURE__ */ e(
     c,
     {
       level: 2,
@@ -74,7 +74,7 @@ import '../../assets/ConfirmationModal.css';const N = "_bulletPoint_v4va9_1", P
           primaryAlign: "center",
           secondaryAlign: "center",
           children: [
-            a && /* @__PURE__ */ e(B, { icon: a, iconSize: "xlarge", className: t[v] }),
+            n && /* @__PURE__ */ e(B, { icon: n, iconSize: "xlarge", className: t[v] }),
             /* @__PURE__ */ i(o, { direction: "vertical", children: [
               /* @__PURE__ */ e(c, { level: 1, themeColor: "text-primary-on-background", children: u }),
               b()

package/{dist/components → components}/ContextMenu/ContextMenu.d.ts

@@ -1,7 +1,6 @@
 import { ListItemProps } from '@element-public/react-list';
 import { OfflineViewProps } from '../OfflineView/OfflineView';
 import { IsAllowedProps } from '../PermissionChecks/PermissionService.tsx';
-
 type ContextMenuProps = {
     /**
      * If not null, the menu will be open
@@ -67,5 +66,5 @@ export type ActionProps = ListItemProps & {
  * @param {OfflineViewProps} offlineViewProps Props forwarded to OfflineView when offline.
  * @returns a context menu with the given actions as ListItems
  */
-export declare const ContextMenu: ({ triggerOpen, actions, iconOrientation, "data-testid": dataTestId, isOnline, offlineViewProps, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ContextMenu: ({ triggerOpen, actions, iconOrientation, "data-testid": dataTestId, isOnline, offlineViewProps, }: ContextMenuProps) => import("react").JSX.Element | null;
 export {};

package/{dist/components → components}/ContextMenu/ContextMenu.js

@@ -1,12 +1,12 @@
 import { jsx as i, jsxs as M } from "react/jsx-runtime";
-import { I as k } from "../../index.es-BZkGOjEo.js";
-import { M as v, L as w, a as x, b as C } from "../../index.es-_PSuLbjQ.js";
+import { I as k } from "../../index.es-BwhRJBEH.js";
+import { M as v, L as w, a as x, b as C } from "../../index.es-BIgjyLDa.js";
 import { useState as g, useCallback as T, useEffect as I, useMemo as b, Fragment as A, useRef as L, useLayoutEffect as B } from "react";
 import { c as V } from "../../index-_-9ybP20.js";
 import { u as z } from "../../uniqueId-CJo-XRQb.js";
 import { OfflineView as H } from "../OfflineView/OfflineView.js";
 import { useIsAllowed as N } from "../PermissionChecks/PermissionService.js";
-import { useBreakpoints as O } from "../../hooks/useBreakpoints.js";
+import { u as O } from "../../useBreakpoints-DDrM9Cfx.js";
 import '../../assets/ContextMenu.css';const E = "_menu_52omh_1", R = "_mobile_52omh_7", S = "_desktop_52omh_11", $ = "_icon_52omh_15", j = "_listItem_52omh_19", q = "_offlineViewMargin_52omh_51", D = "_primaryTextTruncated_52omh_55", n = {
   menu: E,
   mobile: R,

package/{dist/components → components}/DeleteModal/DeleteModal.d.ts

@@ -1,5 +1,4 @@
 import { OfflineViewProps } from '../OfflineView/OfflineView';
-
 type DeleteModalProps = {
     /**
      * The title of the modal.
@@ -94,5 +93,5 @@ type DeleteModalProps = {
  * @prop {Partial} offlineViewProps - Props forwarded to OfflineView when offline.
  * @returns {ReactElement} A modal component for deleting items.
  */
-export declare const DeleteModal: ({ title, confirmButtonLabel, cancelButtonLabel, deleteHeader, deleteBody, deleteText, icon, isIconCrossedOut, impossibleDeleteHeader, open, setOpen, onDelete, onCancel, isDeletePossible, isDeletePending, isOnline, offlineViewProps, }: 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, isDeletePending, isOnline, offlineViewProps, }: DeleteModalProps) => import("react").JSX.Element;
 export {};

package/{dist/components → components}/DeleteModal/DeleteModal.js

@@ -1,14 +1,14 @@
 import { jsx as o, jsxs as b, Fragment as c } from "react/jsx-runtime";
-import { B as f } from "../../index.es-B1cewJEy.js";
+import { B as f } from "../../index.es-B9C7vzr4.js";
 import { G as m } from "../../index.es-BE1XL1dD.js";
 import { I as S } from "../../index.es-LckFzDz-.js";
-import { T as i } from "../../index.es-EXzC8zuP.js";
+import { T as i } from "../../index.es-CdZp67J9.js";
 import { u as N } from "../../uniqueId-CJo-XRQb.js";
 import { AvailableCustomIcons as O } from "../../enums/AvailableCustomIcons.js";
-import { useBreakpoints as x } from "../../hooks/useBreakpoints.js";
+import { u as x } from "../../useBreakpoints-DDrM9Cfx.js";
 import { Iconify as z } from "../Iconify/Iconify.js";
 import "react";
-import "../../react-tooltip.min-D7xPMD-P.js";
+import "../../react-tooltip.min-DKaGxvdz.js";
 import "../../orderBy-Ce85KqD6.js";
 import "../../index-CuHybtft.js";
 import "../SharedComponentsPermissionProvider/PermissionContext.js";
@@ -18,10 +18,10 @@ import { LoadingSpinner as M } from "../LoadingSpinner/Default/LoadingSpinner.js
 import "react-hook-form";
 import "../../get-CBFiuc3f.js";
 import "../../isArray-olhCpv2e.js";
-import "../../isString-C0tJxuT4.js";
-import "../../omit-BWQrFyQ-.js";
+import "../../isString-LDbI4UeI.js";
+import "../../omit-DUqu4lDk.js";
 import "../../types/Time.js";
-import "../../react.esm-DF7i80eN.js";
+import "../../react.esm-B3AK8zW1.js";
 import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_modal_bd412_7", G = "_colorDanger_bd412_11", q = "_crossedOut_bd412_15", e = {
   bulletPoint: j,
   modal: A,