@e1011/es-kit 1.1.76 → 1.1.78

package/dist/hooks/esm/src/core/hooks/useToggle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle2.js","sources":["../../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType2 = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n  * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n  }, [])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle2","defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"uIAuBaA,MAAAA,EAAcC,IACzB,MAAOC,EAASC,GAAcC,EAAAA,SAASH,GAMjCI,EAAgDC,EAAWA,aAAEC,IACjEJ,GAAYK,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBH,EAAAA,aACtBI,GAAyBL,OAA4BM,IAAfD,GAAkCA,IAAa,CAACL,IAQnFO,EAAoBN,EAAAA,aACvBI,GAAyBL,OAA4BM,IAAfD,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBG,EAAkB"}
+{"version":3,"file":"useToggle2.js","sources":["../../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType2 = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n  * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n  }, [])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle2","defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"gIAuBaA,MAAAA,EAAcC,IACzB,MAAOC,EAASC,GAAcC,EAASH,GAMjCI,EAAgDC,GAAaC,IACjEJ,GAAYK,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBH,GACtBI,GAAyBL,OAA4BM,IAAfD,GAAkCA,IAAa,CAACL,IAQnFO,EAAoBN,GACvBI,GAAyBL,OAA4BM,IAAfD,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBG,EAAkB"}

package/dist/hooks/index.css

@@ -28,6 +28,48 @@
   width: var(--height);
   height: var(--width);
 }
+.CollapsibleContainer-module_collapsible-container__u0Jmm {
+  transform-origin: 0% 0%;
+  opacity: 0;
+  overflow: clip;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
+  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
+  will-change: opacity, height, max-height;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
+  height: 0;
+  max-height: 0;
+  opacity: 0;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
+  height: var(--prop-value);
+  max-height: var(--prop-value);
+  opacity: 1;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
+  transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
+  will-change: opacity, width, max-width;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
+  width: 0;
+  max-width: 0;
+  opacity: 0;
+}
+.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
+  width: var(--prop-value);
+  max-width: var(--prop-value);
+  opacity: 1;
+}
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
 .divider-module_divider-line__6CesR {
   position: relative;
   display: block;
@@ -121,48 +163,6 @@
 .field-module_field__UfKm3 label {
   text-align: left;
 }
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm {
-  transform-origin: 0% 0%;
-  opacity: 0;
-  overflow: clip;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
-  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
-  will-change: opacity, height, max-height;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
-  height: 0;
-  max-height: 0;
-  opacity: 0;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
-  height: var(--prop-value);
-  max-height: var(--prop-value);
-  opacity: 1;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
-  transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
-  will-change: opacity, width, max-width;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
-  width: 0;
-  max-width: 0;
-  opacity: 0;
-}
-.CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
-  width: var(--prop-value);
-  max-width: var(--prop-value);
-  opacity: 1;
-}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;
@@ -239,72 +239,6 @@
   --divider-line: #4a4b4b;
 }
 
-.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
-  overflow: hidden !important;
-}
-
-.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
-  white-space: nowrap !important;
-}
-
-.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
-  text-overflow: ellipsis !important;
-}
-
-.typography-module_headline__b0XlP {
-  font-size: 28px;
-  line-height: 32px;
-}
-
-.typography-module_headlineSecondary__IDnhT {
-  font-size: 24px;
-  line-height: 28px;
-}
-
-.typography-module_headlineTertiary__mlG-v {
-  font-size: 18px;
-  line-height: 24x;
-}
-
-.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
-  font-size: 14px;
-  line-height: 18px;
-  font-weight: 300;
-}
-
-.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
-  font-size: 12px;
-}
-
-.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
-  font-weight: 600;
-}
-
-.typography-module_link__DWurf {
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  text-overflow: ellipsis !important;
-  text-decoration: none;
-  color: #65C5F6;
-  display: inline;
-  gap: 4px;
-  flex-grow: 0;
-  max-width: 400px;
-  position: relative;
-  vertical-align: center;
-}
-.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
-  text-decoration: underline;
-  color: #65C5F6;
-}
-.typography-module_link__DWurf.typography-module_disabled__hjK8C {
-  pointer-events: none;
-  opacity: 0.6;
-}
-:root {
-  --divider-line: #4a4b4b;
-}
-
 .button-module_overflow-hidden__Vc5AU, .button-module_text-truncate__a89Bp {
   overflow: hidden !important;
 }
@@ -435,6 +369,85 @@
   --divider-line: #4a4b4b;
 }
 
+.typography-module_overflow-hidden__UmQ-v, .typography-module_text-truncate__8MgV9 {
+  overflow: hidden !important;
+}
+
+.typography-module_text-nowrap__dt3uu, .typography-module_text-truncate__8MgV9 {
+  white-space: nowrap !important;
+}
+
+.typography-module_text-ellipsis__iyHeZ, .typography-module_text-truncate__8MgV9 {
+  text-overflow: ellipsis !important;
+}
+
+.typography-module_headline__b0XlP {
+  font-size: 28px;
+  line-height: 32px;
+}
+
+.typography-module_headlineSecondary__IDnhT {
+  font-size: 24px;
+  line-height: 28px;
+}
+
+.typography-module_headlineTertiary__mlG-v {
+  font-size: 18px;
+  line-height: 24x;
+}
+
+.typography-module_paragraph__tgBAx, .typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY, .typography-module_paragraphSmall__vTMiI {
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 300;
+}
+
+.typography-module_paragraphSmall__vTMiI, .typography-module_paragraphBoldSmall__qExmY {
+  font-size: 12px;
+}
+
+.typography-module_paragraphBold__PmcZU, .typography-module_paragraphBoldSmall__qExmY {
+  font-weight: 600;
+}
+
+.typography-module_link__DWurf {
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+  text-decoration: none;
+  color: #65C5F6;
+  display: inline;
+  gap: 4px;
+  flex-grow: 0;
+  max-width: 400px;
+  position: relative;
+  vertical-align: center;
+}
+.typography-module_link__DWurf:hover:not(.typography-module_disabled__hjK8C) {
+  text-decoration: underline;
+  color: #65C5F6;
+}
+.typography-module_link__DWurf.typography-module_disabled__hjK8C {
+  pointer-events: none;
+  opacity: 0.6;
+}
+.flowLayout-module_flowLayout__VHpnY {
+  overflow: auto;
+}
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
+.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
+:root {
+  --divider-line: #4a4b4b;
+}
+
 .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
   overflow: hidden !important;
 }
@@ -725,19 +738,6 @@
   opacity: 0;
   visibility: hidden;
 }
-.flowLayout-module_flowLayout__VHpnY {
-  overflow: auto;
-}
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-}
-.flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
-  display: flex;
-  width: 100%;
-  min-width: 0;
-}
 :root {
   --divider-line: #4a4b4b;
 }

package/dist/hooks/src/core/hooks/useAnimation.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var r=require("../../../node_modules/gsap/index.js"),t=require("../../../node_modules/react/index.js");exports.useAnimation=o=>{let{start:s=0,end:a,duration:u=2,ease:n="expo.inOut",rounded:l,roundingFn:d}=o;const[c,i]=t.reactExports.useState(a),p=t.reactExports.useRef(s);return t.reactExports.useEffect((()=>{p.current=c}),[c]),t.reactExports.useLayoutEffect((()=>{const t={val:p.current},o=r.gsap.context((()=>{r.gsap.to(t,u,e.objectSpread2(e.objectSpread2({val:a,ease:n,duration:u},l?{roundProps:"val"}:{}),{},{onUpdate(){i(d?d(t.val):t.val)},onComplete(){i(d?d(t.val):t.val)}}))}));return()=>o.revert()}),[u,n,a,l,d,s]),c};
+"use strict";var e=require("../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var r=require("../../../node_modules/gsap/index.js"),t=require("react");exports.useAnimation=o=>{let{start:a=0,end:u,duration:s=2,ease:n="expo.inOut",rounded:l,roundingFn:d}=o;const[i,c]=t.useState(u),p=t.useRef(a);return t.useEffect((()=>{p.current=i}),[i]),t.useLayoutEffect((()=>{const t={val:p.current},o=r.gsap.context((()=>{r.gsap.to(t,s,e.objectSpread2(e.objectSpread2({val:u,ease:n,duration:s},l?{roundProps:"val"}:{}),{},{onUpdate(){c(d?d(t.val):t.val)},onComplete(){c(d?d(t.val):t.val)}}))}));return()=>o.revert()}),[s,n,u,l,d,a]),i};
 //# sourceMappingURL=useAnimation.js.map

package/dist/hooks/src/core/hooks/useAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimation.js","sources":["../../../../../src/core/hooks/useAnimation.ts"],"sourcesContent":["import gsap from 'gsap'\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\n/**\n * Type definition for the parameters used in the `useAnimation` hook.\n * @typedef {Object} UseAnimationType\n * @property {number} start - The starting value of the animation.\n * @property {number} end - The ending value of the animation.\n * @property {number} duration - The duration of the animation in seconds.\n * @property {string} [ease='expo.inOut'] - The easing function for the animation.\n * @property {boolean} [rounded] - Flag to determine if the value should be rounded during the animation.\n */\nexport type UseAnimationType = {\n  start?: number\n  end: number\n  duration?: number\n  ease?: string\n  rounded?: boolean\n  roundingFn?: (value: number | string) => number | string\n}\n\n/**\n * Custom hook to create an animation using GSAP.\n * @param {UseAnimationType} params - The parameters for the animation.\n * @returns {number} The current value of the animation.\n */\nexport const useAnimation = ({\n  start = 0,\n  end,\n  duration = 2,\n  ease = 'expo.inOut',\n  rounded,\n  roundingFn,\n}: UseAnimationType): number | string => {\n  const [val, setVal] = useState<number | string>(end)\n\n  const startValueRef = useRef<number | string>(start)\n\n  useEffect(() => {\n    startValueRef.current = val\n  }, [val])\n\n  useLayoutEffect(() => {\n    const valObj = { val: startValueRef.current }\n\n    const gsapCtx = gsap.context(() => {\n      gsap.to(valObj, duration, {\n        val: end,\n        ease,\n        duration,\n        ...(rounded ? { roundProps: 'val' } : {}),\n        onUpdate () {\n          setVal(roundingFn ? roundingFn(valObj.val) : valObj.val)\n        },\n        onComplete () {\n          setVal(roundingFn ? roundingFn(valObj.val) : valObj.val)\n        },\n      })\n    })\n\n    return (): void => gsapCtx.revert()\n  }, [duration, ease, end, rounded, roundingFn, start])\n\n  return val\n}\n"],"names":["_ref","start","end","duration","ease","rounded","roundingFn","val","setVal","useState","startValueRef","useRef","reactExports","useEffect","current","useLayoutEffect","valObj","gsapCtx","gsap","context","to","_objectSpread","roundProps","onUpdate","onComplete","revert"],"mappings":"0RA0B4BA,IAOa,IAPZC,MAC3BA,EAAQ,EAACC,IACTA,EAAGC,SACHA,EAAW,EAACC,KACZA,EAAO,aAAYC,QACnBA,EAAOC,WACPA,GACiBN,EACjB,MAAOO,EAAKC,GAAUC,EAAAA,aAAAA,SAA0BP,GAE1CQ,EAAgBC,EAAMC,aAAAD,OAAkBV,GA2B9C,OAzBAY,EAAAA,aAAAA,WAAU,KACRH,EAAcI,QAAUP,CAAG,GAC1B,CAACA,IAEJQ,EAAAA,aAAAA,iBAAgB,KACd,MAAMC,EAAS,CAAET,IAAKG,EAAcI,SAE9BG,EAAUC,OAAKC,SAAQ,KAC3BD,EAAAA,KAAKE,GAAGJ,EAAQb,EAAQkB,EAAAA,cAAAA,EAAAA,cAAA,CACtBd,IAAKL,EACLE,OACAD,YACIE,EAAU,CAAEiB,WAAY,OAAU,CAAA,GAAE,GAAA,CACxCC,QAAAA,GACEf,EAAOF,EAAaA,EAAWU,EAAOT,KAAOS,EAAOT,IACrD,EACDiB,UAAAA,GACEhB,EAAOF,EAAaA,EAAWU,EAAOT,KAAOS,EAAOT,IACtD,IACA,IAGJ,MAAO,IAAYU,EAAQQ,QAAQ,GAClC,CAACtB,EAAUC,EAAMF,EAAKG,EAASC,EAAYL,IAEvCM,CAAG"}
+{"version":3,"file":"useAnimation.js","sources":["../../../../../src/core/hooks/useAnimation.ts"],"sourcesContent":["import gsap from 'gsap'\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\n/**\n * Type definition for the parameters used in the `useAnimation` hook.\n * @typedef {Object} UseAnimationType\n * @property {number} start - The starting value of the animation.\n * @property {number} end - The ending value of the animation.\n * @property {number} duration - The duration of the animation in seconds.\n * @property {string} [ease='expo.inOut'] - The easing function for the animation.\n * @property {boolean} [rounded] - Flag to determine if the value should be rounded during the animation.\n */\nexport type UseAnimationType = {\n  start?: number\n  end: number\n  duration?: number\n  ease?: string\n  rounded?: boolean\n  roundingFn?: (value: number | string) => number | string\n}\n\n/**\n * Custom hook to create an animation using GSAP.\n * @param {UseAnimationType} params - The parameters for the animation.\n * @returns {number} The current value of the animation.\n */\nexport const useAnimation = ({\n  start = 0,\n  end,\n  duration = 2,\n  ease = 'expo.inOut',\n  rounded,\n  roundingFn,\n}: UseAnimationType): number | string => {\n  const [val, setVal] = useState<number | string>(end)\n\n  const startValueRef = useRef<number | string>(start)\n\n  useEffect(() => {\n    startValueRef.current = val\n  }, [val])\n\n  useLayoutEffect(() => {\n    const valObj = { val: startValueRef.current }\n\n    const gsapCtx = gsap.context(() => {\n      gsap.to(valObj, duration, {\n        val: end,\n        ease,\n        duration,\n        ...(rounded ? { roundProps: 'val' } : {}),\n        onUpdate () {\n          setVal(roundingFn ? roundingFn(valObj.val) : valObj.val)\n        },\n        onComplete () {\n          setVal(roundingFn ? roundingFn(valObj.val) : valObj.val)\n        },\n      })\n    })\n\n    return (): void => gsapCtx.revert()\n  }, [duration, ease, end, rounded, roundingFn, start])\n\n  return val\n}\n"],"names":["_ref","start","end","duration","ease","rounded","roundingFn","val","setVal","useState","startValueRef","useRef","useEffect","current","useLayoutEffect","valObj","gsapCtx","gsap","context","to","_objectSpread","roundProps","onUpdate","onComplete","revert"],"mappings":"2PA0B4BA,IAOa,IAPZC,MAC3BA,EAAQ,EAACC,IACTA,EAAGC,SACHA,EAAW,EAACC,KACZA,EAAO,aAAYC,QACnBA,EAAOC,WACPA,GACiBN,EACjB,MAAOO,EAAKC,GAAUC,EAAAA,SAA0BP,GAE1CQ,EAAgBC,EAAMA,OAAkBV,GA2B9C,OAzBAW,EAAAA,WAAU,KACRF,EAAcG,QAAUN,CAAG,GAC1B,CAACA,IAEJO,EAAAA,iBAAgB,KACd,MAAMC,EAAS,CAAER,IAAKG,EAAcG,SAE9BG,EAAUC,OAAKC,SAAQ,KAC3BD,EAAAA,KAAKE,GAAGJ,EAAQZ,EAAQiB,EAAAA,cAAAA,EAAAA,cAAA,CACtBb,IAAKL,EACLE,OACAD,YACIE,EAAU,CAAEgB,WAAY,OAAU,CAAA,GAAE,GAAA,CACxCC,QAAAA,GACEd,EAAOF,EAAaA,EAAWS,EAAOR,KAAOQ,EAAOR,IACrD,EACDgB,UAAAA,GACEf,EAAOF,EAAaA,EAAWS,EAAOR,KAAOQ,EAAOR,IACtD,IACA,IAGJ,MAAO,IAAYS,EAAQQ,QAAQ,GAClC,CAACrB,EAAUC,EAAMF,EAAKG,EAASC,EAAYL,IAEvCM,CAAG"}

package/dist/hooks/src/core/hooks/useApi.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js");const a={},o={loading:!1,error:null,data:null};exports.useApi=(t,l,c,d,n)=>{const[s,i]=e.reactExports.useState(o);a[t]||(a[t]={id:t,caller:l,decorator:c,successHandler:d,errorHandler:n});const{caller:u,decorator:p,successHandler:j,errorHandler:b}=a[t];return[e.reactExports.useCallback(r.asyncToGenerator((function*(){try{i((e=>r.objectSpread2(r.objectSpread2({},e),{},{loading:!0})));const e=yield u(...arguments),a=p?p(e):e;return j&&j({data:a,originalData:e.data}),i((o=>r.objectSpread2(r.objectSpread2({},o),{},{loading:!1,error:null,data:a,originalData:e.data}))),a}catch(e){throw b&&b(e),i((a=>r.objectSpread2(r.objectSpread2({},a),{},{loading:!1,error:e}))),e}})),[u,p,j,b]),s]};
+"use strict";var r=require("../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react");const a={},o={loading:!1,error:null,data:null};exports.useApi=(t,l,c,d,n)=>{const[s,i]=e.useState(o);a[t]||(a[t]={id:t,caller:l,decorator:c,successHandler:d,errorHandler:n});const{caller:u,decorator:p,successHandler:b,errorHandler:j}=a[t];return[e.useCallback(r.asyncToGenerator((function*(){try{i((e=>r.objectSpread2(r.objectSpread2({},e),{},{loading:!0})));const e=yield u(...arguments),a=p?p(e):e;return b&&b({data:a,originalData:e.data}),i((o=>r.objectSpread2(r.objectSpread2({},o),{},{loading:!1,error:null,data:a,originalData:e.data}))),a}catch(e){throw j&&j(e),i((a=>r.objectSpread2(r.objectSpread2({},a),{},{loading:!1,error:e}))),e}})),[u,p,b,j]),s]};
 //# sourceMappingURL=useApi.js.map

package/dist/hooks/src/core/hooks/useApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"useApi.js","sources":["../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any | any[] | null\n\nexport type DataFetching = { data?: Data; error?: string | null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> | any) => Record<string, any>\n\ntype UseApiItem = {\n  id: string\n  caller: Caller\n  decorator?: Decorator\n  successHandler?: (data: any) => void\n  errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n  id: string,\n  callerInitial: Caller,\n  decoratorIntitial?: Decorator,\n  successHandler?: (data: any) => void,\n  errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n  const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n  // TODO should work the same with useMemo...\n  if (!map[id]) {\n    map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n  }\n\n  const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n  const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n    try {\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n      const data: Data = await caller(...args)\n      const returnData = decorator ? decorator(data) : data\n\n      onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n      setDataFetching((prevState: DataFetching) => {\n        const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n        return newState\n      })\n\n      return returnData\n    } catch (error: any) {\n      onError && onError(error)\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n      throw error\n    }\n  }, [caller, decorator, onSuccess, onError])\n\n  return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","_asyncToGenerator","prevState","_objectSpread","arguments","returnData","originalData"],"mappings":"oNAkBA,MAAMA,EAAkC,CAAE,EAEpCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,qBAE3CC,CACpBC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAOC,EAAcC,GAAmBC,EAAAA,aAAAA,SAAuBZ,GAG1DD,EAAIM,KACPN,EAAIM,GAAM,CAAEA,KAAIQ,OAAQP,EAAeQ,UAAWP,EAAmBC,iBAAgBC,iBAGvF,MAAMI,OAAEA,EAAMC,UAAEA,EAAWN,eAAgBO,EAAWN,aAAcO,GAAYjB,EAAIM,GAwBpF,MAAO,CAtB4BY,2BAAWC,EAAAA,kBAAC,YAC7C,IACEP,GAAiBQ,GAAuBC,gBAAAA,EAAAA,iBAAWD,GAAS,GAAA,CAAElB,SAAS,MACvE,MAAME,QAAmBU,KAAOQ,WAC1BC,EAAaR,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMmB,EAAYC,aAAcpB,EAAKA,OAE9DQ,GAAiBQ,GACDC,EAAAA,cAAAA,EAAAA,iBAAQD,GAAS,GAAA,CAAElB,SAAS,EAAOC,MAAO,KAAMC,KAAMmB,EAAYC,aAAcpB,EAAKA,SAK9FmB,CACR,CAAC,MAAOpB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,GAAuBC,gBAAAA,EAAAA,iBAAWD,GAAS,GAAA,CAAElB,SAAS,EAAOC,YACxEA,CACR,CACD,IAAE,CAACW,EAAQC,EAAWC,EAAWC,IAElBN,EAAa"}
+{"version":3,"file":"useApi.js","sources":["../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any | any[] | null\n\nexport type DataFetching = { data?: Data; error?: string | null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> | any) => Record<string, any>\n\ntype UseApiItem = {\n  id: string\n  caller: Caller\n  decorator?: Decorator\n  successHandler?: (data: any) => void\n  errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n  id: string,\n  callerInitial: Caller,\n  decoratorIntitial?: Decorator,\n  successHandler?: (data: any) => void,\n  errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n  const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n  // TODO should work the same with useMemo...\n  if (!map[id]) {\n    map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n  }\n\n  const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n  const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n    try {\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n      const data: Data = await caller(...args)\n      const returnData = decorator ? decorator(data) : data\n\n      onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n      setDataFetching((prevState: DataFetching) => {\n        const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n        return newState\n      })\n\n      return returnData\n    } catch (error: any) {\n      onError && onError(error)\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n      throw error\n    }\n  }, [caller, decorator, onSuccess, onError])\n\n  return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","_asyncToGenerator","prevState","_objectSpread","arguments","returnData","originalData"],"mappings":"qLAkBA,MAAMA,EAAkC,CAAE,EAEpCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,qBAE3CC,CACpBC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAOC,EAAcC,GAAmBC,EAAAA,SAAuBZ,GAG1DD,EAAIM,KACPN,EAAIM,GAAM,CAAEA,KAAIQ,OAAQP,EAAeQ,UAAWP,EAAmBC,iBAAgBC,iBAGvF,MAAMI,OAAEA,EAAMC,UAAEA,EAAWN,eAAgBO,EAAWN,aAAcO,GAAYjB,EAAIM,GAwBpF,MAAO,CAtB4BY,cAAWC,EAAAA,kBAAC,YAC7C,IACEP,GAAiBQ,GAAuBC,gBAAAA,EAAAA,iBAAWD,GAAS,GAAA,CAAElB,SAAS,MACvE,MAAME,QAAmBU,KAAOQ,WAC1BC,EAAaR,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMmB,EAAYC,aAAcpB,EAAKA,OAE9DQ,GAAiBQ,GACDC,EAAAA,cAAAA,EAAAA,iBAAQD,GAAS,GAAA,CAAElB,SAAS,EAAOC,MAAO,KAAMC,KAAMmB,EAAYC,aAAcpB,EAAKA,SAK9FmB,CACR,CAAC,MAAOpB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,GAAuBC,gBAAAA,EAAAA,iBAAWD,GAAS,GAAA,CAAElB,SAAS,EAAOC,YACxEA,CACR,CACD,IAAE,CAACW,EAAQC,EAAWC,EAAWC,IAElBN,EAAa"}

package/dist/hooks/src/core/hooks/useClassNames.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js"),s=require("../utils/helpers/ui.js");exports.useClassNames=(r,o)=>e.reactExports.useMemo((()=>s.classNames(...r)),[r,o]);
+"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react"),s=require("../utils/helpers/ui.js");exports.useClassNames=(r,o)=>e.useMemo((()=>s.classNames(...r)),[r,o]);
 //# sourceMappingURL=useClassNames.js.map

package/dist/hooks/src/core/hooks/useClassNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClassNames.js","sources":["../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\n\n/**\n * Custom hook to memoize class names.\n * @param {TClassName[]} classes - Array of class names or conditions to be applied.\n * @param {unknown[]} deps - Dependencies array for the `useMemo` hook.\n * @returns {ReturnType<typeof classNames>} The computed class names as a string.\n */\nexport const useClassNames = (\n  classes: TClassName[],\n  deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n): ReturnType<typeof classNames> => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","reactExports","classNames"],"mappings":"8MAW6BA,CAC3BC,EACAC,IAEkCC,EAAOC,aAAAD,SAAC,IAAME,EAAAA,cAAcJ,IAAU,CAACA,EAASC"}
+{"version":3,"file":"useClassNames.js","sources":["../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\n\n/**\n * Custom hook to memoize class names.\n * @param {TClassName[]} classes - Array of class names or conditions to be applied.\n * @param {unknown[]} deps - Dependencies array for the `useMemo` hook.\n * @returns {ReturnType<typeof classNames>} The computed class names as a string.\n */\nexport const useClassNames = (\n  classes: TClassName[],\n  deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n): ReturnType<typeof classNames> => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","classNames"],"mappings":"+KAW6BA,CAC3BC,EACAC,IAEkCC,EAAOA,SAAC,IAAMC,EAAAA,cAAcH,IAAU,CAACA,EAASC"}

package/dist/hooks/src/core/hooks/useIntersectionObserver.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("../../../node_modules/react/index.js");const t={root:null,rootMargin:"0px",threshold:.5};exports.useIntersectionObserver=n=>{let{callback:s,notIntersectingCallback:c,options:o={},granular:l}=n;const u=r.reactExports.useRef(null),a=r.reactExports.useRef(),i=r.reactExports.useCallback((e=>{!function(e,r,t){arguments.length>3&&void 0!==arguments[3]&&arguments[3]?e.forEach((e=>{e.isIntersecting?r():null==t||t()})):e[0].isIntersecting?r():null==t||t()}(e,s,c,l)}),[s,l,c]);return r.reactExports.useEffect((()=>{var r;null===(r=a.current)||void 0===r||r.disconnect();const n=u.current;return a.current=new IntersectionObserver(i,e.objectSpread2(e.objectSpread2({},t),o)),n&&a.current.observe(n),()=>{var e;null===(e=a.current)||void 0===e||e.disconnect()}}),[i,o]),u};
+"use strict";var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react");const n={root:null,rootMargin:"0px",threshold:.5};exports.useIntersectionObserver=t=>{let{callback:c,notIntersectingCallback:l,options:s={},granular:u}=t;const o=r.useRef(null),i=r.useRef(),a=r.useCallback((e=>{!function(e,r,n){arguments.length>3&&void 0!==arguments[3]&&arguments[3]?e.forEach((e=>{e.isIntersecting?r():null==n||n()})):e[0].isIntersecting?r():null==n||n()}(e,c,l,u)}),[c,u,l]);return r.useEffect((()=>{var r;null===(r=i.current)||void 0===r||r.disconnect();const t=o.current;return i.current=new IntersectionObserver(a,e.objectSpread2(e.objectSpread2({},n),s)),t&&i.current.observe(t),()=>{var e;null===(e=i.current)||void 0===e||e.disconnect()}}),[a,s]),o};
 //# sourceMappingURL=useIntersectionObserver.js.map

package/dist/hooks/src/core/hooks/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../src/core/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useEffect, useRef } from 'react'\n\nconst defaultOptions = {\n  root: null,\n  rootMargin: '0px',\n  threshold: 0.5,\n}\n\n/**\n * Type definition for the parameters used in the `useIntersectionObserver` hook.\n * @typedef {Object} UseIntersectionObserverType\n * @property {() => void} callback - Function to be called when the element intersects.\n * @property {() => void} [notIntersectingCallback] - Optional function to be called\n * when the element is not intersecting.\n * @property {Partial<{ root: HTMLElement | null; rootMargin: string; threshold: number }>} [options] -\n * Optional IntersectionObserver options.\n * @property {boolean} [granular] - Flag to determine if each entry should be checked individually.\n */\nexport type UseIntersectionObserverType = {\n  callback: () => void\n  notIntersectingCallback?: () => void\n  options?: Partial<{\n    root: HTMLElement | null\n    rootMargin: string\n    threshold: number\n  }>\n  granular?: boolean\n}\n\n/**\n * Default handler for intersection changes.\n * @param {IntersectionObserverEntry[]} entries - Array of intersection observer entries.\n * @param {() => void} callback - Function to be called when the element intersects.\n * @param {() => void} [notIntersectingCallback] - Optional function to be called when the element is not intersecting.\n * @param {boolean} [granular=false] - Flag to determine if each entry should be checked individually.\n */\nconst defaultIntersectionHandler = (\n  entries: IntersectionObserverEntry[],\n  callback: UseIntersectionObserverType['callback'],\n  notIntersectingCallback: UseIntersectionObserverType['notIntersectingCallback'],\n  granular = false,\n): void => {\n  if (granular) {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        callback()\n      } else {\n        notIntersectingCallback?.()\n      }\n    })\n  } else {\n    // eslint-disable-next-line no-lonely-if\n    if (entries[0].isIntersecting) {\n      callback()\n    } else {\n      notIntersectingCallback?.()\n    }\n  }\n}\n\n/**\n * Custom hook to observe the intersection of an element.\n * @param {UseIntersectionObserverType} params - The parameters for the intersection observer.\n * @returns {MutableRefObject<T | null>} Ref object for the observed element.\n */\nexport const useIntersectionObserver = <T extends Element = Element>({\n  callback, notIntersectingCallback, options = {}, granular,\n}: UseIntersectionObserverType): MutableRefObject<T | null> => {\n  const elementRef = useRef<T | null>(null)\n\n  const observerRef = useRef<IntersectionObserver>()\n\n  // entries: IntersectionObserverEntry[], observer: IntersectionObserver)\n  const intersectionHandler = useCallback((entries: IntersectionObserverEntry[]) => {\n    defaultIntersectionHandler(entries, callback, notIntersectingCallback, granular)\n  }, [callback, granular, notIntersectingCallback])\n\n  useEffect(() => {\n    observerRef.current?.disconnect()\n\n    const observeElement = elementRef.current\n\n    observerRef.current = new IntersectionObserver(intersectionHandler, { ...defaultOptions, ...options })\n\n    if (observeElement) {\n      observerRef.current.observe(observeElement)\n    }\n\n    return (): void => {\n      observerRef.current?.disconnect()\n    }\n  }, [intersectionHandler, options])\n\n  return elementRef\n}\n"],"names":["defaultOptions","root","rootMargin","threshold","_ref","callback","notIntersectingCallback","options","granular","elementRef","useRef","reactExports","observerRef","intersectionHandler","useCallback","entries","arguments","length","undefined","forEach","entry","isIntersecting","defaultIntersectionHandler","useEffect","_observerRef$current","current","disconnect","observeElement","IntersectionObserver","_objectSpread","objectSpread2","observe","_observerRef$current2"],"mappings":"+HAEA,MAAMA,EAAiB,CACrBC,KAAM,KACNC,WAAY,MACZC,UAAW,oCA4D0BC,IAEwB,IAFMC,SACnEA,EAAQC,wBAAEA,EAAuBC,QAAEA,EAAU,CAAE,EAAAC,SAAEA,GACrBJ,EAC5B,MAAMK,EAAaC,EAAMC,aAAAD,OAAW,MAE9BE,EAAcF,EAAAA,aAAAA,SAGdG,EAAsBC,EAAWH,aAAAG,aAAEC,KArCR,SACjCA,EACAV,EACAC,GACQU,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAGND,EAAQI,SAASC,IACXA,EAAMC,eACRhB,IAEAC,SAAAA,GACF,IAIES,EAAQ,GAAGM,eACbhB,IAEAC,SAAAA,GAGN,CAgBIgB,CAA2BP,EAASV,EAAUC,EAAyBE,EAAS,GAC/E,CAACH,EAAUG,EAAUF,IAkBxB,OAhBAiB,EAAAA,aAAAA,WAAU,KAAM,IAAAC,EACK,QAAnBA,EAAAZ,EAAYa,eAAO,IAAAD,GAAnBA,EAAqBE,aAErB,MAAMC,EAAiBlB,EAAWgB,QAQlC,OANAb,EAAYa,QAAU,IAAIG,qBAAqBf,EAAmBgB,EAAAA,cAAAA,EAAAC,cAAO9B,GAAAA,GAAmBO,IAExFoB,GACFf,EAAYa,QAAQM,QAAQJ,GAGvB,KAAY,IAAAK,EACE,QAAnBA,EAAApB,EAAYa,eAAO,IAAAO,GAAnBA,EAAqBN,YAAY,CAClC,GACA,CAACb,EAAqBN,IAElBE,CAAU"}
+{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../src/core/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useEffect, useRef } from 'react'\n\nconst defaultOptions = {\n  root: null,\n  rootMargin: '0px',\n  threshold: 0.5,\n}\n\n/**\n * Type definition for the parameters used in the `useIntersectionObserver` hook.\n * @typedef {Object} UseIntersectionObserverType\n * @property {() => void} callback - Function to be called when the element intersects.\n * @property {() => void} [notIntersectingCallback] - Optional function to be called\n * when the element is not intersecting.\n * @property {Partial<{ root: HTMLElement | null; rootMargin: string; threshold: number }>} [options] -\n * Optional IntersectionObserver options.\n * @property {boolean} [granular] - Flag to determine if each entry should be checked individually.\n */\nexport type UseIntersectionObserverType = {\n  callback: () => void\n  notIntersectingCallback?: () => void\n  options?: Partial<{\n    root: HTMLElement | null\n    rootMargin: string\n    threshold: number\n  }>\n  granular?: boolean\n}\n\n/**\n * Default handler for intersection changes.\n * @param {IntersectionObserverEntry[]} entries - Array of intersection observer entries.\n * @param {() => void} callback - Function to be called when the element intersects.\n * @param {() => void} [notIntersectingCallback] - Optional function to be called when the element is not intersecting.\n * @param {boolean} [granular=false] - Flag to determine if each entry should be checked individually.\n */\nconst defaultIntersectionHandler = (\n  entries: IntersectionObserverEntry[],\n  callback: UseIntersectionObserverType['callback'],\n  notIntersectingCallback: UseIntersectionObserverType['notIntersectingCallback'],\n  granular = false,\n): void => {\n  if (granular) {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        callback()\n      } else {\n        notIntersectingCallback?.()\n      }\n    })\n  } else {\n    // eslint-disable-next-line no-lonely-if\n    if (entries[0].isIntersecting) {\n      callback()\n    } else {\n      notIntersectingCallback?.()\n    }\n  }\n}\n\n/**\n * Custom hook to observe the intersection of an element.\n * @param {UseIntersectionObserverType} params - The parameters for the intersection observer.\n * @returns {MutableRefObject<T | null>} Ref object for the observed element.\n */\nexport const useIntersectionObserver = <T extends Element = Element>({\n  callback, notIntersectingCallback, options = {}, granular,\n}: UseIntersectionObserverType): MutableRefObject<T | null> => {\n  const elementRef = useRef<T | null>(null)\n\n  const observerRef = useRef<IntersectionObserver>()\n\n  // entries: IntersectionObserverEntry[], observer: IntersectionObserver)\n  const intersectionHandler = useCallback((entries: IntersectionObserverEntry[]) => {\n    defaultIntersectionHandler(entries, callback, notIntersectingCallback, granular)\n  }, [callback, granular, notIntersectingCallback])\n\n  useEffect(() => {\n    observerRef.current?.disconnect()\n\n    const observeElement = elementRef.current\n\n    observerRef.current = new IntersectionObserver(intersectionHandler, { ...defaultOptions, ...options })\n\n    if (observeElement) {\n      observerRef.current.observe(observeElement)\n    }\n\n    return (): void => {\n      observerRef.current?.disconnect()\n    }\n  }, [intersectionHandler, options])\n\n  return elementRef\n}\n"],"names":["defaultOptions","root","rootMargin","threshold","_ref","callback","notIntersectingCallback","options","granular","elementRef","useRef","observerRef","intersectionHandler","useCallback","entries","arguments","length","undefined","forEach","entry","isIntersecting","defaultIntersectionHandler","useEffect","_observerRef$current","current","disconnect","observeElement","IntersectionObserver","_objectSpread","objectSpread2","observe","_observerRef$current2"],"mappings":"gGAEA,MAAMA,EAAiB,CACrBC,KAAM,KACNC,WAAY,MACZC,UAAW,oCA4D0BC,IAEwB,IAFMC,SACnEA,EAAQC,wBAAEA,EAAuBC,QAAEA,EAAU,CAAE,EAAAC,SAAEA,GACrBJ,EAC5B,MAAMK,EAAaC,EAAMA,OAAW,MAE9BC,EAAcD,EAAAA,SAGdE,EAAsBC,EAAWA,aAAEC,KArCR,SACjCA,EACAT,EACAC,GACQS,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAGND,EAAQI,SAASC,IACXA,EAAMC,eACRf,IAEAC,SAAAA,GACF,IAIEQ,EAAQ,GAAGM,eACbf,IAEAC,SAAAA,GAGN,CAgBIe,CAA2BP,EAAST,EAAUC,EAAyBE,EAAS,GAC/E,CAACH,EAAUG,EAAUF,IAkBxB,OAhBAgB,EAAAA,WAAU,KAAM,IAAAC,EACK,QAAnBA,EAAAZ,EAAYa,eAAO,IAAAD,GAAnBA,EAAqBE,aAErB,MAAMC,EAAiBjB,EAAWe,QAQlC,OANAb,EAAYa,QAAU,IAAIG,qBAAqBf,EAAmBgB,EAAAA,cAAAA,EAAAC,cAAO7B,GAAAA,GAAmBO,IAExFmB,GACFf,EAAYa,QAAQM,QAAQJ,GAGvB,KAAY,IAAAK,EACE,QAAnBA,EAAApB,EAAYa,eAAO,IAAAO,GAAnBA,EAAqBN,YAAY,CAClC,GACA,CAACb,EAAqBL,IAElBE,CAAU"}

package/dist/hooks/src/core/hooks/useOutsideClick.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../node_modules/react/index.js"),t=require("../constants/ui.constants.js"),n=require("../ui/utils/clickOutside.js");exports.outsideClickHandler=function(e,i){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(e,i);return document.addEventListener(t.EventName.Click,s),()=>document.removeEventListener(t.EventName.Click,s)},exports.useOutsideClick=function(i,s){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(i,s);const c=e.reactExports.useCallback((()=>document.removeEventListener(t.EventName.Click,r)),[r]);return e.reactExports.useEffect((()=>(c(),document.addEventListener(t.EventName.Click,r),c)),[i,r,c]),c};
+"use strict";var e=require("react"),t=require("../constants/ui.constants.js"),n=require("../ui/utils/clickOutside.js");exports.outsideClickHandler=function(e,i){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(e,i);return document.addEventListener(t.EventName.Click,s),()=>document.removeEventListener(t.EventName.Click,s)},exports.useOutsideClick=function(i,s){let c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.handleClickOutside(i,s);const u=e.useCallback((()=>document.removeEventListener(t.EventName.Click,c)),[c]);return e.useEffect((()=>(u(),document.addEventListener(t.EventName.Click,c),u)),[i,c,u]),u};
 //# sourceMappingURL=useOutsideClick.js.map

package/dist/hooks/src/core/hooks/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\n/**\n * Custom hook to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n */\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = useCallback(\n    () => document.removeEventListener(EventName.Click, handleClickOutside), [handleClickOutside],\n  )\n\n  useEffect(() => {\n    unsubscriber()\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return unsubscriber\n  }, [element, handleClickOutside, unsubscriber])\n\n  return unsubscriber\n}\n\n/**\n * Function to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n */\nexport function outsideClickHandler(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = (): void => document.removeEventListener(EventName.Click, handleClickOutside)\n\n  document.addEventListener(EventName.Click, handleClickOutside)\n\n  return unsubscriber\n}\n"],"names":["element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","document","addEventListener","EventName","Click","unsubscriber","removeEventListener","useCallback","useEffect"],"mappings":"kLAyCO,SACLA,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAAA,mBAA0BN,EAASC,GAMxD,OAFAM,SAASC,iBAAiBC,YAAUC,MAAOR,GAFtBS,IAAYJ,SAASK,oBAAoBH,EAASA,UAACC,MAAOR,EAKjF,0BApCO,SACLF,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAAA,mBAA0BN,EAASC,GAExD,MAAMU,EAAeE,EAAAA,aAAAA,aACnB,IAAMN,SAASK,oBAAoBH,YAAUC,MAAOR,IAAqB,CAACA,IAU5E,OAPAY,EAAAA,aAAAA,WAAU,KACRH,IACAJ,SAASC,iBAAiBC,YAAUC,MAAOR,GAEpCS,IACN,CAACX,EAASE,EAAoBS,IAE1BA,CACT"}
+{"version":3,"file":"useOutsideClick.js","sources":["../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\n/**\n * Custom hook to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n */\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = useCallback(\n    () => document.removeEventListener(EventName.Click, handleClickOutside), [handleClickOutside],\n  )\n\n  useEffect(() => {\n    unsubscriber()\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return unsubscriber\n  }, [element, handleClickOutside, unsubscriber])\n\n  return unsubscriber\n}\n\n/**\n * Function to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n */\nexport function outsideClickHandler(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = (): void => document.removeEventListener(EventName.Click, handleClickOutside)\n\n  document.addEventListener(EventName.Click, handleClickOutside)\n\n  return unsubscriber\n}\n"],"names":["element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","document","addEventListener","EventName","Click","unsubscriber","removeEventListener","useCallback","useEffect"],"mappings":"mJAyCO,SACLA,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAAA,mBAA0BN,EAASC,GAMxD,OAFAM,SAASC,iBAAiBC,YAAUC,MAAOR,GAFtBS,IAAYJ,SAASK,oBAAoBH,EAASA,UAACC,MAAOR,EAKjF,0BApCO,SACLF,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAAAA,mBAA0BN,EAASC,GAExD,MAAMU,EAAeE,EAAAA,aACnB,IAAMN,SAASK,oBAAoBH,YAAUC,MAAOR,IAAqB,CAACA,IAU5E,OAPAY,EAAAA,WAAU,KACRH,IACAJ,SAASC,iBAAiBC,YAAUC,MAAOR,GAEpCS,IACN,CAACX,EAASE,EAAoBS,IAE1BA,CACT"}

package/dist/hooks/src/core/hooks/useParseProps.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../node_modules/react/index.js"),r=require("../utils/helpers/ui.js");exports.useParseProps=s=>e.reactExports.useMemo((()=>r.parseProps(s)),[s]);
+"use strict";var e=require("react"),r=require("../utils/helpers/ui.js");exports.useParseProps=s=>e.useMemo((()=>r.parseProps(s)),[s]);
 //# sourceMappingURL=useParseProps.js.map

package/dist/hooks/src/core/hooks/useParseProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useParseProps.js","sources":["../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n/**\n * Custom hook to parse properties using the `parseProps` utility function.\n * @param {Record<string, unknown>} props - The properties to be parsed.\n * @returns {ReturnType<typeof parseProps>} The parsed properties categorized by the `parseProps` function.\n */\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["props","useMemo","parseProps"],"mappings":"6HAS8BA,GACJC,EAAAA,aAAAA,SAAQ,IAAMC,EAAAA,WAAWF,IAAQ,CAACA"}
+{"version":3,"file":"useParseProps.js","sources":["../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n/**\n * Custom hook to parse properties using the `parseProps` utility function.\n * @param {Record<string, unknown>} props - The properties to be parsed.\n * @returns {ReturnType<typeof parseProps>} The parsed properties categorized by the `parseProps` function.\n */\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["props","useMemo","parseProps"],"mappings":"8FAS8BA,GACJC,EAAAA,SAAQ,IAAMC,EAAAA,WAAWF,IAAQ,CAACA"}

package/dist/hooks/src/core/hooks/useResize.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js"),t=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,i=arguments.length>1?arguments[1]:void 0;const[n,o]=e.reactExports.useState({width:void 0,height:void 0}),u=e.reactExports.useRef({width:0,height:0}),l=e.reactExports.useRef(),d=e.reactExports.useRef(),c=e.reactExports.useMemo((()=>t.default((e=>{var t,r,n,d;const c=e[0].contentRect.width,s=e[0].contentRect.height;(null===(t=u.current)||void 0===t?void 0:t.width)===c&&(null===(r=u.current)||void 0===r?void 0:r.height)===s||(u.current={width:c,height:s},(i||o)({width:null==l||null===(n=l.current)||void 0===n?void 0:n.clientWidth,height:null==l||null===(d=l.current)||void 0===d?void 0:d.clientHeight}))}),r)),[i,r]);return e.reactExports.useLayoutEffect((()=>{let e,t;var r,n;null!=l&&l.current&&(t=null==l?void 0:l.current,e=new ResizeObserver(c),e.observe(t),(i||o)({width:null==l||null===(r=l.current)||void 0===r?void 0:r.clientWidth,height:null==l||null===(n=l.current)||void 0===n?void 0:n.clientHeight}));const u=()=>{var r,i;null===(r=e)||void 0===r||null===(i=r.unobserve)||void 0===i||i.call(r,t)};return d.current=u,u}),[c,l,i]),[l,n,d.current]};
+"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react"),t=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){let i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,n=arguments.length>1?arguments[1]:void 0;const[r,u]=e.useState({width:void 0,height:void 0}),l=e.useRef({width:0,height:0}),o=e.useRef(),d=e.useRef(),c=e.useMemo((()=>t.default((e=>{var t,i,r,d;const c=e[0].contentRect.width,h=e[0].contentRect.height;(null===(t=l.current)||void 0===t?void 0:t.width)===c&&(null===(i=l.current)||void 0===i?void 0:i.height)===h||(l.current={width:c,height:h},(n||u)({width:null==o||null===(r=o.current)||void 0===r?void 0:r.clientWidth,height:null==o||null===(d=o.current)||void 0===d?void 0:d.clientHeight}))}),i)),[n,i]);return e.useLayoutEffect((()=>{let e,t;var i,r;null!=o&&o.current&&(t=null==o?void 0:o.current,e=new ResizeObserver(c),e.observe(t),(n||u)({width:null==o||null===(i=o.current)||void 0===i?void 0:i.clientWidth,height:null==o||null===(r=o.current)||void 0===r?void 0:r.clientHeight}));const l=()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)};return d.current=l,l}),[c,o,n]),[o,r,d.current]};
 //# sourceMappingURL=useResize.js.map

package/dist/hooks/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\n/**\n * Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined | number} width - The width of the wrapper element.\n * @property {undefined | number} height - The height of the wrapper element.\n */\nexport type WrapperSize = { width: undefined | number; height: undefined | number }\n\n/**\n * Type definition for the unobserver function.\n * @typedef {() => (null | void)} Unobserver\n */\ntype Unobserver = () => (null | void)\n\n/**\n * Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n */\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/**\n * Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"+NAiCyB,WACmE,IADlEA,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,wBAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,EAAAA,aAAAA,OAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,EAAAA,aAAAA,SACjEE,EAAgBF,EAAAA,aAAAA,SAEhBG,EAAyBC,EAAAA,aAAAA,SAAQ,IAAMC,EAAAA,SAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BA4B,EAAAA,aAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}
+{"version":3,"file":"useResize.js","sources":["../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\n/**\n * Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined | number} width - The width of the wrapper element.\n * @property {undefined | number} height - The height of the wrapper element.\n */\nexport type WrapperSize = { width: undefined | number; height: undefined | number }\n\n/**\n * Type definition for the unobserver function.\n * @typedef {() => (null | void)} Unobserver\n */\ntype Unobserver = () => (null | void)\n\n/**\n * Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n */\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/**\n * Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"gMAiCyB,WACmE,IADlEA,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,WAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,EAAAA,OAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,EAAAA,SACjEE,EAAgBF,EAAAA,SAEhBG,EAAyBC,EAAAA,SAAQ,IAAMC,EAAAA,SAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BA4B,EAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}

package/dist/hooks/src/core/hooks/useSetTimeout.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../node_modules/react/index.js");exports.useTimeoutFn=function(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const u=e.reactExports.useRef({ready:null,timeout:null,callback:t}),c=e.reactExports.useCallback((()=>u.current.ready),[]),a=e.reactExports.useCallback((()=>{u.current.ready=null,u.current.timeout&&clearTimeout(u.current.timeout)}),[]),l=e.reactExports.useCallback((()=>{u.current.ready=!1,u.current.timeout&&clearTimeout(u.current.timeout),u.current.timeout=setTimeout((()=>{u.current.ready=!0,u.current.callback()}),r)}),[r]);return e.reactExports.useEffect((()=>{u.current.callback=t}),[t]),e.reactExports.useEffect((()=>(l(),a)),[a,r,l]),[c,a,l]};
+"use strict";var e=require("react");exports.useTimeoutFn=function(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const u=e.useRef({ready:null,timeout:null,callback:t}),c=e.useCallback((()=>u.current.ready),[]),l=e.useCallback((()=>{u.current.ready=null,u.current.timeout&&clearTimeout(u.current.timeout)}),[]),a=e.useCallback((()=>{u.current.ready=!1,u.current.timeout&&clearTimeout(u.current.timeout),u.current.timeout=setTimeout((()=>{u.current.ready=!0,u.current.callback()}),r)}),[r]);return e.useEffect((()=>{u.current.callback=t}),[t]),e.useEffect((()=>(a(),l)),[l,r,a]),[c,l,a]};
 //# sourceMappingURL=useSetTimeout.js.map

package/dist/hooks/src/core/hooks/useSetTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSetTimeout.js","sources":["../../../../../src/core/hooks/useSetTimeout.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport type UseTimeoutFnReturn = [() => boolean | null, () => void, () => void];\n\ntype CallBackType = (...args: unknown[]) => unknown\n\ntype LocalStateType = {\n  ready: boolean | null\n  timeout: ReturnType<typeof setTimeout> | null\n  callback: CallBackType\n}\n\nexport const useTimeoutFn = (fn: CallBackType, ms: number = 0): UseTimeoutFnReturn => {\n  const store = useRef<LocalStateType>({\n    ready: null,\n    timeout: null,\n    callback: fn,\n  })\n\n  const isReady = useCallback(() => store.current.ready, [])\n\n  const clear = useCallback(() => {\n    store.current.ready = null\n    store.current.timeout && clearTimeout(store.current.timeout)\n  }, [])\n\n  const set = useCallback(() => {\n    store.current.ready = false\n    store.current.timeout && clearTimeout(store.current.timeout)\n\n    store.current.timeout = setTimeout(() => {\n      store.current.ready = true\n      store.current.callback()\n    }, ms)\n  }, [ms])\n\n  // update ref when function changes\n  useEffect(() => {\n    store.current.callback = fn\n  }, [fn])\n\n  // set on mount, clear on unmount\n  useEffect(() => {\n    set()\n\n    return clear\n  }, [clear, ms, set])\n\n  return [isReady, clear, set]\n}\n"],"names":["fn","ms","arguments","length","undefined","store","useRef","ready","timeout","callback","isReady","useCallback","current","clear","clearTimeout","set","setTimeout","useEffect"],"mappings":"wFAY4B,SAACA,GAAyD,IAAvCC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAC1D,MAAMG,EAAQC,EAAAA,aAAAA,OAAuB,CACnCC,MAAO,KACPC,QAAS,KACTC,SAAUT,IAGNU,EAAUC,EAAAA,aAAAA,aAAY,IAAMN,EAAMO,QAAQL,OAAO,IAEjDM,EAAQF,EAAAA,aAAAA,aAAY,KACxBN,EAAMO,QAAQL,MAAQ,KACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,QAAQ,GAC3D,IAEGO,EAAMJ,EAAAA,aAAAA,aAAY,KACtBN,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,SAEpDH,EAAMO,QAAQJ,QAAUQ,YAAW,KACjCX,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQH,UAAU,GACvBR,EAAG,GACL,CAACA,IAcJ,OAXAgB,EAAAA,aAAAA,WAAU,KACRZ,EAAMO,QAAQH,SAAWT,CAAE,GAC1B,CAACA,IAGJiB,EAAAA,aAAAA,WAAU,KACRF,IAEOF,IACN,CAACA,EAAOZ,EAAIc,IAER,CAACL,EAASG,EAAOE,EAC1B"}
+{"version":3,"file":"useSetTimeout.js","sources":["../../../../../src/core/hooks/useSetTimeout.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport type UseTimeoutFnReturn = [() => boolean | null, () => void, () => void];\n\ntype CallBackType = (...args: unknown[]) => unknown\n\ntype LocalStateType = {\n  ready: boolean | null\n  timeout: ReturnType<typeof setTimeout> | null\n  callback: CallBackType\n}\n\nexport const useTimeoutFn = (fn: CallBackType, ms: number = 0): UseTimeoutFnReturn => {\n  const store = useRef<LocalStateType>({\n    ready: null,\n    timeout: null,\n    callback: fn,\n  })\n\n  const isReady = useCallback(() => store.current.ready, [])\n\n  const clear = useCallback(() => {\n    store.current.ready = null\n    store.current.timeout && clearTimeout(store.current.timeout)\n  }, [])\n\n  const set = useCallback(() => {\n    store.current.ready = false\n    store.current.timeout && clearTimeout(store.current.timeout)\n\n    store.current.timeout = setTimeout(() => {\n      store.current.ready = true\n      store.current.callback()\n    }, ms)\n  }, [ms])\n\n  // update ref when function changes\n  useEffect(() => {\n    store.current.callback = fn\n  }, [fn])\n\n  // set on mount, clear on unmount\n  useEffect(() => {\n    set()\n\n    return clear\n  }, [clear, ms, set])\n\n  return [isReady, clear, set]\n}\n"],"names":["fn","ms","arguments","length","undefined","store","useRef","ready","timeout","callback","isReady","useCallback","current","clear","clearTimeout","set","setTimeout","useEffect"],"mappings":"yDAY4B,SAACA,GAAyD,IAAvCC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAC1D,MAAMG,EAAQC,EAAAA,OAAuB,CACnCC,MAAO,KACPC,QAAS,KACTC,SAAUT,IAGNU,EAAUC,EAAAA,aAAY,IAAMN,EAAMO,QAAQL,OAAO,IAEjDM,EAAQF,EAAAA,aAAY,KACxBN,EAAMO,QAAQL,MAAQ,KACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,QAAQ,GAC3D,IAEGO,EAAMJ,EAAAA,aAAY,KACtBN,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,SAEpDH,EAAMO,QAAQJ,QAAUQ,YAAW,KACjCX,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQH,UAAU,GACvBR,EAAG,GACL,CAACA,IAcJ,OAXAgB,EAAAA,WAAU,KACRZ,EAAMO,QAAQH,SAAWT,CAAE,GAC1B,CAACA,IAGJiB,EAAAA,WAAU,KACRF,IAEOF,IACN,CAACA,EAAOZ,EAAIc,IAER,CAACL,EAASG,EAAOE,EAC1B"}

package/dist/hooks/src/core/hooks/useThemePreference.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../node_modules/react/index.js");const o="change",t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const s=o=>{const s=e();null==c||c(o,s),null==t||t(o)},r=e=>{s(e.matches)},d=e=>{s(!e.matches)},l=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}catch(e){}return s(null==l?void 0:l.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}};let s={dark:"theme-dark",light:"theme-light"};const c=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?s.light:s.dark,r=e?s.dark:s.light;o&&(o.classList.remove(c),o.classList.remove(r),o.classList.add(r)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(r)),e.classList.remove(".".concat(c))})),t&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,s;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const d=null===(s=e.shadowRoot)||void 0===s?void 0:s.childNodes[0];d&&(d.classList.add(r),d.classList.remove(c))}))))};exports.getBaseThemes=()=>s,exports.observeThemePreference=t,exports.setThemeClassNames=e=>{s=e},exports.switchColorTheme=c,exports.updateColorTheme=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(s.dark)),c(t,o||document.body)},exports.useThemePreference=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.reactExports.useEffect((()=>t(o,s)),[o,s])};
+"use strict";var e=require("react");const o="change",t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const s=o=>{const s=e();null==c||c(o,s),null==t||t(o)},r=e=>{s(e.matches)},d=e=>{s(!e.matches)},l=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}catch(e){}return s(null==l?void 0:l.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,d)}};let s={dark:"theme-dark",light:"theme-light"};const c=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?s.light:s.dark,r=e?s.dark:s.light;o&&(o.classList.remove(c),o.classList.remove(r),o.classList.add(r)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(r)),e.classList.remove(".".concat(c))})),t&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,s;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(r),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const d=null===(s=e.shadowRoot)||void 0===s?void 0:s.childNodes[0];d&&(d.classList.add(r),d.classList.remove(c))}))))};exports.getBaseThemes=()=>s,exports.observeThemePreference=t,exports.setThemeClassNames=e=>{s=e},exports.switchColorTheme=c,exports.updateColorTheme=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(s.dark)),c(t,o||document.body)},exports.useThemePreference=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>t(o,s)),[o,s])};
 //# sourceMappingURL=useThemePreference.js.map

package/dist/hooks/src/core/hooks/useThemePreference.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThemePreference.js","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n\n/**\n * Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","baseThemes","dark","light","getBaseThemes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","themes","updateColorTheme","resolvedIsDark","contains","useEffect","reactExports"],"mappings":"mEAGA,MAAMA,EAAkC,SAQ3BC,EAAyB,WAGrB,IAFfC,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1E,MAAMC,EAA2BD,IAC/B,MAAME,EAAcT,IAEpBU,SAAAA,EAAmBH,EAAQE,GAC3BH,SAAAA,EAAiBC,EAAO,EAGpBI,EAA+BC,IACnCJ,EAAwBI,EAAMC,QAAQ,EAGlCC,EAAgCF,IACpCJ,GAAyBI,EAAMC,QAAQ,EAGnCN,EAASQ,OAAOC,WAAW,gCAEjC,IACED,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAEpC,CAAC,MAAOI,GAAO,CAYhB,OARAV,EAAwBD,eAAAA,EAAQM,SAChCE,OAAOC,WAAW,gCAAgCG,iBAChDrB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCG,iBACjDrB,EAAiCgB,GAG5B,KACLC,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAClC,CAEL,EAyBA,IAAIM,EAAuB,CACzBC,KAAM,aACNC,MAAO,eAOIC,MAgBAb,EAAmB,SAACH,EAAiBE,GAAwD,IAA7Be,IAAWvB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACtF,MAAMwB,EAAWlB,EAASa,EAAWE,MAAQF,EAAWC,KAClDK,EAAWnB,EAASa,EAAWC,KAAOD,EAAWE,MAEnDb,IACFA,EAAYkB,UAAUC,OAAOH,GAC7BhB,EAAYkB,UAAUC,OAAOF,GAC7BjB,EAAYkB,UAAUE,IAAIH,IAGJ,oBAAbtB,WACTA,SAAS0B,iBAAgBC,IAAAA,OAAKN,IAAYO,SAASC,IACjDA,EAAQN,UAAUE,QAAGE,OAAKL,IAC1BO,EAAQN,UAAUC,WAAMG,OAAKN,GAAW,IAGtCD,IACFpB,SAAS0B,iBAAiB,eAAeE,SAASC,IAAY,IAAAC,EAAAC,EAC1C,QAAlBD,EAAAD,EAAQG,kBAAU,IAAAF,GAA+B,QAA/BA,EAAlBA,EAAoBG,cAAa,IAAAN,OAAKN,WAAW,IAAAS,GAAjDA,EAAmDP,UAAUE,IAAIH,GAC/C,QAAlBS,EAAAF,EAAQG,kBAAU,IAAAD,GAA+B,QAA/BA,EAAlBA,EAAoBE,cAAa,IAAAN,OAAKN,WAAW,IAAAU,GAAjDA,EAAmDR,UAAUC,OAAOH,EAAS,IAG/ErB,SAAS0B,iBAAiB,gBAAgBE,SAASC,IAAY,IAAAK,EAAAC,EAAAC,EAC3C,QAAlBF,EAAAL,EAAQG,kBAAU,IAAAE,GAA+B,QAA/BA,EAAlBA,EAAoBD,cAAa,IAAAN,OAAKN,WAAW,IAAAa,GAAjDA,EAAmDX,UAAUE,IAAIH,GAC/C,QAAlBa,EAAAN,EAAQG,kBAAU,IAAAG,GAA+B,QAA/BA,EAAlBA,EAAoBF,cAAa,IAAAN,OAAKN,WAAW,IAAAc,GAAjDA,EAAmDZ,UAAUC,OAAOH,GAEpE,MAAMgB,EAA4CD,QAArBA,EAAGP,EAAQG,sBAAUI,SAAlBA,EAAoBE,WAAW,GAE3DD,IACFA,EAAWd,UAAUE,IAAIH,GACzBe,EAAWd,UAAUC,OAAOH,GAC9B,KAIR,wBAnD6BF,IAAgBH,8DAMVuB,IACjCvB,EAAauB,CAAM,sDAmDWC,CAACrC,EAAkBE,KACjD,IAAIoC,EAA0BtC,IAAU,EAEhB,oBAAbH,eAAuCD,IAAXI,IACrCsC,EAAiBzC,SAASC,KAAKsB,UAAUmB,SAAS1B,EAAWC,OAE/DX,EAAiBmC,EAAgBpC,GAAeL,SAASC,KAAK,6BA3F9B,WAGvB,IAFTL,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1EwC,EAASC,aAAAD,WAAC,IAAMhD,EAAuBC,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F"}
+{"version":3,"file":"useThemePreference.js","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n\n/**\n * Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","baseThemes","dark","light","getBaseThemes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","themes","updateColorTheme","resolvedIsDark","contains","useEffect"],"mappings":"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"}

package/dist/hooks/src/core/hooks/useToggle.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js");exports.useToggle=function(o){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[r,s]=e.reactExports.useState(o),l=e.reactExports.useCallback((e=>{s(t?o=>"boolean"==typeof e?e:!o:null!=e?e:!r)}),[t,r,s]),a=e.reactExports.useCallback((e=>l(void 0===e||"boolean"!=typeof e||e)),[l]),c=e.reactExports.useCallback((e=>l(void 0!==e&&"boolean"==typeof e&&!0===e)),[l]);return[r,l,a,c]};
+"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react");exports.useToggle=function(o){let l=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[t,s]=e.useState(o),a=e.useCallback((e=>{s(l?o=>"boolean"==typeof e?e:!o:null!=e?e:!t)}),[l,t,s]),r=e.useCallback((e=>a(void 0===e||"boolean"!=typeof e||e)),[a]),u=e.useCallback((e=>a(void 0!==e&&"boolean"==typeof e&&!0===e)),[a]);return[t,a,r,u]};
 //# sourceMappingURL=useToggle.js.map

package/dist/hooks/src/core/hooks/useToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.js","sources":["../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","reactExports","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"sKAwByB,SAACA,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAAAA,aAAAA,SAASP,GAMjCQ,EAAgDC,EAAWC,aAAAD,aAAEE,IAE/DL,EADEL,EACUW,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASN,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdO,EAAmBJ,EAAWC,aAAAD,aACjCK,GAAyBN,OAA4BJ,IAAfU,GACZ,kBAAfA,GAAkCA,IAAa,CAACN,IAQxDO,EAAoBN,EAAAA,aAAAA,aACvBK,GAAyBN,OAA4BJ,IAAfU,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACN,IAGxE,MAAO,CAACH,EAASG,EAAcK,EAAkBE,EACnD"}
+{"version":3,"file":"useToggle.js","sources":["../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"uIAwByB,SAACA,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAAAA,SAASP,GAMjCQ,EAAgDC,EAAWA,aAAEC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,EAAWA,aACjCI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,GAAkCA,IAAa,CAACL,IAQxDM,EAAoBL,EAAAA,aACvBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACL,IAGxE,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}

package/dist/hooks/src/core/hooks/useToggle2.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js");exports.useToggle2=o=>{const[r,s]=e.reactExports.useState(o),t=e.reactExports.useCallback((e=>{s((o=>"boolean"==typeof e?e:!o))}),[]),a=e.reactExports.useCallback((e=>t(void 0===e||e)),[t]),c=e.reactExports.useCallback((e=>t(void 0!==e&&e)),[t]);return[r,t,a,c]};
+"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react");exports.useToggle2=o=>{const[s,r]=e.useState(o),l=e.useCallback((e=>{r((o=>"boolean"==typeof e?e:!o))}),[]),t=e.useCallback((e=>l(void 0===e||e)),[l]),a=e.useCallback((e=>l(void 0!==e&&e)),[l]);return[s,l,t,a]};
 //# sourceMappingURL=useToggle2.js.map