@e1011/es-kit 1.1.72 → 1.1.75

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

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

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

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

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";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js"),s=require("../utils/helpers/ui.js");exports.useClassNames=(r,o)=>e.reactExports.useMemo((()=>s.classNames(...r)),[r,o]);
 //# 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,EAAOA,SAAC,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","reactExports","classNames"],"mappings":"8MAW6BA,CAC3BC,EACAC,IAEkCC,EAAOC,aAAAD,SAAC,IAAME,EAAAA,cAAcJ,IAAU,CAACA,EAASC"}

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";var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("../../../node_modules/react/index.js");const t={root:null,rootMargin:"0px",threshold:.5};exports.useIntersectionObserver=n=>{let{callback:s,notIntersectingCallback:c,options:o={},granular:l}=n;const u=r.reactExports.useRef(null),a=r.reactExports.useRef(),i=r.reactExports.useCallback((e=>{!function(e,r,t){arguments.length>3&&void 0!==arguments[3]&&arguments[3]?e.forEach((e=>{e.isIntersecting?r():null==t||t()})):e[0].isIntersecting?r():null==t||t()}(e,s,c,l)}),[s,l,c]);return r.reactExports.useEffect((()=>{var r;null===(r=a.current)||void 0===r||r.disconnect();const n=u.current;return a.current=new IntersectionObserver(i,e.objectSpread2(e.objectSpread2({},t),o)),n&&a.current.observe(n),()=>{var e;null===(e=a.current)||void 0===e||e.disconnect()}}),[i,o]),u};
 //# 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,CAAE,EAAAC,SAAEA,GACrBJ,EAC5B,MAAMK,EAAaC,SAAiB,MAE9BC,EAAcD,EAAAA,SAGdE,EAAsBC,EAAWA,aAAEC,KArCR,SACjCA,EACAT,EACAC,GACQS,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAGND,EAAQI,SAASC,IACXA,EAAMC,eACRf,IAEAC,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","root","rootMargin","threshold","_ref","callback","notIntersectingCallback","options","granular","elementRef","useRef","reactExports","observerRef","intersectionHandler","useCallback","entries","arguments","length","undefined","forEach","entry","isIntersecting","defaultIntersectionHandler","useEffect","_observerRef$current","current","disconnect","observeElement","IntersectionObserver","_objectSpread","objectSpread2","observe","_observerRef$current2"],"mappings":"+HAEA,MAAMA,EAAiB,CACrBC,KAAM,KACNC,WAAY,MACZC,UAAW,oCA4D0BC,IAEwB,IAFMC,SACnEA,EAAQC,wBAAEA,EAAuBC,QAAEA,EAAU,CAAE,EAAAC,SAAEA,GACrBJ,EAC5B,MAAMK,EAAaC,EAAMC,aAAAD,OAAW,MAE9BE,EAAcF,EAAAA,aAAAA,SAGdG,EAAsBC,EAAWH,aAAAG,aAAEC,KArCR,SACjCA,EACAV,EACAC,GACQU,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAGND,EAAQI,SAASC,IACXA,EAAMC,eACRhB,IAEAC,SAAAA,GACF,IAIES,EAAQ,GAAGM,eACbhB,IAEAC,SAAAA,GAGN,CAgBIgB,CAA2BP,EAASV,EAAUC,EAAyBE,EAAS,GAC/E,CAACH,EAAUG,EAAUF,IAkBxB,OAhBAiB,EAAAA,aAAAA,WAAU,KAAM,IAAAC,EACK,QAAnBA,EAAAZ,EAAYa,eAAO,IAAAD,GAAnBA,EAAqBE,aAErB,MAAMC,EAAiBlB,EAAWgB,QAQlC,OANAb,EAAYa,QAAU,IAAIG,qBAAqBf,EAAmBgB,EAAAA,cAAAA,EAAAC,cAAO9B,GAAAA,GAAmBO,IAExFoB,GACFf,EAAYa,QAAQM,QAAQJ,GAGvB,KAAY,IAAAK,EACE,QAAnBA,EAAApB,EAAYa,eAAO,IAAAO,GAAnBA,EAAqBN,YAAY,CAClC,GACA,CAACb,EAAqBN,IAElBE,CAAU"}

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

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";var e=require("../../../node_modules/react/index.js"),r=require("../utils/helpers/ui.js");exports.useParseProps=s=>e.reactExports.useMemo((()=>r.parseProps(s)),[s]);
 //# sourceMappingURL=useParseProps.js.map

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

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

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";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js"),t=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,i=arguments.length>1?arguments[1]:void 0;const[n,o]=e.reactExports.useState({width:void 0,height:void 0}),u=e.reactExports.useRef({width:0,height:0}),l=e.reactExports.useRef(),d=e.reactExports.useRef(),c=e.reactExports.useMemo((()=>t.default((e=>{var t,r,n,d;const c=e[0].contentRect.width,s=e[0].contentRect.height;(null===(t=u.current)||void 0===t?void 0:t.width)===c&&(null===(r=u.current)||void 0===r?void 0:r.height)===s||(u.current={width:c,height:s},(i||o)({width:null==l||null===(n=l.current)||void 0===n?void 0:n.clientWidth,height:null==l||null===(d=l.current)||void 0===d?void 0:d.clientHeight}))}),r)),[i,r]);return e.reactExports.useLayoutEffect((()=>{let e,t;var r,n;null!=l&&l.current&&(t=null==l?void 0:l.current,e=new ResizeObserver(c),e.observe(t),(i||o)({width:null==l||null===(r=l.current)||void 0===r?void 0:r.clientWidth,height:null==l||null===(n=l.current)||void 0===n?void 0:n.clientHeight}));const u=()=>{var r,i;null===(r=e)||void 0===r||null===(i=r.unobserve)||void 0===i||i.call(r,t)};return d.current=u,u}),[c,l,i]),[l,n,d.current]};
 //# 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,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,WAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,EAAAA,OAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,EAAAA,SACjEE,EAAgBF,EAAAA,SAEhBG,EAAyBC,EAAAA,SAAQ,IAAMC,EAAAA,SAAUC,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":["debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"+NAiCyB,WACmE,IADlEA,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,wBAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,EAAAA,aAAAA,OAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,EAAAA,aAAAA,SACjEE,EAAgBF,EAAAA,aAAAA,SAEhBG,EAAyBC,EAAAA,aAAAA,SAAQ,IAAMC,EAAAA,SAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BA4B,EAAAA,aAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}

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";var e=require("../../../node_modules/react/index.js");exports.useTimeoutFn=function(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const u=e.reactExports.useRef({ready:null,timeout:null,callback:t}),c=e.reactExports.useCallback((()=>u.current.ready),[]),a=e.reactExports.useCallback((()=>{u.current.ready=null,u.current.timeout&&clearTimeout(u.current.timeout)}),[]),l=e.reactExports.useCallback((()=>{u.current.ready=!1,u.current.timeout&&clearTimeout(u.current.timeout),u.current.timeout=setTimeout((()=>{u.current.ready=!0,u.current.callback()}),r)}),[r]);return e.reactExports.useEffect((()=>{u.current.callback=t}),[t]),e.reactExports.useEffect((()=>(l(),a)),[a,r,l]),[c,a,l]};
 //# 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":["fn","ms","arguments","length","undefined","store","useRef","ready","timeout","callback","isReady","useCallback","current","clear","clearTimeout","set","setTimeout","useEffect"],"mappings":"wFAY4B,SAACA,GAAyD,IAAvCC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAC1D,MAAMG,EAAQC,EAAAA,aAAAA,OAAuB,CACnCC,MAAO,KACPC,QAAS,KACTC,SAAUT,IAGNU,EAAUC,EAAAA,aAAAA,aAAY,IAAMN,EAAMO,QAAQL,OAAO,IAEjDM,EAAQF,EAAAA,aAAAA,aAAY,KACxBN,EAAMO,QAAQL,MAAQ,KACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,QAAQ,GAC3D,IAEGO,EAAMJ,EAAAA,aAAAA,aAAY,KACtBN,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,SAEpDH,EAAMO,QAAQJ,QAAUQ,YAAW,KACjCX,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQH,UAAU,GACvBR,EAAG,GACL,CAACA,IAcJ,OAXAgB,EAAAA,aAAAA,WAAU,KACRZ,EAAMO,QAAQH,SAAWT,CAAE,GAC1B,CAACA,IAGJiB,EAAAA,aAAAA,WAAU,KACRF,IAEOF,IACN,CAACA,EAAOZ,EAAIc,IAER,CAACL,EAASG,EAAOE,EAC1B"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useToggle=function(l){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[a,o]=e.useState(l),u=e.useCallback((e=>{o(t?l=>"boolean"==typeof e?e:!l:null!=e?e:!a)}),[t,a,o]),s=e.useCallback((e=>u(void 0===e||e)),[u]),r=e.useCallback((e=>u(void 0!==e&&e)),[u]);return[a,u,s,r]};
+"use strict";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js");exports.useToggle=function(o){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[r,s]=e.reactExports.useState(o),l=e.reactExports.useCallback((e=>{s(t?o=>"boolean"==typeof e?e:!o:null!=e?e:!r)}),[t,r,s]),a=e.reactExports.useCallback((e=>l(void 0===e||"boolean"!=typeof e||e)),[l]),c=e.reactExports.useCallback((e=>l(void 0!==e&&"boolean"==typeof e&&!0===e)),[l]);return[r,l,a,c]};
 //# 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 ? 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","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,EAAQA,SAACP,GAMjCQ,EAAgDC,EAAWA,aAAEC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,EAAAA,aACtBI,GAAyBL,OAA4BJ,IAAfS,GAAkCA,IAAa,CAACL,IAQnFM,EAAoBL,EAAAA,aACvBI,GAAyBL,OAA4BJ,IAAfS,GAAmCA,IAAa,CAACL,IAG1F,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":["defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","reactExports","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"sKAwByB,SAACA,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAAAA,aAAAA,SAASP,GAMjCQ,EAAgDC,EAAWC,aAAAD,aAAEE,IAE/DL,EADEL,EACUW,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASN,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdO,EAAmBJ,EAAWC,aAAAD,aACjCK,GAAyBN,OAA4BJ,IAAfU,GACZ,kBAAfA,GAAkCA,IAAa,CAACN,IAQxDO,EAAoBN,EAAAA,aAAAA,aACvBK,GAAyBN,OAA4BJ,IAAfU,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACN,IAGxE,MAAO,CAACH,EAASG,EAAcK,EAAkBE,EACnD"}

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";require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("../../../node_modules/react/index.js");exports.useToggle2=o=>{const[r,s]=e.reactExports.useState(o),t=e.reactExports.useCallback((e=>{s((o=>"boolean"==typeof e?e:!o))}),[]),a=e.reactExports.useCallback((e=>t(void 0===e||e)),[t]),c=e.reactExports.useCallback((e=>t(void 0!==e&&e)),[t]);return[r,t,a,c]};
 //# 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,EAAQA,SAACH,GAMjCI,EAAgDC,EAAWA,aAAEC,IACjEJ,GAAYK,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBH,EAAAA,aACtBI,GAAyBL,OAA4BM,IAAfD,GAAkCA,IAAa,CAACL,IAQnFO,EAAoBN,EAAAA,aACvBI,GAAyBL,OAA4BM,IAAfD,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBG,EAAkB"}
+{"version":3,"file":"useToggle2.js","sources":["../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType2 = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n  * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n  }, [])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["defaultValue","toggled","setToggled","useState","handleToggle","useCallback","reactExports","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"uKAuB2BA,IACzB,MAAOC,EAASC,GAAcC,EAAAA,aAAAA,SAASH,GAMjCI,EAAgDC,EAAWC,aAAAD,aAAEE,IACjEL,GAAYM,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBJ,EAAAA,aAAAA,aACtBK,GAAyBN,OAA4BO,IAAfD,GAAkCA,IAAa,CAACN,IAQnFQ,EAAoBP,EAAAA,aAAAA,aACvBK,GAAyBN,OAA4BO,IAAfD,GAAmCA,IAAa,CAACN,IAG1F,MAAO,CAACH,EAASG,EAAcK,EAAkBG,EAAkB"}

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";exports.handleClickOutside=(t,n)=>e=>{const s=e.target,c="function"==typeof t?t():t;c&&!c.contains(s)&&(null==n||n(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","contains"],"mappings":"wCAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,KAC/CF,SAAAA,EAAWE,GACb"}

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

@@ -1,2 +1,2 @@
-"use strict";exports.classNames=function(){for(var r=arguments.length,t=new Array(r),s=0;s<r;s++)t[s]=arguments[s];return t.filter((r=>"string"==typeof r&&null!=r)).filter(Boolean).join(" ")},exports.parseProps=r=>{const t={},s={};return Object.entries(r).forEach((r=>{let[e,a]=r;"data-"===e.substr(0,5)||"data"===e.substr(0,4)?t[e]=a:s[e]=a})),{dataProps:t,restProps:s}};
+"use strict";require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");exports.classNames=function(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((r=>"string"==typeof r&&null!=r)).filter(Boolean).join(" ")},exports.parseProps=r=>{const e={},t={};return Object.entries(r).forEach((r=>{let[s,o]=r;"data-"===s.substr(0,5)||"data"===s.substr(0,4)?e[s]=o:t[s]=o})),{dataProps:e,restProps:t}};
 //# 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"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"gCAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,qBAQDC,IACzB,MAAMC,EAAqC,CAAA,EACrCC,EAAqC,CAAA,EAS3C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,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"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"oHAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,qBAQDC,IACzB,MAAMC,EAAqC,CAAE,EACvCC,EAAqC,CAAE,EAS7C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW"}

package/dist/lib/cjs/_virtual/Parser.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=Parser.js.map

package/dist/lib/cjs/_virtual/Parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Parser.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/Tokenizer.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=Tokenizer.js.map

package/dist/lib/cjs/_virtual/Tokenizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tokenizer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -1,2 +1,2 @@
-"use strict";function n(n,e,r,t,o,i,a){try{var s=n[i](a),c=s.value}catch(n){return void r(n)}s.done?e(c):Promise.resolve(c).then(t,o)}var e=0;function r(){return r=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)({}).hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},r.apply(null,arguments)}exports.asyncToGenerator=function(e){return function(){var r=this,t=arguments;return new Promise((function(o,i){var a=e.apply(r,t);function s(e){n(a,o,i,s,c,"next",e)}function c(e){n(a,o,i,s,c,"throw",e)}s(void 0)}))}},exports.classPrivateFieldLooseBase=function(n,e){if(!{}.hasOwnProperty.call(n,e))throw new TypeError("attempted to use private field on non-instance");return n},exports.classPrivateFieldLooseKey=function(n){return"__private_"+e+++"_"+n},exports.extends=r;
+"use strict";function e(e,r,t,n,o,i,c){try{var u=e[i](c),s=u.value}catch(e){return void t(e)}u.done?r(s):Promise.resolve(s).then(n,o)}var r=0;function t(e,r,t){return(r=u(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(null,arguments)}function o(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function i(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}function c(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=c(e,"string");return"symbol"==typeof r?r:r+""}exports.asyncToGenerator=function(r){return function(){var t=this,n=arguments;return new Promise((function(o,i){var c=r.apply(t,n);function u(r){e(c,o,i,u,s,"next",r)}function s(r){e(c,o,i,u,s,"throw",r)}u(void 0)}))}},exports.classPrivateFieldLooseBase=function(e,r){if(!{}.hasOwnProperty.call(e,r))throw new TypeError("attempted to use private field on non-instance");return e},exports.classPrivateFieldLooseKey=function(e){return"__private_"+r+++"_"+e},exports.defineProperty=t,exports.extends=n,exports.objectSpread2=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?o(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e},exports.objectWithoutProperties=function(e,r){if(null==e)return{};var t,n,o=i(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o},exports.objectWithoutPropertiesLoose=i,exports.toPrimitive=c,exports.toPropertyKey=u;
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/lib/cjs/_virtual/array-set.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=array-set.js.map

package/dist/lib/cjs/_virtual/array-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-set.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/base64-vlq.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=base64-vlq.js.map

package/dist/lib/cjs/_virtual/base64-vlq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base64-vlq.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/base64.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=base64.js.map

package/dist/lib/cjs/_virtual/base64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base64.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/binary-search.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=binary-search.js.map

package/dist/lib/cjs/_virtual/binary-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"binary-search.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/dayjs.min.js

@@ -0,0 +1,2 @@
+"use strict";exports.__module={exports:{}};
+//# sourceMappingURL=dayjs.min.js.map

package/dist/lib/cjs/_virtual/dayjs.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayjs.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/decode-data-html.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode-data-html.js.map

package/dist/lib/cjs/_virtual/decode-data-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-html.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/decode-data-xml.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode-data-xml.js.map

package/dist/lib/cjs/_virtual/decode-data-xml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode-data-xml.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/decode.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode.js.map

package/dist/lib/cjs/_virtual/decode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/decode_codepoint.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=decode_codepoint.js.map

package/dist/lib/cjs/_virtual/decode_codepoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decode_codepoint.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/encode-html.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=encode-html.js.map

package/dist/lib/cjs/_virtual/encode-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"encode-html.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/encode.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=encode.js.map

package/dist/lib/cjs/_virtual/encode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"encode.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/escape.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=escape.js.map

package/dist/lib/cjs/_virtual/escape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"escape.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/feeds.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=feeds.js.map

package/dist/lib/cjs/_virtual/feeds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feeds.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/foreignNames.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=foreignNames.js.map

package/dist/lib/cjs/_virtual/foreignNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foreignNames.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/helpers.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=helpers.js.map

package/dist/lib/cjs/_virtual/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/index.js

@@ -0,0 +1,2 @@
+"use strict";exports.__module={exports:{}};
+//# sourceMappingURL=index.js.map

package/dist/lib/cjs/_virtual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/cjs/_virtual/index2.js

@@ -0,0 +1,2 @@
+"use strict";exports.__exports={};
+//# sourceMappingURL=index2.js.map

package/dist/lib/cjs/_virtual/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}