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

package/{dist/components → components}/Stepper/components/StepperHeader.d.ts

@@ -1,6 +1,5 @@
 import { StepperBaseProps } from '../stepperTypes.ts';
-
 /**
  * A component that displays the specified type of stepper header based on the provided type prop.
  */
-export declare const StepperHeader: ({ stepperStyle, stepsData, overwriteTotalSteps, }: StepperBaseProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const StepperHeader: ({ stepperStyle, stepsData, overwriteTotalSteps, }: StepperBaseProps) => import("react").JSX.Element | undefined;

package/{dist/components → components}/Stepper/components/StepperHeader.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { G as i } from "../../../index.es-BE1XL1dD.js";
-import { T as o } from "../../../index.es-EXzC8zuP.js";
+import { T as o } from "../../../index.es-CdZp67J9.js";
 import { useMemo as f, Fragment as A } from "react";
-import { useBreakpoints as v } from "../../../hooks/useBreakpoints.js";
+import { u as v } from "../../../useBreakpoints-DDrM9Cfx.js";
 import { s as t } from "../../../stepper.module-C_EMu-Fl.js";
 import { StepperItem as h } from "./StepperItem.js";
 import { StepperStyle as c } from "../stepperStyles.js";

package/{dist/components → components}/Stepper/components/StepperItem.d.ts

@@ -1,8 +1,7 @@
 import { StepperItemProps } from '../stepperTypes';
-
 /**
  * A component for the Desktop-style stepper. Shows the number of the step, title and description
  * @param step - Step to be displayed in the stepper item.
  * @returns
  */
-export declare const StepperItem: ({ maxWidth: maxWidth, stepDefinition, stepActive, stepCompleted, }: StepperItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperItem: ({ maxWidth: maxWidth, stepDefinition, stepActive, stepCompleted, }: StepperItemProps) => import("react").JSX.Element;

package/{dist/components → components}/Stepper/components/StepperItem.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { G as o } from "../../../index.es-BE1XL1dD.js";
-import { T as a } from "../../../index.es-EXzC8zuP.js";
+import { T as a } from "../../../index.es-CdZp67J9.js";
 import { Iconify as i } from "../../Iconify/Iconify.js";
 import { s as t } from "../../../stepper.module-C_EMu-Fl.js";
 const N = ({

package/{dist/components → components}/Stepper/stepperTypes.d.ts

@@ -1,7 +1,6 @@
 import { ButtonProps } from '@element-public/react-button';
 import { CSSProperties, ReactNode } from 'react';
 import { StepperStyle } from './stepperStyles.ts';
-
 /**
  * Defines the structure of a step in the stepper
  */

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

@@ -23,4 +23,4 @@ export type TopBarBannerProps = {
  * @param {boolean} isStandalone - When true, renders the banner with a rounded border instead of a bottom border
  * @returns {JSX.Element|null} The rendered TopBarBanner component or null if not visible
  */
-export declare const TopBarBanner: ({ title, description, isOpen, isStandalone, icon, ...props }: TopBarBannerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TopBarBanner: ({ title, description, isOpen, isStandalone, icon, ...props }: TopBarBannerProps) => import("react").JSX.Element | null;

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

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { B as c } from "../../index.es-B1cewJEy.js";
+import { B as c } from "../../index.es-B9C7vzr4.js";
 import { G as o } from "../../index.es-BE1XL1dD.js";
 import { P as u } from "../../index.es-C8AExypY.js";
-import { T as b, a as h } from "../../index.es-EXzC8zuP.js";
+import { T as b, a as h } from "../../index.es-CdZp67J9.js";
 import { c as B } from "../../index-_-9ybP20.js";
 import { useContainerWidth as g } from "../../hooks/useContainerWidth.js";
 import { Iconify as y } from "../Iconify/Iconify.js";

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

@@ -9,5 +9,5 @@ type VerticalDividerProps = {
      */
     className?: string;
 };
-export declare const VerticalDivider: ({ height, className }: VerticalDividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalDivider: ({ height, className }: VerticalDividerProps) => import("react").JSX.Element;
 export {};

package/{dist/hooks → hooks}/useBreakpoints.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Custom hook that tells you whether a given media query is active.
+ *
+ * Inspired by https://usehooks.com/useMedia/
+ * https://gist.github.com/gragland/ed8cac563f5df71d78f4a1fefa8c5633
+ */
+export declare const useMediaQuery: (query: string) => boolean;
 /**
  * Hook that returns the current breakpoint. It uses the following breakpoints:
  * - xs: 0-599px
@@ -25,22 +32,3 @@ export declare const useBreakpoints: () => {
     isDesktop: boolean;
     isDesktopNavbar: boolean;
 };
-/**
- * a hook that returns all breakpoints that are in the range of the desktop size (greater than 840px)
- * - lg: 840-1023px
- * - xl: 1024-1439px
- * - xxl: 1440px and up
- * - lg-nav: (840 + 256) - (1023 + 256)px
- * - xl-nav: (1024 + 256) - (1439 + 256)px
- * - xxl-nav: (1440 + 256)px and up
- * @param navBarWidth
- * @returns
- */
-export declare const useDesktopBreakpoints: (navBarWidth?: number) => {
-    isLgNavbar: boolean;
-    isXlNavbar: boolean;
-    isXxlNavbar: boolean;
-    isLg: boolean;
-    isXl: boolean;
-    isXxl: boolean;
-};

package/hooks/useBreakpoints.js

@@ -0,0 +1,6 @@
+import "react";
+import { u as a, b as o } from "../useBreakpoints-DDrM9Cfx.js";
+export {
+  a as useBreakpoints,
+  o as useMediaQuery
+};

package/{dist/hooks → hooks}/useContainerWidth.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from 'react';
-
 /**
  * Hook that observes the width of a referenced element using ResizeObserver.
  * Useful for making components respond to their own rendered size rather than

package/hooks/useDesktopBreakpoints.d.ts

@@ -0,0 +1,19 @@
+/**
+ * a hook that returns all breakpoints that are in the range of the desktop size (greater than 840px)
+ * - lg: 840-1023px
+ * - xl: 1024-1439px
+ * - xxl: 1440px and up
+ * - lg-nav: (840 + 256) - (1023 + 256)px
+ * - xl-nav: (1024 + 256) - (1439 + 256)px
+ * - xxl-nav: (1440 + 256)px and up
+ * @param navBarWidth
+ * @returns
+ */
+export declare const useDesktopBreakpoints: (navBarWidth?: number) => {
+    isLgNavbar: boolean;
+    isXlNavbar: boolean;
+    isXxlNavbar: boolean;
+    isLg: boolean;
+    isXl: boolean;
+    isXxl: boolean;
+};

package/hooks/useDesktopBreakpoints.js

@@ -0,0 +1,4 @@
+import { a as s } from "../useBreakpoints-DDrM9Cfx.js";
+export {
+  s as useDesktopBreakpoints
+};

package/{dist/hooks → hooks}/useHelperText.d.ts

@@ -1,5 +1,4 @@
 import { FieldValues, Path } from 'react-hook-form';
-
 type HelperTextProps<T> = {
     propertyName: Path<T>;
     helperText: string | null;

package/{dist/index.es-CxQjsRHK.js → index.es-74LdeLp0.js}

@@ -6,22 +6,22 @@ import { e as il, l as st, x as al, g as Ut, h as ol, _ as bt, k as ct, i as yd,
 import { g as Xn } from "./_commonjsHelpers-ByX85dGu.js";
 import { b as Sd, c as Ed, j as Od, k as Gd, r as Vd } from "./es.string.iterator-BrOvr7F6.js";
 import { r as wd, _ as sr, a as Pd } from "./find-OaLSg5iu.js";
-import { c as nr, _ as Rd, L as Ji, b as cr, a as zu, d as Fd } from "./index.es-_PSuLbjQ.js";
+import { c as nr, _ as Rd, L as Ji, b as cr, a as zu, d as Fd } from "./index.es-BIgjyLDa.js";
 import { _ as Bd } from "./keyboard-DQ9O_Ke1.js";
 import { r as Nd, a as Td, _ as Ld } from "./includes-CSD_V_RY.js";
 import { a as Md, r as Xd } from "./string-trim-v5pkXsl2.js";
 import * as re from "react";
 import E, { useState as ue, useCallback as ie, forwardRef as Me, useContext as $u, useLayoutEffect as Wd, useRef as Ee, useMemo as Ae, createContext as ji, Component as Dd, Fragment as Ni, useEffect as Te, createElement as zi, useImperativeHandle as Fn, memo as $i } from "react";
-import { T as Hd, F as ll, N as Zd } from "./index.es-CpPnZRt7.js";
+import { T as Hd, F as ll, N as Zd } from "./index.es-ByqU-v6T.js";
 import { createPortal as _d } from "react-dom";
-import { a as Yd } from "./react-tooltip.min-D7xPMD-P.js";
-import { S as kd } from "./index.es-BVW2k-5y.js";
-import { d as Jd, c as jd } from "./index.es-EXzC8zuP.js";
-import { B as ul } from "./index.es-B1cewJEy.js";
-import { C as sl } from "./index.es-BSaDtduL.js";
+import { a as Yd } from "./react-tooltip.min-DKaGxvdz.js";
+import { S as kd } from "./index.es-DCWPAtXu.js";
+import { e as Jd, b as jd } from "./index.es-CdZp67J9.js";
+import { B as ul } from "./index.es-B9C7vzr4.js";
+import { C as sl } from "./index.es-B7KXUg_Y.js";
 import { c as zd, I as $d } from "./index.es-LckFzDz-.js";
-import { I as Ud } from "./index.es-BZkGOjEo.js";
-import { p as Qd } from "./component-DYpB_4EP.js";
+import { I as Ud } from "./index.es-BwhRJBEH.js";
+import { p as Qd } from "./component-9vrShqiY.js";
 import { b as Uu, c as cl } from "./tslib.es6-BDCynO9F.js";
 import { M as Kd, a as qd } from "./component-By6nyiBU.js";
 var dl = {}, fl;

package/{dist/index.es-BSaDtduL.js → index.es-B7KXUg_Y.js}

@@ -7,7 +7,7 @@ import { e as ue } from "./index.es-DRC-9PLs.js";
 import { b as z, c as b } from "./tslib.es6-BDCynO9F.js";
 import { g as F } from "./util-CBo-ipCE.js";
 import { M as he, a as Ee } from "./component-By6nyiBU.js";
-import { M as B, a as V, m as Ce, b as _e } from "./component-DYpB_4EP.js";
+import { M as B, a as V, m as Ce, b as _e } from "./component-9vrShqiY.js";
 var f = {
   ANIM_CHECKED_INDETERMINATE: "mdc-checkbox--anim-checked-indeterminate",
   ANIM_CHECKED_UNCHECKED: "mdc-checkbox--anim-checked-unchecked",

package/{dist/index.es-B1cewJEy.js → index.es-B9C7vzr4.js}

@@ -1,7 +1,7 @@
 import { _ as on, a as an, c as ln, P as n } from "./index-_-9ybP20.js";
 import { _ as hn, a as gn, d as b, b as Cn } from "./index.es-DRC-9PLs.js";
 import p, { forwardRef as rn, useRef as kn, useImperativeHandle as xn, useMemo as tn } from "react";
-import { R as wn } from "./index.es-CwgwR6SB.js";
+import { R as wn } from "./index.es-CduUloMP.js";
 import { I as On } from "./index.es-LckFzDz-.js";
 var Bn = {
   /**

package/{dist/index.es-_PSuLbjQ.js → index.es-BIgjyLDa.js}

@@ -10,13 +10,13 @@ import m, { forwardRef as Oe, useState as xt, useRef as mt, useImperativeHandle
 import { b as jt, c as Ut, d as ma } from "./tslib.es6-BDCynO9F.js";
 import { M as Vn, a as Xn } from "./component-By6nyiBU.js";
 import { a as va } from "./util-CBo-ipCE.js";
-import { m as Vt, c as Hn } from "./component-DYpB_4EP.js";
-import { R as ya } from "./index.es-CwgwR6SB.js";
-import { R as ga } from "./index.es-DPGGEmi5.js";
-import { C as Ia } from "./index.es-BSaDtduL.js";
-import { S as Ta } from "./index.es-BVW2k-5y.js";
+import { m as Vt, c as Hn } from "./component-9vrShqiY.js";
+import { R as ya } from "./index.es-CduUloMP.js";
+import { R as ga } from "./index.es-BTF3Ci4c.js";
+import { C as Ia } from "./index.es-B7KXUg_Y.js";
+import { S as Ta } from "./index.es-DCWPAtXu.js";
 import { I as fn, _ as _a } from "./index.es-LckFzDz-.js";
-import { c as Un, a as Ea } from "./index.es-EXzC8zuP.js";
+import { b as Un, a as Ea } from "./index.es-CdZp67J9.js";
 var yr = {}, gr;
 function xa() {
   if (gr) return yr;

package/{dist/index.es-DPGGEmi5.js → index.es-BTF3Ci4c.js}

@@ -6,7 +6,7 @@ import { I as ee } from "./index.es-Pc5KKhcb.js";
 import { e as te, d as ne } from "./index.es-DRC-9PLs.js";
 import { b as M, c as m } from "./tslib.es6-BDCynO9F.js";
 import { M as re, a as ae } from "./component-By6nyiBU.js";
-import { M as $, a as A, b as ie } from "./component-DYpB_4EP.js";
+import { M as $, a as A, b as ie } from "./component-9vrShqiY.js";
 var oe = {
   NATIVE_CONTROL_SELECTOR: ".mdc-radio__native-control"
 }, de = {

package/{dist/index.es-BZkGOjEo.js → index.es-BwhRJBEH.js}

@@ -4,7 +4,7 @@ import I, { forwardRef as Pn, useRef as B, useImperativeHandle as Sn, useEffect
 import { c as T, b as En, d as Rn } from "./index.es-DRC-9PLs.js";
 import { b as un, c as sn } from "./tslib.es6-BDCynO9F.js";
 import { M as Dn, a as xn } from "./component-By6nyiBU.js";
-import { M as fn } from "./component-DYpB_4EP.js";
+import { M as fn } from "./component-9vrShqiY.js";
 var h = {
   ICON_BUTTON_ON: "mdc-icon-button--on",
   ROOT: "mdc-icon-button"