@e1011/es-kit 1.5.0 → 1.5.4

package/dist/hooks/node_modules/gsap/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./gsap-core.js"),i=require("./CSSPlugin.js"),r=e.default.registerPlugin(i.CSSPlugin)||e.default;r.core.Tween,exports.TimelineLite=e.Timeline,exports.TimelineMax=e.Timeline,exports.TweenLite=e.Tween,exports.CSSPlugin=i.CSSPlugin,exports.default=r,exports.gsap=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./gsap-core.js"),l=require("./CSSPlugin.js");var i=e.default.registerPlugin(l.CSSPlugin)||e.default;i.core.Tween;exports.TimelineLite=e.Timeline;exports.TimelineMax=e.Timeline;exports.TweenLite=e.Tween;exports.CSSPlugin=l.CSSPlugin;exports.default=i;exports.gsap=i;
 //# sourceMappingURL=index.js.map

package/dist/hooks/node_modules/gsap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../node_modules/gsap/index.js"],"sourcesContent":["import { gsap, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ, TweenLite, TimelineLite, TimelineMax } from \"./gsap-core.js\";\nimport { CSSPlugin } from \"./CSSPlugin.js\";\nvar gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap,\n    // to protect from tree shaking\nTweenMaxWithCSS = gsapWithCSS.core.Tween;\nexport { gsapWithCSS as gsap, gsapWithCSS as default, CSSPlugin, TweenMaxWithCSS as TweenMax, TweenLite, TimelineMax, TimelineLite, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ };"],"names":["gsapWithCSS","gsap","registerPlugin","CSSPlugin","core","Tween"],"mappings":"gIAEIA,EAAcC,EAAAA,QAAKC,eAAeC,EAAAA,YAAcF,EAAAA,QAElCD,EAAYI,KAAKC","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../node_modules/gsap/index.js"],"sourcesContent":["import { gsap, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ, TweenLite, TimelineLite, TimelineMax } from \"./gsap-core.js\";\nimport { CSSPlugin } from \"./CSSPlugin.js\";\nvar gsapWithCSS = gsap.registerPlugin(CSSPlugin) || gsap,\n    // to protect from tree shaking\nTweenMaxWithCSS = gsapWithCSS.core.Tween;\nexport { gsapWithCSS as gsap, gsapWithCSS as default, CSSPlugin, TweenMaxWithCSS as TweenMax, TweenLite, TimelineMax, TimelineLite, Power0, Power1, Power2, Power3, Power4, Linear, Quad, Cubic, Quart, Quint, Strong, Elastic, Back, SteppedEase, Bounce, Sine, Expo, Circ };"],"names":["gsapWithCSS","gsap","CSSPlugin"],"mappings":"0KAEG,IAACA,EAAcC,EAAAA,QAAK,eAAeC,EAAAA,SAAS,GAAKD,EAAAA,QAElCD,EAAY,KAAK","x_google_ignoreList":[0]}

package/dist/hooks/src/core/constants/ui.constants.js

@@ -1,2 +1,2 @@
-"use strict";let e=function(e){return e.MouseEnter="mouseenter",e.MouseLeave="mouseleave",e.MouseUp="mouseup",e.MouseDown="mousedown",e.Hover="hover",e.DoubleClick="dblclick",e.Click="click",e.Focus="focus",e.Blur="blur",e.KeyDown="keydown",e.KeyUp="keyup",e.Scroll="scroll",e}({});exports.EventName=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var u=(o=>(o.MouseEnter="mouseenter",o.MouseLeave="mouseleave",o.MouseUp="mouseup",o.MouseDown="mousedown",o.Hover="hover",o.DoubleClick="dblclick",o.Click="click",o.Focus="focus",o.Blur="blur",o.KeyDown="keydown",o.KeyUp="keyup",o.Scroll="scroll",o))(u||{});exports.EventName=u;
 //# sourceMappingURL=ui.constants.js.map

package/dist/hooks/src/core/constants/ui.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.constants.js","sources":["../../../../../src/core/constants/ui.constants.ts"],"sourcesContent":["export enum EventName {\n  MouseEnter = 'mouseenter',\n  MouseLeave = 'mouseleave',\n  MouseUp = 'mouseup',\n  MouseDown = 'mousedown',\n  Hover = 'hover',\n  DoubleClick = 'dblclick',\n  Click = 'click',\n  Focus = 'focus',\n  Blur = 'blur',\n  KeyDown = 'keydown',\n  KeyUp = 'keyup',\n  Scroll = 'scroll',\n}\n\nexport enum KeyCode {\n  UpArrow = 38,\n  RightArrow = 39,\n  DownArrow = 40,\n  LeftArrow = 37,\n  PageUp = 33,\n  PageDown = 34,\n  Home = 36,\n  End = 35,\n  Enter = 13,\n  Space = 32,\n  Escape = 27,\n}\n\nexport enum Alerts {\n  info = 'info',\n  success = 'success',\n  error = 'error',\n  warning = 'warning',\n}\n"],"names":["EventName"],"mappings":"aAAA,IAAYA,WAAAA,GAAS,OAATA,EAAS,WAAA,aAATA,EAAS,WAAA,aAATA,EAAS,QAAA,UAATA,EAAS,UAAA,YAATA,EAAS,MAAA,QAATA,EAAS,YAAA,WAATA,EAAS,MAAA,QAATA,EAAS,MAAA,QAATA,EAAS,KAAA,OAATA,EAAS,QAAA,UAATA,EAAS,MAAA,QAATA,EAAS,OAAA,SAATA,CAAS,EAAA,CAAA"}
+{"version":3,"file":"ui.constants.js","sources":["../../../../../src/core/constants/ui.constants.ts"],"sourcesContent":["export enum EventName {\n  MouseEnter = 'mouseenter',\n  MouseLeave = 'mouseleave',\n  MouseUp = 'mouseup',\n  MouseDown = 'mousedown',\n  Hover = 'hover',\n  DoubleClick = 'dblclick',\n  Click = 'click',\n  Focus = 'focus',\n  Blur = 'blur',\n  KeyDown = 'keydown',\n  KeyUp = 'keyup',\n  Scroll = 'scroll',\n}\n\nexport enum KeyCode {\n  UpArrow = 38,\n  RightArrow = 39,\n  DownArrow = 40,\n  LeftArrow = 37,\n  PageUp = 33,\n  PageDown = 34,\n  Home = 36,\n  End = 35,\n  Enter = 13,\n  Space = 32,\n  Escape = 27,\n}\n\nexport enum Alerts {\n  info = 'info',\n  success = 'success',\n  error = 'error',\n  warning = 'warning',\n}\n"],"names":["EventName"],"mappings":"gFAAO,IAAKA,GAAAA,IACVA,EAAA,WAAa,aACbA,EAAA,WAAa,aACbA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,MAAQ,QACRA,EAAA,YAAc,WACdA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,OAAS,SAZCA,IAAAA,GAAA,CAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("./useApi.js"),s=require("./useToggle.js"),r=require("./useToggle2.js"),u=require("./useOutsideClick.js"),i=require("./useResize.js"),t=require("./useClassNames.js"),o=require("./useParseProps.js"),p=require("./useThemePreference.js"),n=require("./useAnimation.js"),a=require("./useIntersectionObserver.js"),l=require("./useSetTimeout.js"),g=require("../utils/appState/store/useStore.react.js"),x=require("../utils/appState/peregrineMQ/usePeregrineMQ.react.js");exports.useApi=e.useApi,exports.useToggle=s.useToggle,exports.useToggle2=r.useToggle2,exports.outsideClickHandler=u.outsideClickHandler,exports.useOutsideClick=u.useOutsideClick,exports.useResize=i.useResize,exports.useClassNames=t.useClassNames,exports.useParseProps=o.useParseProps,exports.useThemePreference=p.useThemePreference,exports.useAnimation=n.useAnimation,exports.useIntersectionObserver=a.useIntersectionObserver,exports.useTimeoutFn=l.useTimeoutFn,exports.useStore=g.useStore,exports.useStoreApi=g.useStoreApi,exports.usePeregrineMQ=x.usePeregrineMQ;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./useApi.js"),u=require("./useToggle.js"),i=require("./useToggle2.js"),e=require("./useOutsideClick.js"),t=require("./useResize.js"),o=require("./useClassNames.js"),n=require("./useParseProps.js"),c=require("./useThemePreference.js"),l=require("./useAnimation.js"),a=require("./useIntersectionObserver.js"),g=require("./useSetTimeout.js"),s=require("../utils/appState/store/useStore.react.js"),m=require("../utils/appState/peregrineMQ/usePeregrineMQ.react.js");exports.useApi=r.useApi;exports.useToggle=u.useToggle;exports.useToggle2=i.useToggle2;exports.outsideClickHandler=e.outsideClickHandler;exports.useOutsideClick=e.useOutsideClick;exports.useResize=t.useResize;exports.useClassNames=o.useClassNames;exports.useParseProps=n.useParseProps;exports.useThemePreference=c.useThemePreference;exports.useAnimation=l.useAnimation;exports.useIntersectionObserver=a.useIntersectionObserver;exports.useTimeoutFn=g.useTimeoutFn;exports.useStore=s.useStore;exports.useStoreApi=s.useStoreApi;exports.usePeregrineMQ=m.usePeregrineMQ;
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../node_modules/gsap/index.js"),t=require("react");exports.useAnimation=r=>{let{start:n=0,end:u,duration:a=2,ease:o="expo.inOut",rounded:s,roundingFn:d}=r;const[l,i]=t.useState(u),c=t.useRef(n);return t.useEffect((()=>{c.current=l}),[l]),t.useLayoutEffect((()=>{const t={val:c.current},r=e.default.context((()=>{e.default.to(t,{val:u,ease:o,duration:a,...s?{roundProps:"val"}:{},onUpdate(){i(d?d(t.val):t.val)},onComplete(){i(d?d(t.val):t.val)}})}));return()=>r.revert()}),[a,o,u,s,d,n]),l};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../node_modules/gsap/index.js"),a=require("react"),p=({start:o=0,end:l,duration:c=2,ease:r="expo.inOut",rounded:u,roundingFn:t})=>{const[s,v]=a.useState(l),f=a.useRef(o);return a.useEffect(()=>{f.current=s},[s]),a.useLayoutEffect(()=>{const e={val:f.current},i=n.default.context(()=>{n.default.to(e,{val:l,ease:r,duration:c,...u?{roundProps:"val"}:{},onUpdate(){v(t?t(e.val):e.val)},onComplete(){v(t?t(e.val):e.val)}})});return()=>i.revert()},[c,r,l,u,t,o]),s};exports.useAnimation=p;
 //# 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, {\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","roundProps","onUpdate","onComplete","revert"],"mappings":"0GA0B4BA,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,EAAAA,OAAwBV,GA2B9C,OAzBAW,EAAAA,WAAU,KACRF,EAAcG,QAAUN,CAAG,GAC1B,CAACA,IAEJO,EAAAA,iBAAgB,KACd,MAAMC,EAAS,CAAER,IAAKG,EAAcG,SAE9BG,EAAUC,UAAKC,SAAQ,KAC3BD,EAAAA,QAAKE,GAAGJ,EAAQ,CACdR,IAAKL,EACLE,OACAD,cACIE,EAAU,CAAEe,WAAY,OAAU,GACtCC,QAAAA,GACEb,EAAOF,EAAaA,EAAWS,EAAOR,KAAOQ,EAAOR,IACtD,EACAe,UAAAA,GACEd,EAAOF,EAAaA,EAAWS,EAAOR,KAAOQ,EAAOR,IACtD,GACA,IAGJ,MAAO,IAAYS,EAAQO,QAAQ,GAClC,CAACpB,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, {\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":["useAnimation","start","end","duration","ease","rounded","roundingFn","val","setVal","useState","startValueRef","useRef","useEffect","useLayoutEffect","valObj","gsapCtx","gsap"],"mappings":"0JA0BaA,EAAe,CAAC,CAC3B,MAAAC,EAAQ,EACR,IAAAC,EACA,SAAAC,EAAW,EACX,KAAAC,EAAO,aACP,QAAAC,EACA,WAAAC,CACF,IAAyC,CACvC,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAA0BP,CAAG,EAE7CQ,EAAgBC,EAAAA,OAAwBV,CAAK,EAEnDW,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAc,QAAUH,CAC1B,EAAG,CAACA,CAAG,CAAC,EAERM,EAAAA,gBAAgB,IAAM,CACpB,MAAMC,EAAS,CAAE,IAAKJ,EAAc,OAAA,EAE9BK,EAAUC,UAAK,QAAQ,IAAM,CACjCA,EAAAA,QAAK,GAAGF,EAAQ,CACd,IAAKZ,EACL,KAAAE,EACA,SAAAD,EACA,GAAIE,EAAU,CAAE,WAAY,KAAA,EAAU,CAAA,EACtC,UAAY,CACVG,EAAOF,EAAaA,EAAWQ,EAAO,GAAG,EAAIA,EAAO,GAAG,CACzD,EACA,YAAc,CACZN,EAAOF,EAAaA,EAAWQ,EAAO,GAAG,EAAIA,EAAO,GAAG,CACzD,CAAA,CACD,CACH,CAAC,EAED,MAAO,IAAYC,EAAQ,OAAA,CAC7B,EAAG,CAACZ,EAAUC,EAAMF,EAAKG,EAASC,EAAYL,CAAK,CAAC,EAE7CM,CACT"}

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

@@ -1,2 +1,2 @@
-"use strict";var r=require("../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react");const e={},l={loading:!1,error:null,data:null};exports.useApi=(t,o,n,c,s)=>{const[d,i]=a.useState(l);e[t]||(e[t]={id:t,caller:o,decorator:n,successHandler:c,errorHandler:s});const{caller:u,decorator:g,successHandler:H,errorHandler:p}=e[t];return[a.useCallback(r.asyncToGenerator((function*(){try{i((r=>({...r,loading:!0})));const r=yield u(...arguments),a=g?g(r):r;return H&&H({data:a,originalData:r.data}),i((e=>({...e,loading:!1,error:null,data:a,originalData:r.data}))),a}catch(r){throw p&&p(r),i((a=>({...a,loading:!1,error:r}))),r}})),[u,g,H,p]),d]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),s={},p={loading:!1,error:null,data:null},w=(e,i,g,f,S)=>{const[h,r]=d.useState(p);s[e]||(s[e]={id:e,caller:i,decorator:g,successHandler:f,errorHandler:S});const{caller:u,decorator:n,successHandler:o,errorHandler:l}=s[e];return[d.useCallback(async(...D)=>{try{r(c=>({...c,loading:!0}));const a=await u(...D),t=n?n(a):a;return o&&o({data:t,originalData:a.data}),r(c=>({...c,loading:!1,error:null,data:t,originalData:a.data})),t}catch(a){throw l&&l(a),r(t=>({...t,loading:!1,error:a})),a}},[u,n,o,l]),h]};exports.useApi=w;
 //# 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","arguments","returnData","originalData"],"mappings":"gGAkBA,MAAMA,EAAkC,CAAA,EAElCC,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,IAAuB,IAAWA,EAAWlB,SAAS,MACvE,MAAME,QAAmBU,KAAOO,WAC1BC,EAAaP,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMkB,EAAYC,aAAcnB,EAAKA,OAE9DQ,GAAiBQ,IACE,IAAKA,EAAWlB,SAAS,EAAOC,MAAO,KAAMC,KAAMkB,EAAYC,aAAcnB,EAAKA,SAK9FkB,CACT,CAAE,MAAOnB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,IAAuB,IAAWA,EAAWlB,SAAS,EAAOC,YACxEA,CACR,CACF,IAAG,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","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","args","prevState","data","returnData","error"],"mappings":"yGAkBMA,EAAkC,CAAA,EAElCC,EAAsB,CAAE,QAAS,GAAO,MAAO,KAAM,KAAM,IAAA,EAEpDC,EAAS,CACpBC,EACAC,EACAC,EACAC,EACAC,IAEqD,CACrD,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAuBT,CAAmB,EAG7ED,EAAIG,CAAE,IACTH,EAAIG,CAAE,EAAI,CAAE,GAAAA,EAAI,OAAQC,EAAe,UAAWC,EAAmB,eAAAC,EAAgB,aAAAC,CAAA,GAGvF,KAAM,CAAE,OAAAI,EAAQ,UAAAC,EAAW,eAAgBC,EAAW,aAAcC,CAAA,EAAYd,EAAIG,CAAE,EAwBtF,MAAO,CAtB4BY,EAAAA,YAAY,SAASC,IAAgB,CACtE,GAAI,CACFP,EAAiBQ,IAA6B,CAAE,GAAGA,EAAW,QAAS,IAAO,EAC9E,MAAMC,EAAa,MAAMP,EAAO,GAAGK,CAAI,EACjCG,EAAaP,EAAYA,EAAUM,CAAI,EAAIA,EAEjD,OAAAL,GAAaA,EAAU,CAAE,KAAMM,EAAY,aAAcD,EAAK,KAAM,EAEpET,EAAiBQ,IACE,CAAE,GAAGA,EAAW,QAAS,GAAO,MAAO,KAAM,KAAME,EAAY,aAAcD,EAAK,IAAA,EAGpG,EAEMC,CACT,OAASC,EAAY,CACnB,MAAAN,GAAWA,EAAQM,CAAK,EACxBX,EAAiBQ,IAA6B,CAAE,GAAGA,EAAW,QAAS,GAAO,MAAAG,GAAQ,EAChFA,CACR,CACF,EAAG,CAACT,EAAQC,EAAWC,EAAWC,CAAO,CAAC,EAE1BN,CAAY,CAC9B"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),s=require("../utils/helpers/ui.js");exports.useClassNames=(r,u)=>e.useMemo((()=>s.classNames(...r)),[r,u]);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("../utils/helpers/ui.js"),u=(e,s)=>t.useMemo(()=>r.classNames(...e),[e,s]);exports.useClassNames=u;
 //# 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","classNames"],"mappings":"8FAW6BA,CAC3BC,EACAC,IAEkCC,EAAAA,SAAQ,IAAMC,EAAAA,cAAcH,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":"6IAWaA,EAAgB,CAC3BC,EACAC,IAEkCC,UAAQ,IAAMC,aAAW,GAAGH,CAAO,EAAG,CAACA,EAASC,CAAI,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");const r={root:null,rootMargin:"0px",threshold:.5};exports.useIntersectionObserver=t=>{let{callback:n,notIntersectingCallback:c,options:s={},granular:o}=t;const u=e.useRef(null),i=e.useRef(),l=e.useCallback((e=>{!function(e,r,t){arguments.length>3&&void 0!==arguments[3]&&arguments[3]?e.forEach((e=>{e.isIntersecting?r():t?.()})):e[0].isIntersecting?r():t?.()}(e,n,c,o)}),[n,o,c]);return e.useEffect((()=>{i.current?.disconnect();const e=u.current;return i.current=new IntersectionObserver(l,{...r,...s}),e&&i.current.observe(e),()=>{i.current?.disconnect()}}),[l,s]),u};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c={root:null,rootMargin:"0px",threshold:.5},O=(r,s,e,u=!1)=>{u?r.forEach(o=>{o.isIntersecting?s():e==null||e()}):r[0].isIntersecting?s():e==null||e()},R=({callback:r,notIntersectingCallback:s,options:e={},granular:u})=>{const o=n.useRef(null),f=n.useRef(),i=n.useCallback(t=>{O(t,r,s,u)},[r,u,s]);return n.useEffect(()=>{var d;(d=f.current)==null||d.disconnect();const t=o.current;return f.current=new IntersectionObserver(i,{...c,...e}),t&&f.current.observe(t),()=>{var v;(v=f.current)==null||v.disconnect()}},[i,e]),o};exports.useIntersectionObserver=R;
 //# 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","observerRef","intersectionHandler","useCallback","entries","arguments","length","undefined","forEach","entry","isIntersecting","defaultIntersectionHandler","useEffect","current","disconnect","observeElement","IntersectionObserver","observe"],"mappings":"oCAEA,MAAMA,EAAiB,CACrBC,KAAM,KACNC,WAAY,MACZC,UAAW,oCA4D0BC,IAEwB,IAFMC,SACnEA,EAAQC,wBAAEA,EAAuBC,QAAEA,EAAU,CAAA,EAAEC,SAAEA,GACrBJ,EAC5B,MAAMK,EAAaC,EAAAA,OAAiB,MAE9BC,EAAcD,EAAAA,SAGdE,EAAsBC,EAAAA,aAAaC,KArCR,SACjCA,EACAT,EACAC,GACQS,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAGND,EAAQI,SAASC,IACXA,EAAMC,eACRf,IAEAC,KACF,IAIEQ,EAAQ,GAAGM,eACbf,IAEAC,KAGN,CAgBIe,CAA2BP,EAAST,EAAUC,EAAyBE,EAAS,GAC/E,CAACH,EAAUG,EAAUF,IAkBxB,OAhBAgB,EAAAA,WAAU,KACRX,EAAYY,SAASC,aAErB,MAAMC,EAAiBhB,EAAWc,QAQlC,OANAZ,EAAYY,QAAU,IAAIG,qBAAqBd,EAAqB,IAAKZ,KAAmBO,IAExFkB,GACFd,EAAYY,QAAQI,QAAQF,GAGvB,KACLd,EAAYY,SAASC,YAAY,CAClC,GACA,CAACZ,EAAqBL,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","defaultIntersectionHandler","entries","callback","notIntersectingCallback","granular","entry","useIntersectionObserver","options","elementRef","useRef","observerRef","intersectionHandler","useCallback","useEffect","_a","observeElement"],"mappings":"yGAEMA,EAAiB,CACrB,KAAM,KACN,WAAY,MACZ,UAAW,EACb,EA8BMC,EAA6B,CACjCC,EACAC,EACAC,EACAC,EAAW,KACF,CACLA,EACFH,EAAQ,QAASI,GAAU,CACrBA,EAAM,eACRH,EAAA,EAEAC,GAAA,MAAAA,GAEJ,CAAC,EAGGF,EAAQ,CAAC,EAAE,eACbC,EAAA,EAEAC,GAAA,MAAAA,GAGN,EAOaG,EAA0B,CAA8B,CACnE,SAAAJ,EAAU,wBAAAC,EAAyB,QAAAI,EAAU,CAAA,EAAI,SAAAH,CACnD,IAA+D,CAC7D,MAAMI,EAAaC,EAAAA,OAAiB,IAAI,EAElCC,EAAcD,EAAAA,OAAA,EAGdE,EAAsBC,cAAaX,GAAyC,CAChFD,EAA2BC,EAASC,EAAUC,EAAyBC,CAAQ,CACjF,EAAG,CAACF,EAAUE,EAAUD,CAAuB,CAAC,EAEhDU,OAAAA,EAAAA,UAAU,IAAM,QACdC,EAAAJ,EAAY,UAAZ,MAAAI,EAAqB,aAErB,MAAMC,EAAiBP,EAAW,QAElC,OAAAE,EAAY,QAAU,IAAI,qBAAqBC,EAAqB,CAAE,GAAGZ,EAAgB,GAAGQ,EAAS,EAEjGQ,GACFL,EAAY,QAAQ,QAAQK,CAAc,EAGrC,IAAY,QACjBD,EAAAJ,EAAY,UAAZ,MAAAI,EAAqB,YACvB,CACF,EAAG,CAACH,EAAqBJ,CAAO,CAAC,EAE1BC,CACT"}

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

@@ -1,2 +1,2 @@
-"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};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),r=require("../constants/ui.constants.js"),i=require("../ui/utils/clickOutside.js");function s(n,c,e=i.handleClickOutside(n,c)){const t=u.useCallback(()=>document.removeEventListener(r.EventName.Click,e),[e]);return u.useEffect(()=>(t(),document.addEventListener(r.EventName.Click,e),t),[n,e,t]),t}function o(n,c,e=i.handleClickOutside(n,c)){const t=()=>document.removeEventListener(r.EventName.Click,e);return document.addEventListener(r.EventName.Click,e),t}exports.outsideClickHandler=o;exports.useOutsideClick=s;
 //# 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":"mJAyCO,SACLA,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGG,EAAAA,mBAA0BN,EAASC,GAMxD,OAFAM,SAASC,iBAAiBC,YAAUC,MAAOR,GAFtBS,IAAYJ,SAASK,oBAAoBH,EAAAA,UAAUC,MAAOR,EAKjF,0BApCO,SACLF,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAGG,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"}
+{"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":["useOutsideClick","element","callback","handleClickOutside","defaultHandleClickOutside","unsubscriber","useCallback","EventName","useEffect","outsideClickHandler"],"mappings":"4LAeO,SAASA,EACdC,EACAC,EACAC,EAAqBC,EAAAA,mBAA0BH,EAASC,CAAQ,EACpD,CACZ,MAAMG,EAAeC,EAAAA,YACnB,IAAM,SAAS,oBAAoBC,YAAU,MAAOJ,CAAkB,EAAG,CAACA,CAAkB,CAAA,EAG9FK,OAAAA,EAAAA,UAAU,KACRH,EAAA,EACA,SAAS,iBAAiBE,YAAU,MAAOJ,CAAkB,EAEtDE,GACN,CAACJ,EAASE,EAAoBE,CAAY,CAAC,EAEvCA,CACT,CASO,SAASI,EACdR,EACAC,EACAC,EAAqBC,EAAAA,mBAA0BH,EAASC,CAAQ,EACpD,CACZ,MAAMG,EAAe,IAAY,SAAS,oBAAoBE,EAAAA,UAAU,MAAOJ,CAAkB,EAEjG,gBAAS,iBAAiBI,YAAU,MAAOJ,CAAkB,EAEtDE,CACT"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../utils/helpers/ui.js");exports.useParseProps=s=>e.useMemo((()=>r.parseProps(s)),[s]);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("../utils/helpers/ui.js"),o=e=>r.useMemo(()=>s.parseProps(e),[e]);exports.useParseProps=o;
 //# 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":"8FAS8BA,GACJC,EAAAA,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":["useParseProps","props","useMemo","parseProps"],"mappings":"6IASaA,EAAiBC,GACJC,EAAAA,QAAQ,IAAMC,EAAAA,WAAWF,CAAK,EAAG,CAACA,CAAK,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),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,u]=e.useState({width:void 0,height:void 0}),h=e.useRef({width:0,height:0}),c=e.useRef(),s=e.useRef(),o=e.useMemo((()=>t.default((e=>{const t=e[0].contentRect.width,r=e[0].contentRect.height;h.current?.width===t&&h.current?.height===r||(h.current={width:t,height:r},(i||u)({width:c?.current?.clientWidth,height:c?.current?.clientHeight}))}),r)),[i,r]);return e.useLayoutEffect((()=>{let e,t;c?.current&&(t=c?.current,e=new ResizeObserver(o),e.observe(t),(i||u)({width:c?.current?.clientWidth,height:c?.current?.clientHeight}));const r=()=>{e?.unobserve?.(t)};return s.current=r,r}),[o,c,i]),[c,n,s.current]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),v=require("lodash-es/debounce"),S=u=>u&&u.__esModule?u:{default:u},W=S(v),_=(u=250,o)=>{const[z,g]=s.useState({width:void 0,height:void 0}),d=s.useRef({width:0,height:0}),t=s.useRef(),w=s.useRef(),l=s.useMemo(()=>W.default(e=>{var r,h,c,b;const i=e[0].contentRect.width,n=e[0].contentRect.height;((r=d.current)==null?void 0:r.width)===i&&((h=d.current)==null?void 0:h.height)===n||(d.current={width:i,height:n},(o||g)({width:(c=t==null?void 0:t.current)==null?void 0:c.clientWidth,height:(b=t==null?void 0:t.current)==null?void 0:b.clientHeight}))},u),[o,u]);return s.useLayoutEffect(()=>{var r,h;let e,i;t!=null&&t.current&&(i=t==null?void 0:t.current,e=new ResizeObserver(l),e.observe(i),(o||g)({width:(r=t==null?void 0:t.current)==null?void 0:r.clientWidth,height:(h=t==null?void 0:t.current)==null?void 0:h.clientHeight}));const n=()=>{var c;(c=e==null?void 0:e.unobserve)==null||c.call(e,i)};return w.current=n,n},[l,t,o]),[t,z,w.current]};exports.useResize=_;
 //# 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","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"+GAiCyB,WACmE,IADlEA,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAA,EAAAD,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,IACrD,MAAMC,EAAiBD,EAAQ,GAAGE,YAAYX,MACxCY,EAAkBH,EAAQ,GAAGE,YAAYV,OAE3CC,EAAmBW,SAASb,QAAUU,GACrCR,EAAmBW,SAASZ,SAAWW,IAG5CV,EAAmBW,QAAU,CAAEb,MAAOU,EAAgBT,OAAQW,IAG5DhB,GAAYE,GAAkB,CAC9BE,MAAOI,GAAcS,SAASC,YAC9Bb,OAAQG,GAAcS,SAASE,eAC/B,GACDvB,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BAwB,EAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEAd,GAAcS,UAChBK,EAAmBd,GAAcS,QACjCI,EAAiB,IAAIE,eAAeb,GACpCW,EAAeG,QAAQF,IAGrBtB,GAAYE,GAAkB,CAC9BE,MAAOI,GAAcS,SAASC,YAC9Bb,OAAQG,GAAcS,SAASE,gBAInC,MAAMM,EAAaA,KACjBJ,GAAgBK,YAAYJ,EAA4B,EAM1D,OAFAb,EAAcQ,QAAUQ,EAEjBA,CAAU,GAChB,CAACf,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcQ,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":["useResize","debounceDelay","callBack","containerSize","setContainerSize","useState","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","newResizeHeight","_a","_b","_c","_d","useLayoutEffect","resizeObserver","containerElement","unobserver"],"mappings":"mLAiCaA,EAAY,CAACC,EAAgB,IAAKC,IAC6C,CAC1F,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAsB,CAAE,MAAO,OAAW,OAAQ,OAAW,EAEjGC,EAAqBC,EAAAA,OAAoB,CAAE,MAAO,EAAG,OAAQ,EAAG,EAChEC,EAAiED,EAAAA,OAAA,EACjEE,EAAgBF,EAAAA,OAAA,EAEhBG,EAAyBC,EAAAA,QAAQ,IAAMC,EAAAA,QAAUC,GAAY,aACjE,MAAMC,EAAiBD,EAAQ,CAAC,EAAE,YAAY,MACxCE,EAAkBF,EAAQ,CAAC,EAAE,YAAY,SAE3CG,EAAAV,EAAmB,UAAnB,YAAAU,EAA4B,SAAUF,KACrCG,EAAAX,EAAmB,UAAnB,YAAAW,EAA4B,UAAWF,IAG5CT,EAAmB,QAAU,CAAE,MAAOQ,EAAgB,OAAQC,CAAA,GAG5Db,GAAYE,GAAkB,CAC9B,OAAOc,EAAAV,GAAA,YAAAA,EAAc,UAAd,YAAAU,EAAuB,YAC9B,QAAQC,EAAAX,GAAA,YAAAA,EAAc,UAAd,YAAAW,EAAuB,YAAA,CAChC,EACH,EAAGlB,CAAa,EAAG,CAACC,EAAUD,CAAa,CAAC,EAE5CmB,OAAAA,EAAAA,gBAAgB,IAAM,SACpB,IAAIC,EACAC,EAEAd,GAAA,MAAAA,EAAc,UAChBc,EAAmBd,GAAA,YAAAA,EAAc,QACjCa,EAAiB,IAAI,eAAeX,CAAsB,EAC1DW,EAAe,QAAQC,CAA2B,GAGhDpB,GAAYE,GAAkB,CAC9B,OAAOY,EAAAR,GAAA,YAAAA,EAAc,UAAd,YAAAQ,EAAuB,YAC9B,QAAQC,EAAAT,GAAA,YAAAA,EAAc,UAAd,YAAAS,EAAuB,YAAA,CAChC,GAGH,MAAMM,EAAa,IAAY,QAC7BP,EAAAK,GAAA,YAAAA,EAAgB,YAAhB,MAAAL,EAAA,KAAAK,EAA4BC,EAC9B,EAGA,OAAAb,EAAc,QAAUc,EAEjBA,CACT,EAAG,CAACb,EAAwBF,EAAcN,CAAQ,CAAC,EAE5C,CAACM,EAAcL,EAAeM,EAAc,OAAO,CAC5D"}

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

@@ -1,2 +1,2 @@
-"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]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=(r,u=0)=>{const e=t.useRef({ready:null,timeout:null,callback:r}),l=t.useCallback(()=>e.current.ready,[]),c=t.useCallback(()=>{e.current.ready=null,e.current.timeout&&clearTimeout(e.current.timeout)},[]),a=t.useCallback(()=>{e.current.ready=!1,e.current.timeout&&clearTimeout(e.current.timeout),e.current.timeout=setTimeout(()=>{e.current.ready=!0,e.current.callback()},u)},[u]);return t.useEffect(()=>{e.current.callback=r},[r]),t.useEffect(()=>(a(),c),[c,u,a]),[l,c,a]};exports.useTimeoutFn=n;
 //# 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":"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"}
+{"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":["useTimeoutFn","fn","ms","store","useRef","isReady","useCallback","clear","set","useEffect"],"mappings":"yGAYaA,EAAe,CAACC,EAAkBC,EAAa,IAA0B,CACpF,MAAMC,EAAQC,EAAAA,OAAuB,CACnC,MAAO,KACP,QAAS,KACT,SAAUH,CAAA,CACX,EAEKI,EAAUC,EAAAA,YAAY,IAAMH,EAAM,QAAQ,MAAO,EAAE,EAEnDI,EAAQD,EAAAA,YAAY,IAAM,CAC9BH,EAAM,QAAQ,MAAQ,KACtBA,EAAM,QAAQ,SAAW,aAAaA,EAAM,QAAQ,OAAO,CAC7D,EAAG,CAAA,CAAE,EAECK,EAAMF,EAAAA,YAAY,IAAM,CAC5BH,EAAM,QAAQ,MAAQ,GACtBA,EAAM,QAAQ,SAAW,aAAaA,EAAM,QAAQ,OAAO,EAE3DA,EAAM,QAAQ,QAAU,WAAW,IAAM,CACvCA,EAAM,QAAQ,MAAQ,GACtBA,EAAM,QAAQ,SAAA,CAChB,EAAGD,CAAE,CACP,EAAG,CAACA,CAAE,CAAC,EAGPO,OAAAA,EAAAA,UAAU,IAAM,CACdN,EAAM,QAAQ,SAAWF,CAC3B,EAAG,CAACA,CAAE,CAAC,EAGPQ,EAAAA,UAAU,KACRD,EAAA,EAEOD,GACN,CAACA,EAAOL,EAAIM,CAAG,CAAC,EAEZ,CAACH,EAASE,EAAOC,CAAG,CAC7B"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../utils/helpers/ui.js");exports.useThemePreference=function(){let t=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((()=>r.observeThemePreference(t,s)),[t,s])};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=require("../utils/helpers/ui.js"),n=(e=()=>document.body,r=o=>o)=>{u.useEffect(()=>c.observeThemePreference(e,r),[e,r])};exports.useThemePreference=n;
 //# 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\nimport { observeThemePreference } from '../utils/helpers/ui'\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(\n    () => observeThemePreference(getHtmlElement, switchCallback),\n    [getHtmlElement, switchCallback],\n  )\n}\n"],"names":["getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"mGASkC,WAGvB,IAFTA,EAAiCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAIM,GAA6BA,EAE1EC,EAAAA,WACE,IAAMC,EAAAA,uBAAuBT,EAAgBM,IAC7C,CAACN,EAAgBM,GAErB"}
+{"version":3,"file":"useThemePreference.js","sources":["../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { observeThemePreference } from '../utils/helpers/ui'\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(\n    () => observeThemePreference(getHtmlElement, switchCallback),\n    [getHtmlElement, switchCallback],\n  )\n}\n"],"names":["useThemePreference","getHtmlElement","switchCallback","isDark","useEffect","observeThemePreference"],"mappings":"6IASaA,EAAqB,CAChCC,EAAoC,IAAmB,SAAS,KAChEC,EAA6CC,GAA6BA,IACjE,CACTC,EAAAA,UACE,IAAMC,EAAAA,uBAAuBJ,EAAgBC,CAAc,EAC3D,CAACD,EAAgBC,CAAc,CAAA,CAEnC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useToggle=function(o){let l=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[t,a]=e.useState(o),u=e.useCallback((e=>{a(l?o=>"boolean"==typeof e?e:!o:null!=e?e:!t)}),[l,t,a]),n=e.useCallback((e=>u(void 0===e||"boolean"!=typeof e||e)),[u]),s=e.useCallback((e=>u(void 0!==e&&"boolean"==typeof e&&!0===e)),[u]);return[t,u,n,s]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),b=(n,g=!0)=>{const[l,s]=t.useState(n),o=t.useCallback(e=>{s(g?r=>typeof e=="boolean"?e:!r:e??!l)},[g,l,s]),d=t.useCallback(e=>o(e===void 0||typeof e!="boolean"?!0:e),[o]),a=t.useCallback(e=>o(e===void 0||typeof e!="boolean"?!1:e===!0),[o]);return[l,o,d,a]};exports.useToggle=b;
 //# 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","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"sDAwByB,SAACA,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAAAA,SAASP,GAMjCQ,EAAgDC,EAAAA,aAAaC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,EAAAA,aACtBI,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"}
+{"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":["useToggle","defaultValue","async","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"yGAwBaA,EAAY,CAACC,EAAuBC,EAAQ,KAA8B,CACrF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAASJ,CAAY,EAM7CK,EAAgDC,cAAaC,GAA0B,CAEzFJ,EADEF,EACUO,GAAiB,OAAQD,GAAW,UAAYA,EAAQ,CAACC,EAElCD,GAAyB,CAACL,CAFoB,CAIrF,EAAG,CAACD,EAAOC,EAASC,CAAU,CAAC,EAOzBM,EAAmBH,EAAAA,YACtBI,GAAyBL,EAAaK,IAAe,QACjD,OAAOA,GAAe,UAAY,GAAOA,CAAU,EAAG,CAACL,CAAY,CAAA,EAQpEM,EAAoBL,EAAAA,YACvBI,GAAyBL,EAAaK,IAAe,QACjD,OAAOA,GAAe,UAAY,GAAQA,IAAe,EAAI,EAAG,CAACL,CAAY,CAAA,EAGpF,MAAO,CAACH,EAASG,EAAcI,EAAkBE,CAAiB,CACpE"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useToggle2=a=>{const[s,t]=e.useState(a),l=e.useCallback((e=>{t((a=>"boolean"==typeof e?e:!a))}),[]),o=e.useCallback((e=>l(void 0===e||e)),[l]),r=e.useCallback((e=>l(void 0!==e&&e)),[l]);return[s,l,o,r]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=l=>{const[s,g]=t.useState(l),o=t.useCallback(e=>{g(c=>typeof e=="boolean"?e:!c)},[]),a=t.useCallback(e=>o(e===void 0?!0:e),[o]),n=t.useCallback(e=>o(e===void 0?!1:e),[o]);return[s,o,a,n]};exports.useToggle2=u;
 //# sourceMappingURL=useToggle2.js.map

package/dist/hooks/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":["defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"uDAuB2BA,IACzB,MAAOC,EAASC,GAAcC,EAAAA,SAASH,GAMjCI,EAAgDC,EAAAA,aAAaC,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","handleToggleFalse"],"mappings":"yGAuBaA,EAAcC,GAAgD,CACzE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAASH,CAAY,EAM7CI,EAAgDC,cAAaC,GAA0B,CAC3FJ,EAAYK,GAAiB,OAAQD,GAAW,UAAYA,EAAQ,CAACC,CAAY,CACnF,EAAG,CAAA,CAAE,EAOCC,EAAmBH,EAAAA,YACtBI,GAAyBL,EAAaK,IAAe,OAAY,GAAOA,CAAU,EAAG,CAACL,CAAY,CAAA,EAQ/FM,EAAoBL,EAAAA,YACvBI,GAAyBL,EAAaK,IAAe,OAAY,GAAQA,CAAU,EAAG,CAACL,CAAY,CAAA,EAGtG,MAAO,CAACH,EAASG,EAAcI,EAAkBE,CAAiB,CACpE"}

package/dist/hooks/src/core/ui/utils/clickOutside.js

@@ -1,2 +1,2 @@
-"use strict";exports.handleClickOutside=(t,e)=>n=>{const s=n.target,c="function"==typeof t?t():t;c&&!c.contains(s)&&e?.(s)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(t,e)=>n=>{const o=n.target,i=typeof t=="function"?t():t;i&&!i.contains(o)&&(e==null||e(o))};exports.handleClickOutside=s;
 //# sourceMappingURL=clickOutside.js.map

package/dist/hooks/src/core/ui/utils/clickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.js","sources":["../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"wCAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,IAC/CF,IAAWE,EACb"}
+{"version":3,"file":"clickOutside.js","sources":["../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement"],"mappings":"gFAGO,MAAMA,EAAqB,CAChCC,EACAC,IACIC,GAA4B,CAChC,MAAMC,EAASD,EAAM,OACfE,EAAqC,OAAOJ,GAAY,WAAaA,IAAYA,EAEnFI,GAAmB,CAACA,EAAgB,SAASD,CAAM,IACrDF,GAAA,MAAAA,EAAWE,GAEf"}

package/dist/hooks/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.usePeregrineMQ=(r,u,s)=>{const t=e.useCallback(s,[s]),c=e.useRef();return e.useEffect((()=>(c.current=r.subscribe(u,t),()=>{c?.current?.()})),[t,u,r]),[c.current,r.publish]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),l=(r,u,o)=>{const c=t.useCallback(o,[o]),e=t.useRef();return t.useEffect(()=>(e.current=r.subscribe(u,c),()=>{var s;(s=e==null?void 0:e.current)==null||s.call(e)}),[c,u,r]),[e.current,r.publish]};exports.usePeregrineMQ=l;
 //# sourceMappingURL=usePeregrineMQ.react.js.map

package/dist/hooks/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback, PublishReturnType } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n  (() => boolean) | undefined,\n  <T>(channel: string, data?: T) => PublishReturnType\n]\n\nexport const usePeregrineMQ = (\n  peregrineInstance: PeregrineMQ, channel: string, callback: Callback,\n): usePeregrineMQReturnType => {\n  const memCallback = useCallback(callback, [callback])\n\n  const unsubscribeRef = useRef<ReturnType<typeof peregrineInstance.subscribe>>()\n\n  useEffect(() => {\n    unsubscribeRef.current = peregrineInstance.subscribe(channel, memCallback)\n\n    return (): void => {\n      unsubscribeRef?.current?.()\n    }\n  }, [memCallback, channel, peregrineInstance])\n\n  return [unsubscribeRef.current, peregrineInstance.publish]\n}\n"],"names":["usePeregrineMQ","peregrineInstance","channel","callback","memCallback","useCallback","unsubscribeRef","useRef","useEffect","current","subscribe","publish"],"mappings":"2DAU8BA,CAC5BC,EAAgCC,EAAiBC,KAEjD,MAAMC,EAAcC,EAAAA,YAAYF,EAAU,CAACA,IAErCG,EAAiBC,EAAAA,SAUvB,OARAC,EAAAA,WAAU,KACRF,EAAeG,QAAUR,EAAkBS,UAAUR,EAASE,GAEvD,KACLE,GAAgBG,WAAW,IAE5B,CAACL,EAAaF,EAASD,IAEnB,CAACK,EAAeG,QAASR,EAAkBU,QAAQ"}
+{"version":3,"file":"usePeregrineMQ.react.js","sources":["../../../../../../../src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { PeregrineMQ } from './peregrineMQ'\nimport { Callback, PublishReturnType } from './peregrineMQ.types'\n\nexport type usePeregrineMQReturnType = [\n  (() => boolean) | undefined,\n  <T>(channel: string, data?: T) => PublishReturnType\n]\n\nexport const usePeregrineMQ = (\n  peregrineInstance: PeregrineMQ, channel: string, callback: Callback,\n): usePeregrineMQReturnType => {\n  const memCallback = useCallback(callback, [callback])\n\n  const unsubscribeRef = useRef<ReturnType<typeof peregrineInstance.subscribe>>()\n\n  useEffect(() => {\n    unsubscribeRef.current = peregrineInstance.subscribe(channel, memCallback)\n\n    return (): void => {\n      unsubscribeRef?.current?.()\n    }\n  }, [memCallback, channel, peregrineInstance])\n\n  return [unsubscribeRef.current, peregrineInstance.publish]\n}\n"],"names":["usePeregrineMQ","peregrineInstance","channel","callback","memCallback","useCallback","unsubscribeRef","useRef","useEffect","_a"],"mappings":"yGAUaA,EAAiB,CAC5BC,EAAgCC,EAAiBC,IACpB,CAC7B,MAAMC,EAAcC,EAAAA,YAAYF,EAAU,CAACA,CAAQ,CAAC,EAE9CG,EAAiBC,EAAAA,OAAA,EAEvBC,OAAAA,EAAAA,UAAU,KACRF,EAAe,QAAUL,EAAkB,UAAUC,EAASE,CAAW,EAElE,IAAY,QACjBK,EAAAH,GAAA,YAAAA,EAAgB,UAAhB,MAAAG,EAAA,KAAAH,EACF,GACC,CAACF,EAAaF,EAASD,CAAiB,CAAC,EAErC,CAACK,EAAe,QAASL,EAAkB,OAAO,CAC3D"}

package/dist/hooks/src/core/utils/appState/store/useStore.react.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("react");function e(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t=>t,n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const s=t.useSyncExternalStore(e.subscribe,(()=>r(e.getState())));return n?[s,e.setState]:s}exports.useStore=e,exports.useStoreApi=function(t){return[e(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:t=>t),t.getState,t.setState,t.actions]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function n(e,u=t=>t,r=!1){const t=s.useSyncExternalStore(e.subscribe,()=>u(e.getState()));return r?[t,e.setState]:t}function S(e,u=r=>r){return[n(e,u),e.getState,e.setState,e.actions]}exports.useStore=n;exports.useStoreApi=S;
 //# sourceMappingURL=useStore.react.js.map

package/dist/hooks/src/core/utils/appState/store/useStore.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.react.js","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { Store, StoreWithActions, Selector } from './store.vanillajs'\n\n\n/**\n * Represents the type for the partial store state used in the `useStore` hook.\n */\nexport type useStoreType<T> = Partial<T>\n\nexport type useStoreWithSetterType<T> = [Partial<T>, Store<T>['setState']]\n\ntype returnSetterTrueType = true\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector?: Selector<T>): useStoreType<T>\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector?: Selector<T>,\n  returnSetter?: returnSetterTrueType): useStoreWithSetterType<T>\n/**\n * Custom hook to subscribe to a store and retrieve the selected state.\n * @param store - The store to subscribe to.\n * @param selector - Optional selector function to transform the store state.\n * @param returnSetter - Optional flag to have setState returned\n * @returns The selected state from the store. or selected state and seState tuple\n */\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T> = (state: Partial<T>): Partial<T> => state,\n  returnSetter = false,\n  // TODO pass selector\n  // useSyncExternalStore((...args) => {\n  //  args[0].selector?? store.subscribe(...args) }, () => selector(store.getState()));\n): useStoreType<T> | useStoreWithSetterType<T> {\n  const selectedValues = useSyncExternalStore(store.subscribe, () => (selector(store.getState()) as Partial<T>))\n\n  if (returnSetter) {\n    return [selectedValues, store.setState] as useStoreWithSetterType<T>\n  }\n\n  return selectedValues as useStoreType<T>\n}\n\n/**\n * Represents the type for the API returned by the `useStoreApi` hook.\n */\nexport type useStoreApiType<T> = [\n  useStoreType<T>,\n  Store<T>['getState'],\n  Store<T>['setState'],\n  StoreWithActions<T>['actions'],\n]\n\n/**\n * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).\n * @param store - The store to retrieve the API from.\n * @param selector - Optional selector function to transform the store state.\n * @returns The store API including state, getters, setters, and actions (if applicable).\n */\nexport function useStoreApi<T>(\n  store: Store<T>,\n  selector: Selector<T> = (state: Partial<T>): Partial<T> => state,\n): useStoreApiType<T> {\n  return [\n    useStore(store, selector),\n    store.getState,\n    store.setState,\n    (store as StoreWithActions<T>).actions,\n  ]\n}\n"],"names":["useStore","store","selector","arguments","length","undefined","state","returnSetter","selectedValues","useSyncExternalStore","subscribe","getState","setState","actions"],"mappings":"oCA6BO,SAASA,EACdC,GAM6C,IAL7CC,EAAqBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAIG,GAAkCA,EAC3DC,EAAYJ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAKZ,MAAMK,EAAiBC,EAAAA,qBAAqBR,EAAMS,WAAW,IAAOR,EAASD,EAAMU,cAEnF,OAAIJ,EACK,CAACC,EAAgBP,EAAMW,UAGzBJ,CACT,wCAkBO,SACLP,GAGA,MAAO,CACLD,EAASC,EAHUE,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAIG,GAAkCA,GAIzDL,EAAMU,SACNV,EAAMW,SACLX,EAA8BY,QAEnC"}
+{"version":3,"file":"useStore.react.js","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nimport { Store, StoreWithActions, Selector } from './store.vanillajs'\n\n\n/**\n * Represents the type for the partial store state used in the `useStore` hook.\n */\nexport type useStoreType<T> = Partial<T>\n\nexport type useStoreWithSetterType<T> = [Partial<T>, Store<T>['setState']]\n\ntype returnSetterTrueType = true\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector?: Selector<T>): useStoreType<T>\n\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector?: Selector<T>,\n  returnSetter?: returnSetterTrueType): useStoreWithSetterType<T>\n/**\n * Custom hook to subscribe to a store and retrieve the selected state.\n * @param store - The store to subscribe to.\n * @param selector - Optional selector function to transform the store state.\n * @param returnSetter - Optional flag to have setState returned\n * @returns The selected state from the store. or selected state and seState tuple\n */\nexport function useStore<T>(\n  store: Store<T> | StoreWithActions<T>,\n  selector: Selector<T> = (state: Partial<T>): Partial<T> => state,\n  returnSetter = false,\n  // TODO pass selector\n  // useSyncExternalStore((...args) => {\n  //  args[0].selector?? store.subscribe(...args) }, () => selector(store.getState()));\n): useStoreType<T> | useStoreWithSetterType<T> {\n  const selectedValues = useSyncExternalStore(store.subscribe, () => (selector(store.getState()) as Partial<T>))\n\n  if (returnSetter) {\n    return [selectedValues, store.setState] as useStoreWithSetterType<T>\n  }\n\n  return selectedValues as useStoreType<T>\n}\n\n/**\n * Represents the type for the API returned by the `useStoreApi` hook.\n */\nexport type useStoreApiType<T> = [\n  useStoreType<T>,\n  Store<T>['getState'],\n  Store<T>['setState'],\n  StoreWithActions<T>['actions'],\n]\n\n/**\n * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).\n * @param store - The store to retrieve the API from.\n * @param selector - Optional selector function to transform the store state.\n * @returns The store API including state, getters, setters, and actions (if applicable).\n */\nexport function useStoreApi<T>(\n  store: Store<T>,\n  selector: Selector<T> = (state: Partial<T>): Partial<T> => state,\n): useStoreApiType<T> {\n  return [\n    useStore(store, selector),\n    store.getState,\n    store.setState,\n    (store as StoreWithActions<T>).actions,\n  ]\n}\n"],"names":["useStore","store","selector","state","returnSetter","selectedValues","useSyncExternalStore","useStoreApi"],"mappings":"yGA6BO,SAASA,EACdC,EACAC,EAAyBC,GAAkCA,EAC3DC,EAAe,GAI8B,CAC7C,MAAMC,EAAiBC,EAAAA,qBAAqBL,EAAM,UAAW,IAAOC,EAASD,EAAM,SAAA,CAAU,CAAgB,EAE7G,OAAIG,EACK,CAACC,EAAgBJ,EAAM,QAAQ,EAGjCI,CACT,CAkBO,SAASE,EACdN,EACAC,EAAyBC,GAAkCA,EACvC,CACpB,MAAO,CACLH,EAASC,EAAOC,CAAQ,EACxBD,EAAM,SACNA,EAAM,SACLA,EAA8B,OAAA,CAEnC"}

package/dist/hooks/src/core/utils/helpers/ui.js

@@ -1,2 +1,2 @@
-"use strict";const e={dark:"theme-dark",light:"theme-light"},t=t=>(t??document.body).__eskit_themes__??e,r=function(e,r){let s=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const o=t(r),c=e?o.light:o.dark,a=e?o.dark:o.light;r&&(r.classList.remove(c),r.classList.remove(a),r.classList.add(a)),"undefined"!=typeof document&&(document.querySelectorAll(`.${c}`).forEach((e=>{e.classList.add(`.${a}`),e.classList.remove(`.${c}`)})),s&&(document.querySelectorAll(".shadow-div").forEach((e=>{e.shadowRoot?.querySelector(`.${c}`)?.classList.add(a),e.shadowRoot?.querySelector(`.${c}`)?.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{e.shadowRoot?.querySelector(`.${c}`)?.classList.add(a),e.shadowRoot?.querySelector(`.${c}`)?.classList.remove(c);const t=e.shadowRoot?.childNodes[0];t&&(t.classList.add(a),t.classList.remove(c))}))))},s="change";exports.classNames=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e=>"string"==typeof e&&null!=e)).filter(Boolean).join(" ")},exports.getBaseThemes=t,exports.observeThemePreference=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 o=s=>{const o=e();r?.(s,o),t?.(s)},c=e=>{o(e.matches)},a=e=>{o(!e.matches)},d=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(s,c),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(s,a)}catch(e){}return o(d?.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(s,c),window.matchMedia("(prefers-color-scheme: light)").addEventListener(s,a),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(s,c),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(s,a)}},exports.parseProps=e=>{const t={},r={};return Object.entries(e).forEach((e=>{let[s,o]=e;"data-"===s.substr(0,5)||"data"===s.substr(0,4)?t[s]=o:r[s]=o})),{dataProps:t,restProps:r}},exports.switchColorTheme=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=(...t)=>t.filter(e=>typeof e=="string"&&e!==void 0&&e!==null).filter(Boolean).join(" "),p=t=>{const e={},c={};return Object.entries(t).forEach(([r,o])=>{r.substr(0,5)==="data-"||r.substr(0,4)==="data"?e[r]=o:c[r]=o}),{dataProps:e,restProps:c}},L="__eskit_themes__",g={dark:"theme-dark",light:"theme-light"},v=t=>(t??document.body)[L]??g,m=(t,e,c=!0)=>{const r=v(e),o=t?r.light:r.dark,a=t?r.dark:r.light;e&&(e.classList.remove(o),e.classList.remove(a),e.classList.add(a)),typeof document<"u"&&(document.querySelectorAll(`.${o}`).forEach(s=>{s.classList.add(`.${a}`),s.classList.remove(`.${o}`)}),c&&(document.querySelectorAll(".shadow-div").forEach(s=>{var d,i,h,l;(i=(d=s.shadowRoot)==null?void 0:d.querySelector(`.${o}`))==null||i.classList.add(a),(l=(h=s.shadowRoot)==null?void 0:h.querySelector(`.${o}`))==null||l.classList.remove(o)}),document.querySelectorAll("esmf-wrapper").forEach(s=>{var i,h,l,f,u;(h=(i=s.shadowRoot)==null?void 0:i.querySelector(`.${o}`))==null||h.classList.add(a),(f=(l=s.shadowRoot)==null?void 0:l.querySelector(`.${o}`))==null||f.classList.remove(o);const d=(u=s.shadowRoot)==null?void 0:u.childNodes[0];d&&(d.classList.add(a),d.classList.remove(o))})))},n="change",y=(t=()=>document.body,e=c=>c)=>{const c=s=>{const d=t();m==null||m(s,d),e==null||e(s)},r=s=>{c(s.matches)},o=s=>{c(!s.matches)},a=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(n,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(n,o)}catch{}return c(a==null?void 0:a.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(n,r),window.matchMedia("(prefers-color-scheme: light)").addEventListener(n,o),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(n,r),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(n,o)}};exports.classNames=w;exports.getBaseThemes=v;exports.observeThemePreference=y;exports.parseProps=p;exports.switchColorTheme=m;
 //# sourceMappingURL=ui.js.map

package/dist/hooks/src/core/utils/helpers/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\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 */\nexport type ThemeMap = {\n  dark: string\n  light: string\n}\n\nconst THEME_PROP = '__eskit_themes__'\n\nconst defaultThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Reads the theme config stored on the given element.\n * Falls back to defaultThemes when no config has been set.\n * Scoping to the element means different microfrontends (different roots) are isolated,\n * while all bundles targeting the same element share one config.\n * @param {HTMLElement} [element] - The element to read from. Defaults to document.body.\n * @returns {ThemeMap} The current base themes for the element.\n */\nexport const getBaseThemes = (element?: HTMLElement): ThemeMap => {\n  const el = element ?? document.body\n\n  return (el as unknown as Record<string, unknown>)[THEME_PROP] as ThemeMap ?? defaultThemes\n}\n\n/**\n * Sets the base theme class names on the given element.\n * @param {ThemeMap} themes - CSS classes for dark and light themes.\n * @param {HTMLElement} [element] - The element to store config on. Defaults to document.body.\n */\nexport const setThemeClassNames = (themes: ThemeMap, element?: HTMLElement): void => {\n  const el = element ?? document.body\n  const store = el as unknown as Record<string, unknown>\n\n  store[THEME_PROP] = 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 = (\n  isDark: boolean, htmlElement?: HTMLElement, findShadows = true,\n): void => {\n  const themes = getBaseThemes(htmlElement)\n  const oldClass = isDark ? themes.light : themes.dark\n  const newClass = isDark ? themes.dark : themes.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  const el = htmlElement || document.body\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(getBaseThemes(el).dark)\n  }\n  switchColorTheme(resolvedIsDark, el)\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"],"names":["defaultThemes","dark","light","getBaseThemes","element","document","body","switchColorTheme","isDark","htmlElement","findShadows","arguments","length","undefined","themes","oldClass","newClass","classList","remove","add","querySelectorAll","forEach","shadowRoot","querySelector","firstChild","childNodes","windowMatchMediaChangeEventType","_len","classes","Array","_key","filter","className","Boolean","join","getHtmlElement","switchCallback","switchColorThemeHandler","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","props","dataProps","restProps","Object","entries","_ref","key","value","substr"],"mappings":"aAYO,MA4GDA,EAA0B,CAC9BC,KAAM,aACNC,MAAO,eAWIC,EAAiBC,IACjBA,GAAWC,SAASC,MAE6B,kBAAiBN,EAqBlEO,EAAmB,SAC9BC,EAAiBC,GACR,IADmCC,IAAWC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAEvD,MAAMG,EAASX,EAAcM,GACvBM,EAAWP,EAASM,EAAOZ,MAAQY,EAAOb,KAC1Ce,EAAWR,EAASM,EAAOb,KAAOa,EAAOZ,MAE3CO,IACFA,EAAYQ,UAAUC,OAAOH,GAC7BN,EAAYQ,UAAUC,OAAOF,GAC7BP,EAAYQ,UAAUE,IAAIH,IAGJ,oBAAbX,WACTA,SAASe,iBAAiB,IAAIL,KAAYM,SAASjB,IACjDA,EAAQa,UAAUE,IAAI,IAAIH,KAC1BZ,EAAQa,UAAUC,OAAO,IAAIH,IAAW,IAGtCL,IACFL,SAASe,iBAAiB,eAAeC,SAASjB,IAChDA,EAAQkB,YAAYC,cAAc,IAAIR,MAAaE,UAAUE,IAAIH,GACjEZ,EAAQkB,YAAYC,cAAc,IAAIR,MAAaE,UAAUC,OAAOH,EAAS,IAG/EV,SAASe,iBAAiB,gBAAgBC,SAASjB,IACjDA,EAAQkB,YAAYC,cAAc,IAAIR,MAAaE,UAAUE,IAAIH,GACjEZ,EAAQkB,YAAYC,cAAc,IAAIR,MAAaE,UAAUC,OAAOH,GAEpE,MAAMS,EAA0BpB,EAAQkB,YAAYG,WAAW,GAE3DD,IACFA,EAAWP,UAAUE,IAAIH,GACzBQ,EAAWP,UAAUC,OAAOH,GAC9B,KAIR,EAiBMW,EAAkC,4BAxMd,WAAA,IAAA,IAAAC,EAAAhB,UAAAC,OAAIgB,EAAO,IAAAC,MAAAF,GAAAG,EAAA,EAAAA,EAAAH,EAAAG,IAAPF,EAAOE,GAAAnB,UAAAmB,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,yDA8MU,WAGrB,IAFfC,EAAiCxB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAmBN,SAASC,KAChE8B,EAAyCzB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAIH,GAA6BA,EAE1E,MAAM6B,EAA2B7B,IAC/B,MAAMC,EAAc0B,IAEpB5B,IAAmBC,EAAQC,GAC3B2B,IAAiB5B,EAAO,EAGpB8B,EAA+BC,IACnCF,EAAwBE,EAAMC,QAAQ,EAGlCC,EAAgCF,IACpCF,GAAyBE,EAAMC,QAAQ,EAGnChC,EAASkC,OAAOC,WAAW,gCAEjC,IACED,OAAOC,WAAW,gCAAgCC,oBAChDlB,EAAiCY,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDlB,EAAiCe,EAErC,CAAE,MAAOI,GAET,CAUA,OARAR,EAAwB7B,GAAQgC,SAChCE,OAAOC,WAAW,gCAAgCG,iBAChDpB,EAAiCY,GAEnCI,OAAOC,WAAW,iCAAiCG,iBACjDpB,EAAiCe,GAG5B,KACLC,OAAOC,WAAW,gCAAgCC,oBAChDlB,EAAiCY,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDlB,EAAiCe,EAClC,CAEL,qBAtP2BM,IACzB,MAAMC,EAAqC,CAAA,EACrCC,EAAqC,CAAA,EAS3C,OAPAC,OAAOC,QAAQJ,GAAO1B,SAAQ+B,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDP,EAAUK,GAAOC,EAEjBL,EAAUI,GAAOC,CACnB,IAEK,CAAEN,YAAWC,YAAW"}
+{"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown | { dataType: string; value: Array<unknown>} => {\n  if (value instanceof Map) {\n    return {\n      dataType: 'Map',\n      value: Array.from(value.entries()), // or with spread: value: [...value]\n    }\n  }\n  return value\n}\n\nexport type TClassName = string | boolean | null | undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n  .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n  .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n  dataProps: Record<string, unknown>\n  restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n  const dataProps: Record<string, unknown> = {}\n  const restProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (key.substr(0, 5) === 'data-' || key.substr(0, 4) === 'data') {\n      dataProps[key] = value\n    } else {\n      restProps[key] = value\n    }\n  })\n  return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number | undefined) => string\ntype GenerateId = { tokens?: Record<string, number | null | undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n  token: string,\n  increment = true,\n  forcedValue: number | undefined = undefined,\n) => {\n  generateId.tokens = generateId.tokens || {}\n\n  if (forcedValue !== undefined && forcedValue !== null) {\n    generateId.tokens[token] = forcedValue\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  const noValue = generateId?.tokens[token] === undefined || generateId?.tokens[token] === null\n\n  generateId.tokens[token] = generateId.tokens[token] || 0\n\n  if (noValue) {\n    return `${token}${0}`\n  }\n\n  if (increment) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    generateId.tokens[token] += 1\n\n    return `${token}${generateId?.tokens?.[token] as number}`\n  }\n\n  return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement | null }\n  & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement | null => {\n  anchorClick.aElement = anchorClick.aElement || document.createElement('a')\n\n  const { aElement } = anchorClick\n\n  aElement.setAttribute('href', href)\n  aElement.setAttribute('target', target)\n\n  aElement.dataset.date = `${Date.now()}`\n  aElement.click()\n  if (remove) {\n    aElement.remove()\n    anchorClick.aElement = null\n  }\n\n  return aElement\n}\n\n\n\nexport type NoopEvent = {\n  preventDefault?: () => void\n  stopPropagation?: () => void\n  stopImmediatePropagation?: () => void\n} | Event\n\nexport const noop = (event?: NoopEvent): void => {\n  event?.preventDefault?.()\n  event?.stopPropagation?.()\n  event?.stopImmediatePropagation?.()\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 */\nexport type ThemeMap = {\n  dark: string\n  light: string\n}\n\nconst THEME_PROP = '__eskit_themes__'\n\nconst defaultThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Reads the theme config stored on the given element.\n * Falls back to defaultThemes when no config has been set.\n * Scoping to the element means different microfrontends (different roots) are isolated,\n * while all bundles targeting the same element share one config.\n * @param {HTMLElement} [element] - The element to read from. Defaults to document.body.\n * @returns {ThemeMap} The current base themes for the element.\n */\nexport const getBaseThemes = (element?: HTMLElement): ThemeMap => {\n  const el = element ?? document.body\n\n  return (el as unknown as Record<string, unknown>)[THEME_PROP] as ThemeMap ?? defaultThemes\n}\n\n/**\n * Sets the base theme class names on the given element.\n * @param {ThemeMap} themes - CSS classes for dark and light themes.\n * @param {HTMLElement} [element] - The element to store config on. Defaults to document.body.\n */\nexport const setThemeClassNames = (themes: ThemeMap, element?: HTMLElement): void => {\n  const el = element ?? document.body\n  const store = el as unknown as Record<string, unknown>\n\n  store[THEME_PROP] = 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 = (\n  isDark: boolean, htmlElement?: HTMLElement, findShadows = true,\n): void => {\n  const themes = getBaseThemes(htmlElement)\n  const oldClass = isDark ? themes.light : themes.dark\n  const newClass = isDark ? themes.dark : themes.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  const el = htmlElement || document.body\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(getBaseThemes(el).dark)\n  }\n  switchColorTheme(resolvedIsDark, el)\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"],"names":["classNames","classes","className","parseProps","props","dataProps","restProps","key","value","THEME_PROP","defaultThemes","getBaseThemes","element","switchColorTheme","isDark","htmlElement","findShadows","themes","oldClass","newClass","_b","_a","_d","_c","firstChild","_e","windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","switchCallback","switchColorThemeHandler","changeDarkColorThemeHandler","event","changeLightColorThemeHandler"],"mappings":"gFAYO,MAAMA,EAAa,IAAIC,IAAkCA,EAC7D,OAAQC,GAA2B,OAAOA,GAAc,UAAYA,IAAc,QAAaA,IAAc,IAAK,EAClH,OAAO,OAAO,EAAE,KAAK,GAAG,EAQdC,EAAcC,GAAuD,CAChF,MAAMC,EAAqC,CAAA,EACrCC,EAAqC,CAAA,EAE3C,cAAO,QAAQF,CAAK,EAAE,QAAQ,CAAC,CAACG,EAAKC,CAAK,IAAM,CAC1CD,EAAI,OAAO,EAAG,CAAC,IAAM,SAAWA,EAAI,OAAO,EAAG,CAAC,IAAM,OACvDF,EAAUE,CAAG,EAAIC,EAEjBF,EAAUC,CAAG,EAAIC,CAErB,CAAC,EACM,CAAE,UAAAH,EAAW,UAAAC,CAAA,CACtB,EAoFMG,EAAa,mBAEbC,EAA0B,CAC9B,KAAM,aACN,MAAO,aACT,EAUaC,EAAiBC,IACjBA,GAAW,SAAS,MAEmBH,CAAU,GAAiBC,EAqBlEG,EAAmB,CAC9BC,EAAiBC,EAA2BC,EAAc,KACjD,CACT,MAAMC,EAASN,EAAcI,CAAW,EAClCG,EAAWJ,EAASG,EAAO,MAAQA,EAAO,KAC1CE,EAAWL,EAASG,EAAO,KAAOA,EAAO,MAE3CF,IACFA,EAAY,UAAU,OAAOG,CAAQ,EACrCH,EAAY,UAAU,OAAOI,CAAQ,EACrCJ,EAAY,UAAU,IAAII,CAAQ,GAGhC,OAAO,SAAa,MACtB,SAAS,iBAAiB,IAAID,CAAQ,EAAE,EAAE,QAASN,GAAY,CAC7DA,EAAQ,UAAU,IAAI,IAAIO,CAAQ,EAAE,EACpCP,EAAQ,UAAU,OAAO,IAAIM,CAAQ,EAAE,CACzC,CAAC,EAEGF,IACF,SAAS,iBAAiB,aAAa,EAAE,QAASJ,GAAY,cAC5DQ,GAAAC,EAAAT,EAAQ,aAAR,YAAAS,EAAoB,cAAc,IAAIH,CAAQ,MAA9C,MAAAE,EAAmD,UAAU,IAAID,IACjEG,GAAAC,EAAAX,EAAQ,aAAR,YAAAW,EAAoB,cAAc,IAAIL,CAAQ,MAA9C,MAAAI,EAAmD,UAAU,OAAOJ,EACtE,CAAC,EAED,SAAS,iBAAiB,cAAc,EAAE,QAASN,GAAY,gBAC7DQ,GAAAC,EAAAT,EAAQ,aAAR,YAAAS,EAAoB,cAAc,IAAIH,CAAQ,MAA9C,MAAAE,EAAmD,UAAU,IAAID,IACjEG,GAAAC,EAAAX,EAAQ,aAAR,YAAAW,EAAoB,cAAc,IAAIL,CAAQ,MAA9C,MAAAI,EAAmD,UAAU,OAAOJ,GAEpE,MAAMM,GAA0BC,EAAAb,EAAQ,aAAR,YAAAa,EAAoB,WAAW,GAE3DD,IACFA,EAAW,UAAU,IAAIL,CAAQ,EACjCK,EAAW,UAAU,OAAON,CAAQ,EAExC,CAAC,GAGP,EAiBMQ,EAAkC,SAQ3BC,EAAyB,CACpCC,EAAoC,IAAmB,SAAS,KAChEC,EAA6Cf,GAA6BA,IAC3D,CACf,MAAMgB,EAA2BhB,GAA0B,CACzD,MAAMC,EAAca,EAAA,EAEpBf,GAAA,MAAAA,EAAmBC,EAAQC,GAC3Bc,GAAA,MAAAA,EAAiBf,EACnB,EAEMiB,EAA+BC,GAAqC,CACxEF,EAAwBE,EAAM,OAAO,CACvC,EAEMC,EAAgCD,GAAqC,CACzEF,EAAwB,CAACE,EAAM,OAAO,CACxC,EAEMlB,EAAS,OAAO,WAAW,8BAA8B,EAE/D,GAAI,CACF,OAAO,WAAW,8BAA8B,EAAE,oBAChDY,EAAiCK,CAAA,EAEnC,OAAO,WAAW,+BAA+B,EAAE,oBACjDL,EAAiCO,CAAA,CAErC,MAAgB,CAEhB,CAEA,OAAAH,EAAwBhB,GAAA,YAAAA,EAAQ,OAAO,EACvC,OAAO,WAAW,8BAA8B,EAAE,iBAChDY,EAAiCK,CAAA,EAEnC,OAAO,WAAW,+BAA+B,EAAE,iBACjDL,EAAiCO,CAAA,EAG5B,IAAM,CACX,OAAO,WAAW,8BAA8B,EAAE,oBAChDP,EAAiCK,CAAA,EAEnC,OAAO,WAAW,+BAA+B,EAAE,oBACjDL,EAAiCO,CAAA,CAErC,CACF"}

package/dist/lib/cjs/node_modules/@popperjs/core/lib/createPopper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./dom-utils/getCompositeRect.js"),t=require("./dom-utils/getLayoutRect.js"),r=require("./dom-utils/listScrollParents.js"),o=require("./dom-utils/getOffsetParent.js"),n=require("./utils/orderModifiers.js"),i=require("./utils/debounce.js"),s=require("./utils/mergeByName.js"),f=require("./dom-utils/instanceOf.js"),a={placement:"bottom",modifiers:[],strategy:"absolute"};function u(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}exports.popperGenerator=function(d){void 0===d&&(d={});var c=d,p=c.defaultModifiers,l=void 0===p?[]:p,m=c.defaultOptions,v=void 0===m?a:m;return function(d,c,p){void 0===p&&(p=v);var m={placement:"bottom",orderedModifiers:[],options:Object.assign({},a,v),modifiersData:{},elements:{reference:d,popper:c},attributes:{},styles:{}},g=[],j=!1,y={state:m,setOptions:function(e){var t="function"==typeof e?e(m.options):e;b(),m.options=Object.assign({},v,m.options,t),m.scrollParents={reference:f.isElement(d)?r.default(d):d.contextElement?r.default(d.contextElement):[],popper:r.default(c)};var o=n.default(s.default([].concat(l,m.options.modifiers)));return m.orderedModifiers=o.filter((function(e){return e.enabled})),m.orderedModifiers.forEach((function(e){var t=e.name,r=e.options,o=void 0===r?{}:r,n=e.effect;if("function"==typeof n){var i=n({state:m,name:t,instance:y,options:o}),s=function(){};g.push(i||s)}})),y.update()},forceUpdate:function(){if(!j){var r=m.elements,n=r.reference,i=r.popper;if(u(n,i)){m.rects={reference:e.default(n,o.default(i),"fixed"===m.options.strategy),popper:t.default(i)},m.reset=!1,m.placement=m.options.placement,m.orderedModifiers.forEach((function(e){return m.modifiersData[e.name]=Object.assign({},e.data)}));for(var s=0;s<m.orderedModifiers.length;s++)if(!0!==m.reset){var f=m.orderedModifiers[s],a=f.fn,d=f.options,c=void 0===d?{}:d,p=f.name;"function"==typeof a&&(m=a({state:m,options:c,name:p,instance:y})||m)}else m.reset=!1,s=-1}}},update:i.default((function(){return new Promise((function(e){y.forceUpdate(),e(m)}))})),destroy:function(){b(),j=!0}};if(!u(d,c))return y;function b(){g.forEach((function(e){return e()})),g=[]}return y.setOptions(p).then((function(e){!j&&p.onFirstUpdate&&p.onFirstUpdate(e)})),y}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./dom-utils/getCompositeRect.js"),C=require("./dom-utils/getLayoutRect.js"),E=require("./dom-utils/listScrollParents.js"),R=require("./dom-utils/getOffsetParent.js"),T=require("./utils/orderModifiers.js"),w=require("./utils/debounce.js"),B=require("./utils/mergeByName.js"),G=require("./dom-utils/instanceOf.js");var P={placement:"bottom",modifiers:[],strategy:"absolute"};function U(){for(var f=arguments.length,c=new Array(f),o=0;o<f;o++)c[o]=arguments[o];return!c.some(function(l){return!(l&&typeof l.getBoundingClientRect=="function")})}function L(f){f===void 0&&(f={});var c=f,o=c.defaultModifiers,l=o===void 0?[]:o,M=c.defaultOptions,v=M===void 0?P:M;return function(u,g,d){d===void 0&&(d=v);var e={placement:"bottom",orderedModifiers:[],options:Object.assign({},P,v),modifiersData:{},elements:{reference:u,popper:g},attributes:{},styles:{}},y=[],O=!1,i={state:e,setOptions:function(n){var a=typeof n=="function"?n(e.options):n;q(),e.options=Object.assign({},v,e.options,a),e.scrollParents={reference:G.isElement(u)?E.default(u):u.contextElement?E.default(u.contextElement):[],popper:E.default(g)};var s=T.default(B.default([].concat(l,e.options.modifiers)));return e.orderedModifiers=s.filter(function(r){return r.enabled}),F(),i.update()},forceUpdate:function(){if(!O){var n=e.elements,a=n.reference,s=n.popper;if(U(a,s)){e.rects={reference:S.default(a,R.default(s),e.options.strategy==="fixed"),popper:C.default(s)},e.reset=!1,e.placement=e.options.placement,e.orderedModifiers.forEach(function(h){return e.modifiersData[h.name]=Object.assign({},h.data)});for(var r=0;r<e.orderedModifiers.length;r++){if(e.reset===!0){e.reset=!1,r=-1;continue}var p=e.orderedModifiers[r],m=p.fn,b=p.options,j=b===void 0?{}:b,D=p.name;typeof m=="function"&&(e=m({state:e,options:j,name:D,instance:i})||e)}}}},update:w.default(function(){return new Promise(function(t){i.forceUpdate(),t(e)})}),destroy:function(){q(),O=!0}};if(!U(u,g))return i;i.setOptions(d).then(function(t){!O&&d.onFirstUpdate&&d.onFirstUpdate(t)});function F(){e.orderedModifiers.forEach(function(t){var n=t.name,a=t.options,s=a===void 0?{}:a,r=t.effect;if(typeof r=="function"){var p=r({state:e,name:n,instance:i,options:s}),m=function(){};y.push(p||m)}})}function q(){y.forEach(function(t){return t()}),y=[]}return i}}exports.popperGenerator=L;
 //# sourceMappingURL=createPopper.js.map