@e1011/es-kit 1.0.154 → 1.0.160

package/dist/lib/esm/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\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\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]\n    = 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    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","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":"wNAYaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAClBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEhDO,EAAqBC,EAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,IAAMC,GAAUC,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,IA2B9B,OAzBA4B,GAAgB,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,gBAGnC,MAAMQ,EAAaA,KAAM,IAAAC,EAAAC,EACT,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\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]\n    = 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    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","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":"0IAYaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAClBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEhDO,EAAqBC,EAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,IAAMC,GAAUC,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,IA2B9B,OAzBAwB,GAAgB,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,gBAGnC,MAAMM,EAAaA,KACjBJ,GAAgBK,YAAYJ,EAA4B,EAM1D,OAFAb,EAAcQ,QAAUQ,EAEjBA,CAAU,GAChB,CAACf,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcQ,QACrD"}

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

@@ -1,2 +1,2 @@
-import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as o,useCallback as e}from"react";const t=function(t){let n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[r,l]=o(t),i=e((o=>{l(n?e=>"boolean"==typeof o?o:!e:null!=o?o:!r)}),[n,r,l]),c=e((o=>i(void 0===o||o)),[i]),d=e((o=>i(void 0!==o&&o)),[i]);return[r,i,c,d]};export{t as useToggle};
+import{useState as o,useCallback as t}from"react";const n=function(n){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[r,i]=o(n),l=t((o=>{i(e?t=>"boolean"==typeof o?o:!t:null!=o?o:!r)}),[e,r,i]),c=t((o=>l(void 0===o||o)),[l]),d=t((o=>l(void 0!==o&&o)),[l]);return[r,l,c,d]};export{n as useToggle};
 //# sourceMappingURL=useToggle.js.map

package/dist/lib/esm/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\nexport type useTogggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\nexport const useToggle = (defaultValue: boolean, async = true): useTogggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\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  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\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":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"sIAUaA,EAAY,SAACC,GAA8D,IAAvCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAASP,GAEjCQ,EAAgDC,GAAaC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAEdM,EAAmBH,GACtBI,GAAyBL,OAA4BJ,IAAfS,GAAkCA,IAAa,CAACL,IAGnFM,EAAoBL,GACvBI,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\nexport type useTogggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\nexport const useToggle = (defaultValue: boolean, async = true): useTogggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\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  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\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":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"wDAUaA,EAAY,SAACC,GAA8D,IAAvCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAASP,GAEjCQ,EAAgDC,GAAaC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAEdM,EAAmBH,GACtBI,GAAyBL,OAA4BJ,IAAfS,GAAkCA,IAAa,CAACL,IAGnFM,EAAoBL,GACvBI,GAAyBL,OAA4BJ,IAAfS,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}

package/dist/lib/esm/src/core/hooks/useTranslations.js

@@ -1,2 +1,2 @@
-import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useTranslation as t}from"react-i18next";const e=new Map;let r=t;const o=t=>{r=t},n=t=>{if(e.has(t))return e.get(t);const r=(e,r)=>{if(!e)return"";const o=e.split(" ");return 2===o.length?t(o[0],{...r,limit:o[1]}):t(e,r)};return e.set(t,r),r},s=t=>{const{t:e}=r(t);return{t:n(e)}};export{n as createSafeT,o as setUseTranslation,s as useTranslations};
+import{useTranslation as t}from"react-i18next";const r=new Map;let e=t;const n=t=>{e=t},o=t=>{if(r.has(t))return r.get(t);const e=(r,e)=>{if(!r)return"";const n=r.split(" ");return 2===n.length?t(n[0],{...e,limit:n[1]}):t(r,e)};return r.set(t,e),e},s=t=>{const{t:r}=e(t);return{t:o(r)}};export{o as createSafeT,n as setUseTranslation,s as useTranslations};
 //# sourceMappingURL=useTranslations.js.map

package/dist/lib/esm/src/core/hooks/useTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","setUseTranslation","useTrans","createSafeT","t","has","get","value","key","params","limits","split","length","limit","set","useTranslations","namespaces"],"mappings":"6HAIA,MAAMA,EAAuC,IAAIC,IAEjD,IAAIC,EAAyBC,EAEhBC,MAAAA,EAAqBC,IAChCH,EAAyBG,CAAQ,EAGtBC,EAAeC,IAC1B,GAAIP,EAAMQ,IAAID,GACZ,OAAOP,EAAMS,IAAIF,GAEnB,MAAMG,EAAwBA,CAACC,EAAyBC,KACtD,IAAKD,EACH,MAAO,GAET,MAAME,EAASF,EAAIG,MAAM,KAEzB,OAAsB,IAAlBD,EAAOE,OACFR,EAAEM,EAAO,GAAI,IAAKD,EAAQI,MAAOH,EAAO,KAE1CN,EAAEI,EAAKC,EAAO,EAIvB,OADAZ,EAAMiB,IAAIV,EAAGG,GACNA,CAAK,EAMDQ,EAAmBC,IAC9B,MAAMZ,EAAEA,GAAML,EAAuBiB,GAErC,MAAO,CAAEZ,EAAGD,EAAYC,GAAqB"}
+{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","setUseTranslation","useTrans","createSafeT","t","has","get","value","key","params","limits","split","length","limit","set","useTranslations","namespaces"],"mappings":"+CAIA,MAAMA,EAAuC,IAAIC,IAEjD,IAAIC,EAAyBC,EAEhBC,MAAAA,EAAqBC,IAChCH,EAAyBG,CAAQ,EAGtBC,EAAeC,IAC1B,GAAIP,EAAMQ,IAAID,GACZ,OAAOP,EAAMS,IAAIF,GAEnB,MAAMG,EAAwBA,CAACC,EAAyBC,KACtD,IAAKD,EACH,MAAO,GAET,MAAME,EAASF,EAAIG,MAAM,KAEzB,OAAsB,IAAlBD,EAAOE,OACFR,EAAEM,EAAO,GAAI,IAAKD,EAAQI,MAAOH,EAAO,KAE1CN,EAAEI,EAAKC,EAAO,EAIvB,OADAZ,EAAMiB,IAAIV,EAAGG,GACNA,CAAK,EAMDQ,EAAmBC,IAC9B,MAAMZ,EAAEA,GAAML,EAAuBiB,GAErC,MAAO,CAAEZ,EAAGD,EAAYC,GAAqB"}

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as o,useState as t,useEffect as r,useLayoutEffect as s,useMemo as a}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import c from"./CollapsibleContainer.module.scss.js";const i={width:"scrollWidth",height:"scrollHeight"},p=l((l=>{let{collapsed:p=!1,collapseHandler:m,children:u,horizontal:d=!1,className:h="",...x}=l;const f=o(null),[g,j]=t(0),{dataProps:b,restProps:w}=n(x),P=!d;r((()=>{null==m||m(p)}),[m,p]),s((()=>{if(null!=f&&f.current){const e=P?"height":"width";setTimeout((()=>{null!=f&&f.current&&j(f.current[i[e]])}),100)}}),[f,P]);const v=a((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(g,"px"),...w})),[P,w,g]),C=a((()=>{const e=[P?c.vertical:c.horizontal];return p&&g&&null!=g&&e.push(c.collapsed),!p&&g&&null!=g&&e.push(c.expanded),e.join(" ")}),[p,g,P]);return React.createElement("div",e({className:"".concat(c["collapsible-container"]," ").concat(C," ").concat(h," "),ref:f,style:v},b),u)}));p.displayName="CollapsibleContainer";export{p as CollapsibleContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as l,useRef as r,useState as t,useEffect as o,useLayoutEffect as s,useMemo as a}from"react";import{useParseProps as i}from"../../../hooks/useParseProps.js";import n from"./CollapsibleContainer.module.scss.js";const p={width:"scrollWidth",height:"scrollHeight"},c=l((l=>{let{collapsed:c=!1,collapseHandler:h,children:m,horizontal:u=!1,className:d="",...x}=l;const f=r(null),[g,P]=t(0),{dataProps:b,restProps:j}=i(x),v=!u;o((()=>{h?.(c)}),[h,c]),s((()=>{if(f?.current){const e=v?"height":"width";setTimeout((()=>{f?.current&&P(f.current[p[e]])}),100)}}),[f,v]);const w=a((()=>({"--prop-name":v?"height":"width","--prop-max-name":v?"max-height":"max-width","--prop-value":`${g}px`,...j})),[v,j,g]),C=a((()=>{const e=[v?n.vertical:n.horizontal];return c&&g&&null!=g&&e.push(n.collapsed),!c&&g&&null!=g&&e.push(n.expanded),e.join(" ")}),[c,g,v]);return React.createElement("div",e({className:`${n["collapsible-container"]} ${C} ${d} `,ref:f,style:w},b),m)}));c.displayName="CollapsibleContainer";export{c as CollapsibleContainer};
 //# sourceMappingURL=CollapsibleContainer.js.map

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"gYASA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYZ,EAElBa,GAAU,KACRf,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,EAAQtB,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,GAC9BgB,EAAWE,KAAKD,EAAQzB,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC5B,EAAWQ,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,UAASmB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAInB,EAAa,KAC7E4B,IAAK1B,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,EAAqBoC,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"4SASA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYZ,EAElBa,GAAU,KACRf,IAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,GAAgB,KACd,GAAIX,GAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,GAAcY,SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAiB,GAAEP,SAChBK,KACgB,CAACE,EAAUF,EAAOL,IAEjCe,EAAaD,GAAQ,KACzB,MAAMC,EAAa,CAACR,EAAWS,EAAQT,SAAWS,EAAQrB,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,GAC9Be,EAAWE,KAAKD,EAAQxB,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/Be,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC3B,EAAWQ,EAAaO,IAE5B,OACEa,MAAAC,cAAA,MAAAC,EAAA,CACE1B,UAAY,GAAEoB,EAAQ,4BAA4BD,KAAcnB,KAChE2B,IAAKzB,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,EAAqBmC,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/LayoutBox.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,forwardRef as o,useMemo as s}from"react";import{useParseProps as a}from"../../../hooks/useParseProps.js";import r from"./layoutBox.module.scss.js";const l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=e=>e&&l[e]||e,i=o(((t,o)=>{let{style:l,children:i,tabIndex:c,className:d="",onClick:f,...x}=t;const{dataProps:m,restProps:u}=a(x),p=s((()=>f?{onClick:f,onKeyDown:f,role:"button",tabIndex:-1}:{}),[f]),y=s((()=>({...u,...u.align?{alignItems:n(u.align)}:{},...u.justify?{justifyContent:n(u.justify)}:{},...u.direction?{flexDirection:u.direction}:{},...l})),[u,l]);return React.createElement("div",e({ref:o,tabIndex:c,className:"".concat(r["flexible-box"]," ").concat(d),style:y},m,p),i)}));i.displayName="LayoutBoxRefForwarded";const c=t(i);c.displayName="LayoutBox";export{c as LayoutBox};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,forwardRef as o,useMemo as s}from"react";import{useParseProps as r}from"../../../hooks/useParseProps.js";import l from"./layoutBox.module.scss.js";const a={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=e=>e&&a[e]||e,i=o(((t,o)=>{let{style:a,children:i,tabIndex:d,className:f="",onClick:x,...c}=t;const{dataProps:m,restProps:u}=r(c),p=s((()=>x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x]),y=s((()=>({...u,...u.align?{alignItems:n(u.align)}:{},...u.justify?{justifyContent:n(u.justify)}:{},...u.direction?{flexDirection:u.direction}:{},...a})),[u,a]);return React.createElement("div",e({ref:o,tabIndex:d,className:`${l["flexible-box"]} ${f}`,style:y},m,p),i)}));i.displayName="LayoutBoxRefForwarded";const d=t(i);d.displayName="LayoutBox";export{d as LayoutBox};
 //# sourceMappingURL=LayoutBox.js.map

package/dist/lib/esm/src/core/ui/components/container/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"mPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,KAAYC,GACxCP,EACf,MAAMQ,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAEzCI,EAAeC,GAAQ,IAAON,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNV,UAAW,GACR,CAAG,GAAE,CAACE,IAELS,EAASH,GAAQ,KACrB,IACKH,KACCA,EAAUO,MAAQ,CAAEC,WAAYrB,EAAiBa,EAAUO,QAAqB,MAChFP,EAAUS,QAAU,CAAEC,eAAgBvB,EAAiBa,EAAUS,UAAuB,MACxFT,EAAUW,UAAY,CAAEC,cAAeZ,EAAUW,WAAc,MAChElB,KAEJ,CAACO,EAAWP,IAEf,OACEoB,MAAAC,cAAA,MAAAC,EAAA,CACEvB,IAAKA,EACLG,SAAUA,EACVC,UAAS,GAAAoB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIpB,GAClDH,MAAOa,GACHP,EACAG,GAEHR,EACG,IAIVL,EAAsB6B,YAAc,8BAEvBC,EAAgCC,EAAqB/B,GAGlE8B,EAAUD,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","classes","displayName","LayoutBox","memo"],"mappings":"mPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,KAAYC,GACxCP,EACf,MAAMQ,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAEzCI,EAAeC,GAAQ,IAAON,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNV,UAAW,GACR,CAAG,GAAE,CAACE,IAELS,EAASH,GAAQ,KACrB,IACKH,KACCA,EAAUO,MAAQ,CAAEC,WAAYrB,EAAiBa,EAAUO,QAAqB,MAChFP,EAAUS,QAAU,CAAEC,eAAgBvB,EAAiBa,EAAUS,UAAuB,MACxFT,EAAUW,UAAY,CAAEC,cAAeZ,EAAUW,WAAc,MAChElB,KAEJ,CAACO,EAAWP,IAEf,OACEoB,MAAAC,cAAA,MAAAC,EAAA,CACEvB,IAAKA,EACLG,SAAUA,EACVC,UAAY,GAAGoB,EAAgB,mBAAmBpB,IAClDH,MAAOa,GACHP,EACAG,GAEHR,EACG,IAIVL,EAAsB4B,YAAc,8BAEvBC,EAAgCC,EAAqB9B,GAGlE6B,EAAUD,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t,useRef as i,useState as n,useMemo as l,useLayoutEffect as o}from"react";import r from"../../../../../node_modules/lodash-es/debounce.js";import{LayoutBox as d}from"./LayoutBox.js";const h={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},c=t((t=>{let{children:c,debounceDelay:u=250,...a}=t;const s=i(),v=i({width:0,height:0}),[m,g]=n({width:void 0,height:void 0}),p=l((()=>r((e=>{var t,i,n,l;const o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=v.current)||void 0===t?void 0:t.width)===o&&(null===(i=v.current)||void 0===i?void 0:i.height)===r||(v.current={width:o,height:r},g({width:null==s||null===(n=s.current)||void 0===n?void 0:n.clientWidth,height:null==s||null===(l=s.current)||void 0===l?void 0:l.clientHeight}))}),u)),[u]);return o((()=>{let e,t;var i,n;null!=s&&s.current&&(t=null==s?void 0:s.current,e=new ResizeObserver(p),e.observe(t),g({width:null==s||null===(i=s.current)||void 0===i?void 0:i.clientWidth,height:null==s||null===(n=s.current)||void 0===n?void 0:n.clientHeight}));return()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[p,s]),React.createElement(d,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},a),React.createElement(d,{style:h.main,width:"100%",height:"100%",ref:s}),!c&&React.createElement(d,{width:"".concat(Math.max((null==m?void 0:m.width)||200,200)||200,"px"),height:"".concat(Math.max((null==m?void 0:m.height)||200,200)||200,"px"),style:h.empty}),c&&(null==c?void 0:c({height:"".concat((null==m?void 0:m.height)||200,"px"),width:"".concat((null==m?void 0:m.width)||200,"px"),measured:!(null==m||!m.height)})))}));c.displayName="ResizableContainer";export{c as ResizableContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useRef as i,useState as n,useMemo as r,useLayoutEffect as h}from"react";import o from"../../../../../node_modules/lodash-es/debounce.js";import{LayoutBox as c}from"./LayoutBox.js";const d={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},l=t((t=>{let{children:l,debounceDelay:a=250,...s}=t;const u=i(),m=i({width:0,height:0}),[g,p]=n({width:void 0,height:void 0}),w=r((()=>o((e=>{const t=e[0].contentRect.width,i=e[0].contentRect.height;m.current?.width===t&&m.current?.height===i||(m.current={width:t,height:i},p({width:u?.current?.clientWidth,height:u?.current?.clientHeight}))}),a)),[a]);return h((()=>{let e,t;return u?.current&&(t=u?.current,e=new ResizeObserver(w),e.observe(t),p({width:u?.current?.clientWidth,height:u?.current?.clientHeight})),()=>{e?.unobserve?.(t)}}),[w,u]),React.createElement(c,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},s),React.createElement(c,{style:d.main,width:"100%",height:"100%",ref:u}),!l&&React.createElement(c,{width:`${Math.max(g?.width||200,200)||200}px`,height:`${Math.max(g?.height||200,200)||200}px`,style:d.empty}),l&&l?.({height:`${g?.height||200}px`,width:`${g?.width||200}px`,measured:!!g?.height}))}));l.displayName="ResizableContainer";export{l as ResizableContainer};
 //# sourceMappingURL=ResizableContainer.js.map

package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\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      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, debounceDelay), [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        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","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","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"wWAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,GAChCC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAMI,EAAeC,IAEfC,EAAqBD,EAA0C,CAAEE,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,EAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAX,EAAmBkB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACb,QAA1BH,EAAAZ,EAAmBkB,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG1CjB,EAAmBkB,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,GAE9Db,EAAiB,CACfH,MAAOH,SAAqBe,QAATA,EAAZf,EAAcoB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQJ,SAAqB,QAATgB,EAAZhB,EAAcoB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACDxB,IAAgB,CAACA,IAuBpB,OArBAyB,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvB3B,SAAAA,EAAcoB,UAChBK,EAAmBzB,aAAAA,EAAAA,EAAcoB,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,GAEvBnB,EAAiB,CACfH,MAAOH,SAAqB0B,QAATA,EAAZ1B,EAAcoB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQJ,SAAqB,QAAT2B,EAAZ3B,EAAcoB,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,MAAO,KAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,EAA4B,CACzD,GACA,CAAChB,EAAwBT,IAK1BkC,MAAAC,cAACC,EAASC,EAAA,CACRlC,MAAM,OACNC,OAAO,OACPkC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNzC,GAEJmC,MAAAC,cAACC,EAAS,CACRK,MAAOtD,EAAOC,KACde,MAAM,OACNC,OAAO,OACPsC,IAAK1C,KAELH,GACFqC,MAAAC,cAACC,EAAS,CACRjC,MAAK,GAAAwC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeF,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAuC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeD,SAAU,IAAK,MAAQ,IAAQ,MAClEqC,MAAOtD,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBO,OAAMuC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeD,SAAU,IAAO,MAC3CD,MAAKwC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeF,QAAS,IAAO,MACzC2C,WAAYzC,UAAAA,EAAeD,WAEnB,IAKlBV,EAAmBqD,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\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      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, debounceDelay), [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        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserve","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","Math","max","measured","displayName"],"mappings":"oRAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,GAChCC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAMI,EAAeC,IAEfC,EAAqBD,EAA0C,CAAEE,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,EAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,GAAQ,IAAMC,GAAUC,IACrD,MAAMC,EAAiBD,EAAQ,GAAGE,YAAYX,MACxCY,EAAkBH,EAAQ,GAAGE,YAAYV,OAE3CF,EAAmBc,SAASb,QAAUU,GACvCX,EAAmBc,SAASZ,SAAWW,IAG1Cb,EAAmBc,QAAU,CAAEb,MAAOU,EAAgBT,OAAQW,GAE9DT,EAAiB,CACfH,MAAOH,GAAcgB,SAASC,YAC9Bb,OAAQJ,GAAcgB,SAASE,eAC/B,GACDpB,IAAgB,CAACA,IAuBpB,OArBAqB,GAAgB,KACd,IAAIC,EACAC,EAYJ,OAVIrB,GAAcgB,UAChBK,EAAmBrB,GAAcgB,QACjCI,EAAiB,IAAIE,eAAeb,GACpCW,EAAeG,QAAQF,GAEvBf,EAAiB,CACfH,MAAOH,GAAcgB,SAASC,YAC9Bb,OAAQJ,GAAcgB,SAASE,gBAG5B,KACLE,GAAgBI,YAAYH,EAA4B,CACzD,GACA,CAACZ,EAAwBT,IAK1ByB,MAAAC,cAACC,EAASC,EAAA,CACRzB,MAAM,OACNC,OAAO,OACPyB,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNhC,GAEJ0B,MAAAC,cAACC,EAAS,CACRK,MAAO7C,EAAOC,KACde,MAAM,OACNC,OAAO,OACP6B,IAAKjC,KAELH,GACF4B,MAAAC,cAACC,EAAS,CACRxB,MAAQ,GAAE+B,KAAKC,IAAI9B,GAAeF,OAAS,IAAK,MAAQ,QACxDC,OAAS,GAAE8B,KAAKC,IAAI9B,GAAeD,QAAU,IAAK,MAAQ,QAC1D4B,MAAO7C,EAAOM,QAGfI,GAAYA,IAAW,CACtBO,OAAS,GAAEC,GAAeD,QAAU,QACpCD,MAAQ,GAAEE,GAAeF,OAAS,QAClCiC,WAAY/B,GAAeD,SAEnB,IAKlBV,EAAmB2C,YAAc"}

package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const l=t((e=>{let{orientation:t,vertical:l,color:r="#999999",opacity:o,length:c="80%",left:n="0",width:s="1px",height:m="1px",margin:d,className:p=""}=e;const h=i((()=>"vertical"===t||!0===l),[t,l]),v=i((()=>({"--width":s,"--height":m,"--length":c,"--opacity":o,"--color":r,"--left":n,"--margin":d||(h?"auto 0":"0 auto")})),[s,m,c,o,r,n,d,h]),g=h?a.vertical:a.horizontal;return React.createElement("div",{className:"".concat(a["divider-line"]," ").concat(g," ").concat(p),style:v})}));l.displayName="DividerLine";const r=t((t=>React.createElement(l,e({vertical:!0,length:"100%"},t))));r.displayName="DividerVertical";const o=t((t=>React.createElement(l,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,l as DividerLine,r as DividerVertical};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const l=t((e=>{let{orientation:t,vertical:l,color:r="#999999",opacity:o,length:c="80%",left:n="0",width:s="1px",height:m="1px",margin:d,className:p=""}=e;const h=i((()=>"vertical"===t||!0===l),[t,l]),v=i((()=>({"--width":s,"--height":m,"--length":c,"--opacity":o,"--color":r,"--left":n,"--margin":d||(h?"auto 0":"0 auto")})),[s,m,c,o,r,n,d,h]),g=h?a.vertical:a.horizontal;return React.createElement("div",{className:`${a["divider-line"]} ${g} ${p}`,style:v})}));l.displayName="DividerLine";const r=t((t=>React.createElement(l,e({vertical:!0,length:"100%"},t))));r.displayName="DividerVertical";const o=t((t=>React.createElement(l,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,l as DividerLine,r as DividerVertical};
 //# sourceMappingURL=DividerLine.js.map

package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"uKAmBaA,EAAgCC,GAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,GAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,GAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GACP,IAINf,EAAYuB,YAAc,cAEbC,MAAAA,EACTvB,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACtB,UAAQ,EAACG,OAAO,QAAWkB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT1B,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACnB,OAAO,QAAWkB,MACnDE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"uKAmBaA,EAAgCC,GAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,GAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,GAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAAY,GAAGK,EAAgB,mBAAmBD,KAAeJ,IACjES,MAAON,GACP,IAINf,EAAYsB,YAAc,cAEbC,MAAAA,EACTtB,GAAMuB,GAAUL,MAAAC,cAACpB,EAAWyB,EAAA,CAACrB,UAAQ,EAACG,OAAO,QAAWiB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACTzB,GAAMuB,GAAUL,MAAAC,cAACpB,EAAWyB,EAAA,CAAClB,OAAO,QAAWiB,MACnDE,EAAkBJ,YAAc"}

package/dist/lib/esm/src/core/ui/components/field/Field.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"styled-components";import{memo as a,useCallback as n,useMemo as o}from"react";let l=()=>"#000000";const i=e=>{l=e};let c=a((function(){return React.createElement("span",null)}));const r=e=>{c=e},s=t.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var p=t(s).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const d=a((function(t){let{options:a,value:n,inputRef:o,...l}=t;return React.createElement("div",{className:"select"},React.createElement("select",e({},l,{ref:o,defaultValue:n}),null==a?void 0:a.map((e=>React.createElement("option",{key:"".concat(JSON.stringify(e)),value:"object"==typeof e?null==e?void 0:e.value:e},"object"==typeof e?null==e?void 0:e.label:e)))))})),m=t.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),u=t.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),f=t.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),h=a((t=>{let{label:a,name:i,type:r="text",value:s,defaultValue:h,placeholder:b,inputRef:g,error:x,disabled:y,userDisabled:v,withoutComponent:w,helpTextInfo:N,helpText:R,children:C,iconLeft:E,iconRight:_,addon:F,className:k,onChange:I,onChangeInner:j,onBlur:D,onFocus:B,rightIconClick:z,leftIconClick:L,options:S,css:T,...V}=t,K=m;C||"textarea"!==r||(K=u);const W=n((e=>{var t;v?null==e||null===(t=e.preventDefault)||void 0===t||t.call(e):B&&B(e)}),[v,B]),$=n((e=>{v||(j&&null!=e&&e.target?(e.target.value=j(e.target.value),I&&I(e)):I&&I(e))}),[j,I,v]),A=o((()=>void 0===s?{defaultValue:h}:{value:s}),[s,h]);return React.createElement(p,{className:"field ".concat(k),error:x,disabled:y,userDisabled:v,$_css:T},React.createElement(f,{htmlFor:i,className:"label"},a),React.createElement("div",{className:"field ".concat(F?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(E&&!w?"has-icons-left":""," ").concat(_?"has-icons-right":"")},!w&&(C||"select"!==r&&!S?!C&&React.createElement(K,e({name:i,id:i,ref:g,className:"input ".concat(x?"is-danger":""),type:r,placeholder:b},A,{onChange:$,onBlur:D,onFocus:W,onKeyDown:W,autoComplete:"off",disabled:y},V)):React.createElement(d,e({name:i,id:i,inputRef:g,className:"input ".concat(x?"is-danger":""),type:"select",placeholder:b,value:s,options:S,onChange:I,onBlur:D,onFocus:W,onKeyDown:W,autoComplete:"off",disabled:y},V))),E&&!w&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(L?"is-action":""),onClick:L},React.createElement(c,{iconName:E,color:l})),_&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(z?"is-action":""),onClick:z},React.createElement(c,{iconName:_,color:l})),C&&C),F&&F),N&&React.createElement("p",{className:"help"},N),R&&React.createElement("p",{className:"help ".concat(x?"is-danger":"")},R))}));h.displayName="Field";export{h as Field,s as FieldWrapper,d as Select,i as setIconColor,r as setIconComponent};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"styled-components";import{memo as a,useCallback as n,useMemo as o}from"react";let i=()=>"#000000";const l=e=>{i=e};let r=a((function(){return React.createElement("span",null)}));const c=e=>{r=e},s=t.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var p=t(s).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const d=a((function(t){let{options:a,value:n,inputRef:o,...i}=t;return React.createElement("div",{className:"select"},React.createElement("select",e({},i,{ref:o,defaultValue:n}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),m=t.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),u=t.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),f=t.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),h=a((t=>{let{label:a,name:l,type:c="text",value:s,defaultValue:h,placeholder:b,inputRef:g,error:x,disabled:y,userDisabled:w,withoutComponent:N,helpTextInfo:R,helpText:C,children:v,iconLeft:E,iconRight:_,addon:F,className:k,onChange:I,onChangeInner:j,onBlur:D,onFocus:$,rightIconClick:B,leftIconClick:z,options:L,css:S,...T}=t,V=m;v||"textarea"!==c||(V=u);const K=n((e=>{w?e?.preventDefault?.():$&&$(e)}),[w,$]),W=n((e=>{w||(j&&e?.target?(e.target.value=j(e.target.value),I&&I(e)):I&&I(e))}),[j,I,w]),A=o((()=>void 0===s?{defaultValue:h}:{value:s}),[s,h]);return React.createElement(p,{className:`field ${k}`,error:x,disabled:y,userDisabled:w,$_css:S},React.createElement(f,{htmlFor:l,className:"label"},a),React.createElement("div",{className:"field "+(F?"has-addons":"")},React.createElement("div",{className:`control mainControl ${E&&!N?"has-icons-left":""} ${_?"has-icons-right":""}`},!N&&(v||"select"!==c&&!L?!v&&React.createElement(V,e({name:l,id:l,ref:g,className:"input "+(x?"is-danger":""),type:c,placeholder:b},A,{onChange:W,onBlur:D,onFocus:K,onKeyDown:K,autoComplete:"off",disabled:y},T)):React.createElement(d,e({name:l,id:l,inputRef:g,className:"input "+(x?"is-danger":""),type:"select",placeholder:b,value:s,options:L,onChange:I,onBlur:D,onFocus:K,onKeyDown:K,autoComplete:"off",disabled:y},T))),E&&!N&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(z?"is-action":""),onClick:z},React.createElement(r,{iconName:E,color:i})),_&&React.createElement("span",{className:"iconRight icon is-small is-right "+(B?"is-action":""),onClick:B},React.createElement(r,{iconName:_,color:i})),v&&v),F&&F),R&&React.createElement("p",{className:"help"},R),C&&React.createElement("p",{className:"help "+(x?"is-danger":"")},C))}));h.displayName="Field";export{h as Field,s as FieldWrapper,d as Select,l as setIconColor,c as setIconComponent};
 //# sourceMappingURL=Field.js.map

package/dist/lib/esm/src/core/ui/components/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"2KAQA,IAAIA,EAAqCA,IAAM,UAElCC,MAAAA,EAAgBC,IAC3BF,EAAYE,CAAK,EAGnB,IAAIC,EAAmCC,GAAK,WAA2B,OAAOC,MAAAC,cAAA,OAAA,KAAS,IAE1EC,MAAAA,EAAoBC,IAC/BL,EAAgBK,CAAS,EAWdC,EAAqCC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAVJ,CAAU,CAAA,WAAA,mBAAA,61BAC/CK,IAAA,IAACC,SAAEA,EAAQC,aAAEA,GAAcF,EAAA,OAAMC,GAAYC,EAAe,GAAM,CAAC,IAC5DC,IAAA,IAACF,SAAEA,EAAQC,aAAEA,GAAcC,EAAA,OAAMF,GAAYC,EAAe,OAAS,MAAM,IAuE9F,IAAAE,EAAAT,EAAAD,GAAAG,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAAU,GAAAA,EAAAC,QA8CM,MAAMC,EACXlB,GACA,SAAemB,GAAsD,IAArDC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,KAAaC,GAAoBJ,EACjE,OACElB,MAAAC,cAAA,MAAA,CAAKsB,UAAU,UACbvB,MAAAC,cAAAuB,SAAAA,KAAYF,EAAK,CAAEG,IAAKJ,EAAUK,aAAcN,IAC7CD,aAAO,EAAPA,EAASQ,KAAKC,GACb5B,MAAAC,cAAA,SAAA,CACE4B,IAAG,GAAAC,OAAKC,KAAKC,UAAUJ,IACvBR,MAAyB,iBAAXQ,EAAuBA,aAAM,EAANA,EAAsBR,MAAQQ,GAEhD,iBAAXA,EAAuBA,aAAAA,EAAAA,EAAsBK,MAAQL,MAMzE,IAGIM,EAAiB7B,EAAO8B,MAAK5B,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAZJ,CAAc,CAAA,KAC/B+B,EAAoB/B,EAAOgC,SAAQ9B,WAAA,CAAAC,YAAA,2BAAAC,YAAA,eAAfJ,CAAiB,CAAA,KACrCiC,EAAmBjC,EAAO4B,MAAK1B,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAZJ,CAExB,CAAA,qBAEYkC,EAAwBxC,GAAiByC,IA4BpC,IA5BqCP,MACrDA,EAAKQ,KACLA,EAAIC,KACJA,EAAO,OAAMtB,MACbA,EAAKM,aACLA,EAAYiB,YACZA,EAAWtB,SACXA,EAAQuB,MACRA,EAAKjC,SACLA,EAAQC,aACRA,EAAYiC,iBACZA,EAAgBC,aAChBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAK5B,UACLA,EAAS6B,SACTA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,cACdA,EAAatC,QACbA,EAAOuC,IACPA,KACGpC,GACQkB,EACPmB,EAAqBzB,EAEpBc,GAAqB,aAATN,IACfiB,EAAYvB,GAEd,MAAMwB,EAAcC,GAAaC,IACb,IAAAC,EAAdnD,EACFkD,SAAqBC,QAAhBA,EAALD,EAAOE,0BAAcD,GAArBA,EAAAE,KAAAH,GAEAP,GAAWA,EAAQO,EACrB,GACC,CAAClD,EAAc2C,IAEZW,EAAeL,GAAaC,IAC5BlD,IAGAyC,SAAiBS,GAAAA,EAAOK,QAE1BL,EAAMK,OAAO/C,MAAQiC,EAAeS,EAAMK,OAAO/C,OACjDgC,GAAYA,EAASU,IAErBV,GAAYA,EAASU,GACvB,GACC,CAACT,EAAeD,EAAUxC,IAEvBwD,EAAaC,GAAQ,SACXC,IAAVlD,EACK,CAAEM,gBAEJ,CAAEN,UACR,CAACA,EAAOM,IAEX,OACE1B,MAAAC,cAAAa,EAAA,CACES,UAASO,SAAAA,OAAWP,GACpBqB,MAAOA,EACPjC,SAAUA,EACVC,aAAcA,EAAaI,MACtB0C,GAEL1D,MAAAC,cAACqC,EAAgB,CAACiC,QAAS9B,EAAMlB,UAAU,SAASU,GACpDjC,MAAAC,cAAA,MAAA,CAAKsB,mBAASO,OAAWqB,EAAQ,aAAe,KAC9CnD,MAAAC,cAAA,MAAA,CACEsB,iCAASO,OAAyBmB,IAAaJ,EAC3C,iBAAmB,QAAEf,OAAIoB,EAAY,kBAAoB,MAE3DL,IAAuBG,GAAsB,WAATN,IAAqBvB,GAsBtD6B,GACDhD,MAAAC,cAAC0D,EAASnC,EAAA,CACRiB,KAAMA,EACN+B,GAAI/B,EACJhB,IAAKJ,EACLE,UAAS,SAAAO,OAAWc,EAAQ,YAAc,IAC1CF,KAAMA,EACNC,YAAaA,GACTyB,EAAU,CACdhB,SAAUc,EACVZ,OAAQA,EACRC,QAASK,EACTa,UAAWb,EACXc,aAAa,MACb/D,SAAUA,GACNW,IAnCNtB,MAAAC,cAACgB,EAAMO,EAAA,CACLiB,KAAMA,EACN+B,GAAI/B,EACJpB,SAAUA,EACVE,UAAS,SAAAO,OAAWc,EAAQ,YAAc,IAC1CF,KAAK,SACLC,YAAaA,EACbvB,MAAOA,EACPD,QAASA,EAETiC,SAAUA,EACVE,OAAQA,EACRC,QAASK,EACTa,UAAWb,EACXc,aAAa,MACb/D,SAAUA,GACNW,KAuBT2B,IAAaJ,GACZ7C,MAAAC,cAAA,OAAA,CACEsB,UAAS,kCAAAO,OAAoC2B,EAAgB,YAAc,IAC3EkB,QAASlB,GAETzD,MAAAC,cAACH,EAAa,CACZ8E,SAAU3B,EACVpD,MAAOF,KAIZuD,GACClD,MAAAC,cAAA,OAAA,CACEsB,UAAS,oCAAAO,OAAsC0B,EAAiB,YAAc,IAC9EmB,QAASnB,GAETxD,MAAAC,cAACH,EAAa,CACZ8E,SAAU1B,EACVrD,MAAOF,KAIZqD,GAAYA,GAEdG,GAASA,GAEXL,GAAgB9C,MAAAC,cAAA,IAAA,CAAGsB,UAAU,QAAQuB,GACrCC,GAAY/C,MAAAC,cAAA,IAAA,CAAGsB,kBAASO,OAAUc,EAAQ,YAAc,KAAOG,GACnD,IAInBR,EAAM/B,YAAc"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"2KAQA,IAAIA,EAAqCA,IAAM,UAElCC,MAAAA,EAAgBC,IAC3BF,EAAYE,CAAK,EAGnB,IAAIC,EAAmCC,GAAK,WAA2B,OAAOC,MAAAC,cAAA,OAAA,KAAS,IAE1EC,MAAAA,EAAoBC,IAC/BL,EAAgBK,CAAS,EAWdC,EAAqCC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAVJ,CAAU,CAAA,WAAA,mBAAA,61BAC/CK,IAAA,IAACC,SAAEA,EAAQC,aAAEA,GAAcF,EAAA,OAAMC,GAAYC,EAAe,GAAM,CAAC,IAC5DC,IAAA,IAACF,SAAEA,EAAQC,aAAEA,GAAcC,EAAA,OAAMF,GAAYC,EAAe,OAAS,MAAM,IAuE9F,IAAAE,EAAAT,EAAAD,GAAAG,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAAU,GAAAA,EAAAC,QA8CM,MAAMC,EACXlB,GACA,SAAemB,GAAsD,IAArDC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,KAAaC,GAAoBJ,EACjE,OACElB,MAAAC,cAAA,MAAA,CAAKsB,UAAU,UACbvB,MAAAC,cAAAuB,SAAAA,KAAYF,EAAK,CAAEG,IAAKJ,EAAUK,aAAcN,IAC7CD,GAASQ,KAAKC,GACb5B,MAAAC,cAAA,SAAA,CACE4B,IAAM,GAAEC,KAAKC,UAAUH,KACvBR,MAAyB,iBAAXQ,EAAuBA,GAAsBR,MAAQQ,GAEhD,iBAAXA,EAAuBA,GAAsBI,MAAQJ,MAMzE,IAGIK,EAAiB5B,EAAO6B,MAAK3B,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAZJ,CAAc,CAAA,KAC/B8B,EAAoB9B,EAAO+B,SAAQ7B,WAAA,CAAAC,YAAA,2BAAAC,YAAA,eAAfJ,CAAiB,CAAA,KACrCgC,EAAmBhC,EAAO2B,MAAKzB,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAZJ,CAExB,CAAA,qBAEYiC,EAAwBvC,GAAiBwC,IA4BpC,IA5BqCP,MACrDA,EAAKQ,KACLA,EAAIC,KACJA,EAAO,OAAMrB,MACbA,EAAKM,aACLA,EAAYgB,YACZA,EAAWrB,SACXA,EAAQsB,MACRA,EAAKhC,SACLA,EAAQC,aACRA,EAAYgC,iBACZA,EAAgBC,aAChBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAK3B,UACLA,EAAS4B,SACTA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,cACdA,EAAarC,QACbA,EAAOsC,IACPA,KACGnC,GACQiB,EACPmB,EAAqBzB,EAEpBc,GAAqB,aAATN,IACfiB,EAAYvB,GAEd,MAAMwB,EAAcC,GAAaC,IAC3BjD,EACFiD,GAAOC,mBAEPR,GAAWA,EAAQO,EACrB,GACC,CAACjD,EAAc0C,IAEZS,EAAeH,GAAaC,IAC5BjD,IAGAwC,GAAiBS,GAAOG,QAE1BH,EAAMG,OAAO5C,MAAQgC,EAAeS,EAAMG,OAAO5C,OACjD+B,GAAYA,EAASU,IAErBV,GAAYA,EAASU,GACvB,GACC,CAACT,EAAeD,EAAUvC,IAEvBqD,EAAaC,GAAQ,SACXC,IAAV/C,EACK,CAAEM,gBAEJ,CAAEN,UACR,CAACA,EAAOM,IAEX,OACE1B,MAAAC,cAAAa,EAAA,CACES,UAAY,SAAQA,IACpBoB,MAAOA,EACPhC,SAAUA,EACVC,aAAcA,EAAaI,MACtByC,GAELzD,MAAAC,cAACoC,EAAgB,CAAC+B,QAAS5B,EAAMjB,UAAU,SAASS,GACpDhC,MAAAC,cAAA,MAAA,CAAKsB,UAAY,UAAQ2B,EAAQ,aAAe,KAC9ClD,MAAAC,cAAA,MAAA,CACEsB,UAAY,uBAAsByB,IAAaJ,EAC3C,iBAAmB,MAAMK,EAAY,kBAAoB,OAE3DL,IAAuBG,GAAsB,WAATN,IAAqBtB,GAsBtD4B,GACD/C,MAAAC,cAACyD,EAASlC,EAAA,CACRgB,KAAMA,EACN6B,GAAI7B,EACJf,IAAKJ,EACLE,UAAY,UAAQoB,EAAQ,YAAc,IAC1CF,KAAMA,EACNC,YAAaA,GACTuB,EAAU,CACdd,SAAUY,EACVV,OAAQA,EACRC,QAASK,EACTW,UAAWX,EACXY,aAAa,MACb5D,SAAUA,GACNW,IAnCNtB,MAAAC,cAACgB,EAAMO,EAAA,CACLgB,KAAMA,EACN6B,GAAI7B,EACJnB,SAAUA,EACVE,UAAY,UAAQoB,EAAQ,YAAc,IAC1CF,KAAK,SACLC,YAAaA,EACbtB,MAAOA,EACPD,QAASA,EAETgC,SAAUA,EACVE,OAAQA,EACRC,QAASK,EACTW,UAAWX,EACXY,aAAa,MACb5D,SAAUA,GACNW,KAuBT0B,IAAaJ,GACZ5C,MAAAC,cAAA,OAAA,CACEsB,UAAY,mCAAiCiC,EAAgB,YAAc,IAC3EgB,QAAShB,GAETxD,MAAAC,cAACH,EAAa,CACZ2E,SAAUzB,EACVnD,MAAOF,KAIZsD,GACCjD,MAAAC,cAAA,OAAA,CACEsB,UAAY,qCAAmCgC,EAAiB,YAAc,IAC9EiB,QAASjB,GAETvD,MAAAC,cAACH,EAAa,CACZ2E,SAAUxB,EACVpD,MAAOF,KAIZoD,GAAYA,GAEdG,GAASA,GAEXL,GAAgB7C,MAAAC,cAAA,IAAA,CAAGsB,UAAU,QAAQsB,GACrCC,GAAY9C,MAAAC,cAAA,IAAA,CAAGsB,UAAY,SAAOoB,EAAQ,YAAc,KAAOG,GACnD,IAInBR,EAAM9B,YAAc"}

package/dist/lib/esm/src/core/ui/components/icon/Icon.js

@@ -1,2 +1,2 @@
-import{memo as e}from"react";const a=e((e=>{let{icon:a,className:c,color:o="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:"svg-inline--fa fa-".concat(a.iconName," ").concat(c),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(a.icon[0]," ").concat(a.icon[1])},React.createElement("path",{fill:o,d:a.icon[4]}))}));a.displayName="Icon";export{a as Icon};
+import{memo as e}from"react";const a=e((e=>{let{icon:a,className:o,color:c="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:`svg-inline--fa fa-${a.iconName} ${o}`,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a.icon[0]} ${a.icon[1]}`},React.createElement("path",{fill:c,d:a.icon[4]}))}));a.displayName="Icon";export{a as Icon};
 //# sourceMappingURL=Icon.js.map

package/dist/lib/esm/src/core/ui/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"6BAYaA,MAAAA,EAAOC,GAAeC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAS,qBAAAO,OAAuBR,EAAKO,SAAQC,KAAAA,OAAIP,GACjDQ,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAASR,EAAKA,KAAK,GAAE,KAAAQ,OAAIR,EAAKA,KAAK,KAE1CG,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGb,EAAKA,KAAK,KAEX,IAGRH,EAAKiB,YAAc"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","role","xmlns","viewBox","fill","d","displayName"],"mappings":"6BAYaA,MAAAA,EAAOC,GAAeC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAY,qBAAoBD,EAAKO,YAAYN,IACjDO,KAAK,MACLC,MAAM,6BACNC,QAAU,OAAMV,EAAKA,KAAK,MAAMA,EAAKA,KAAK,MAE1CG,MAAAC,cAAA,OAAA,CACEO,KAAMT,EACNU,EAAGZ,EAAKA,KAAK,KAEX,IAGRH,EAAKgB,YAAc"}

package/dist/lib/esm/src/core/ui/components/icon/IconBase.js

@@ -1,2 +1,2 @@
-import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import n from"./icon.module.scss.js";const i=e((e=>{let{iconUrl:i,minWidth:c,minHeight:r,size:l,fontSize:s,width:a,height:m,color:h="currentColor",className:u="",children:d,style:p,onClick:b,...f}=e;const g=t((()=>({"--min-width":c||l||a||"auto","--min-height":r||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...s?{fontSize:s}:{},...i?{"--icon-url":"url(".concat(i,")")}:{},...i?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...p})),[c,l,a,r,m,s,i,h,b,p]),w=t((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},f,w,{className:"".concat(n["icon-base"]," icon-base ").concat(u),style:g}),!i&&d&&d)}));i.displayName="IconBase";export{i as IconBase};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import i from"./icon.module.scss.js";const n=e((e=>{let{iconUrl:n,minWidth:r,minHeight:c,size:l,fontSize:s,width:a,height:m,color:h="currentColor",className:u="",children:d,style:p,onClick:b,...f}=e;const g=t((()=>({"--min-width":r||l||a||"auto","--min-height":c||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...s?{fontSize:s}:{},...n?{"--icon-url":`url(${n})`}:{},...n?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...p})),[r,l,a,c,m,s,n,h,b,p]),w=t((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},f,w,{className:`${i["icon-base"]} icon-base ${u}`,style:g}),!n&&d&&d)}));n.displayName="IconBase";export{n as IconBase};
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n  style?: CSSProperties\n  onClick?: (event?: MouseEvent<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onkeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","concat","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"oKAoBaA,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,GAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,aAAY,OAAAe,OAASf,EAAO,MAAQ,MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,CAAEK,OAAQ,WAAc,MACnCN,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,IAE3EO,EAAeH,GAAQ,IAAOH,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EACMX,CAAAA,EAAAA,EACAK,EAAY,CAChBT,UAAS,GAAAO,OAAKS,EAAQ,aAAYT,eAAAA,OAAcP,GAChDE,MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,EAAS4B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n  style?: CSSProperties\n  onClick?: (event?: MouseEvent<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onkeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"oKAoBaA,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,GAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,aAAe,OAAMA,MAAe,MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,CAAEI,OAAQ,WAAc,MACnCL,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,IAE3EM,EAAeF,GAAQ,IAAOH,EAAW,CAC7CA,UACAM,UAAWN,EACXO,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACR,IAEX,OACES,MAAAC,cAAA,OAAAC,EACMV,CAAAA,EAAAA,EACAI,EAAY,CAChBR,UAAY,GAAEe,EAAQ,0BAA0Bf,IAChDE,MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,EAAS2B,YAAc"}

package/dist/lib/esm/src/core/ui/components/icon/IconWC.js

@@ -1,2 +1,2 @@
-import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{resolveAttributes as t,ced as i}from"../../../utils/webComponents/webComponent.utils.js";import e from"./icon.module.scss.js";var s;const n=document.createElement("template");n.innerHTML='<span class="icon-base"></span>';let o=i("icon-base")(s=class i extends HTMLElement{constructor(){super(...arguments),this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e["icon-base-parent"]),this.mainElement.classList.add(e["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":"url(".concat(this.iconUrl,")")}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,e]=t;return"".concat(i,": ").concat(e,";")})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=n.innerHTML,t(this,i.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||s;const r={VCIconBase:o};export{o as VCIcon,r as VCIconBase};
+import{resolveAttributes as t,ced as i}from"../../../utils/webComponents/webComponent.utils.js";import s from"./icon.module.scss.js";var e;const n=document.createElement("template");n.innerHTML='<span class="icon-base"></span>';let o=i("icon-base")(e=class i extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(s["icon-base-parent"]),this.mainElement.classList.add(s["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,s]=t;return`${i}: ${s};`})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=n.innerHTML,t(this,i.observedAttributes),this.render()}attributeChangedCallback(t,i,s){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof s&&(this.classList.remove(s),this.classList.add(s)),this.color||(this.color="currentColor"),this[t]=s||"",this.render()}})||e;const h={VCIconBase:o};export{o as VCIcon,h as VCIconBase};
 //# sourceMappingURL=IconWC.js.map

package/dist/lib/esm/src/core/ui/components/icon/IconWC.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class VCIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, VCIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const VCIconBase = {\n  VCIconBase: VCIcon,\n}\n"],"names":["template","document","createElement","innerHTML","VCIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","render","mainElement","querySelector","classList","add","classes","styles","minWidth","size","width","minHeight","height","fontSize","iconUrl","concat","color","content","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","VCIconBase"],"mappings":"+NAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,cAAAC,SAAAC,WAAAC,KAqDtCC,OAAS,KAEP,GADAD,KAAKE,YAAcF,KAAKE,aAAeF,KAAKG,cAAc,eACrDH,KAAKE,YACR,OAEFF,KAAKI,UAAUC,IAAIC,EAAQ,qBAC3BN,KAAKE,YAAYE,UAAUC,IAAIC,EAAQ,cAEvC,MAAMC,EAAS,CACb,cAAeP,KAAKQ,UAAYR,KAAKS,MAAQT,KAAKU,OAAS,OAC3D,eAAgBV,KAAKW,WAAaX,KAAKS,MAAQT,KAAKY,QAAU,OAC9D,UAAWZ,KAAKS,MAAQT,KAAKU,OAAS,OACtC,WAAYV,KAAKS,MAAQT,KAAKY,QAAU,UACpCZ,KAAKa,SAAW,CAAE,YAAab,KAAKa,UAAY,SAAY,MAC5Db,KAAKc,QAAU,CAAE,aAAYC,OAAAA,OAASf,KAAKc,QAAO,MAAQ,MAC1Dd,KAAKc,QAAU,CAAE,eAAgBd,KAAKgB,OAAU,CAAE,uBAAwBhB,KAAKgB,QAGrFhB,KAAKE,YAAYX,UAAYS,KAAKc,QAAU,GAAMd,KAAKiB,SAAW,GAElEjB,KAAKE,YAAYgB,aAAa,QAASC,OAAOC,QAAQb,GAAQc,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAA,GAAAP,OAAQQ,EAAGR,MAAAA,OAAKS,EAAK,IAAA,IAAKC,KAAK,KAAK,CACpH,CArDUC,gCACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,qBACM3B,KAAKiB,SAAWjB,KAAKT,aACvBS,KAAKiB,QAAUjB,KAAKiB,SAAWjB,KAAKT,WAAaS,KAAK4B,aAAa,YAGrE5B,KAAKT,UAAYH,EAASG,UAE1BsC,EAAkB7B,KAAMR,EAAOkC,oBAE/B1B,KAAKC,QACP,CAEA6B,yBAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACTjC,KAAKI,UAAU8B,OAAOD,GACtBjC,KAAKI,UAAUC,IAAI4B,IAGlBjC,KAAKgB,QACRhB,KAAKgB,MAAQ,gBAIfhB,KAAK+B,GAAaE,GAAqB,GACvCjC,KAAKC,QACP,KAwBDN,EAWM,MAAMwC,EAAa,CACxBA,WAAY3C"}
+{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class VCIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, VCIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const VCIconBase = {\n  VCIconBase: VCIcon,\n}\n"],"names":["template","document","createElement","innerHTML","VCIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","VCIconBase"],"mappings":"2IAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,KACtCC,aAAO,EAAAD,KAEPE,iBAAW,EAAAF,KAEXG,aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,KAAKE,YAAcF,KAAKE,aAAeF,KAAKY,cAAc,eACrDZ,KAAKE,YACR,OAEFF,KAAKa,UAAUC,IAAIC,EAAQ,qBAC3Bf,KAAKE,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,MAAMC,EAAS,CACb,cAAehB,KAAKI,UAAYJ,KAAKQ,MAAQR,KAAKM,OAAS,OAC3D,eAAgBN,KAAKK,WAAaL,KAAKQ,MAAQR,KAAKO,QAAU,OAC9D,UAAWP,KAAKQ,MAAQR,KAAKM,OAAS,OACtC,WAAYN,KAAKQ,MAAQR,KAAKO,QAAU,UACpCP,KAAKS,SAAW,CAAE,YAAaT,KAAKS,UAAY,SAAY,MAC5DT,KAAKG,QAAU,CAAE,aAAe,OAAMH,KAAKG,YAAe,MAC1DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,YAAYe,aAAa,QAASC,OAAOC,QAAQH,GAAQI,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAM,GAAEC,MAAQC,IAAQ,IAAEC,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM1B,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,KAAK2B,aAAa,YAGrE3B,KAAKT,UAAYH,EAASG,UAE1BqC,EAAkB5B,KAAMR,EAAOiC,oBAE/BzB,KAAKW,QACP,CAEAkB,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACThC,KAAKa,UAAUoB,OAAOD,GACtBhC,KAAKa,UAAUC,IAAIkB,IAGlBhC,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,KAAK8B,GAAaE,GAAqB,GACvChC,KAAKW,QACP,KAwBDhB,EAWM,MAAMuC,EAAa,CACxBA,WAAY1C"}

package/dist/lib/esm/src/core/ui/utils/clickOutside.js

@@ -1,2 +1,2 @@
-const t=(t,n)=>o=>{const c=o.target,e="function"==typeof t?t():t;e&&!e.contains(c)&&(null==n||n(c))};export{t as handleClickOutside};
+const t=(t,n)=>o=>{const c=o.target,e="function"==typeof t?t():t;e&&!e.contains(c)&&n?.(c)};export{t as handleClickOutside};
 //# sourceMappingURL=clickOutside.js.map

package/dist/lib/esm/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) => {\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":"AAGO,MAAMA,EAAqBA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,KAC/CF,SAAAA,EAAWE,GACb"}
+{"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) => {\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":"AAGO,MAAMA,EAAqBA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,IAC/CF,IAAWE,EACb"}

package/dist/lib/esm/src/core/ui/utils/style.js

@@ -1,2 +1,2 @@
-import"../../../../node_modules/core-js/modules/es.string.replace.js";let t=16;const n=n=>{t=n},c=n=>n/t,r=function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof t?t:"px"===n?"".concat(c(t),"rem"):"".concat(t).concat(n)},s=t=>(t=t.toString(16)).padStart(2,"0"),e=function(t,n){let c=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=t.replace("#",""),e=r.substring(0,2),o=r.substring(2,4),a=r.substring(4,6),i=parseInt(e,16),u=parseInt(o,16),p=parseInt(a,16),g=n<=1?n:n/100;return(c?"rgba(".concat(i,",").concat(u,",").concat(p,",").concat(g,")"):"#".concat(e).concat(o).concat(a).concat(s(Math.round(255*(n<=1?n:n/100))))).toLowerCase()},o=(t,n,c,r)=>"#".concat(s(t)).concat(s(n)).concat(s(c)).concat(s(Math.round(255*(r<=1?r:r/100)))),a=function(t,n){let c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===n.indexOf("#")&&(n=n.substr(1));const r=Math.ceil(parseInt(n.substring(0,2),16)*c+parseInt(t.substring(0,2),16)*(1-c)),e=Math.ceil(parseInt(n.substring(2,4),16)*c+parseInt(t.substring(2,4),16)*(1-c)),o=Math.ceil(parseInt(n.substring(4,6),16)*c+parseInt(t.substring(4,6),16)*(1-c));return"#".concat(s(r)+s(e)+s(o))},i=function(t,n){let c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const r=c/(c+1)/c,s=[];let e=r;for(;c--;)s.push(e),e+=r;return s.map((c=>a(t,n,c)))};export{i as calculateColors,a as calculatePercColor,e as convertHex,o as convertRGB,t as defaultFontSize,c as pxToRem,r as resolveStyleValue,n as setDefaultFontSize,s as toHex};
+let t=16;const n=n=>{t=n},r=n=>n/t,s=function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof t?t:"px"===n?`${r(t)}rem`:`${t}${n}`},e=t=>(t=t.toString(16)).padStart(2,"0"),i=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const s=t.replace("#",""),i=s.substring(0,2),u=s.substring(2,4),a=s.substring(4,6),o=parseInt(i,16),g=parseInt(u,16),p=parseInt(a,16);return(r?`rgba(${o},${g},${p},${n<=1?n:n/100})`:`#${i}${u}${a}${e(Math.round(255*(n<=1?n:n/100)))}`).toLowerCase()},u=(t,n,r,s)=>`#${e(t)}${e(n)}${e(r)}${e(Math.round(255*(s<=1?s:s/100)))}`,a=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===n.indexOf("#")&&(n=n.substr(1));const s=Math.ceil(parseInt(n.substring(0,2),16)*r+parseInt(t.substring(0,2),16)*(1-r)),i=Math.ceil(parseInt(n.substring(2,4),16)*r+parseInt(t.substring(2,4),16)*(1-r)),u=Math.ceil(parseInt(n.substring(4,6),16)*r+parseInt(t.substring(4,6),16)*(1-r));return`#${e(s)+e(i)+e(u)}`},o=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const s=r/(r+1)/r,e=[];let i=s;for(;r--;)e.push(i),i+=s;return e.map((r=>a(t,n,r)))};export{o as calculateColors,a as calculatePercColor,i as convertHex,u as convertRGB,t as defaultFontSize,r as pxToRem,s as resolveStyleValue,n as setDefaultFontSize,e as toHex};
 //# sourceMappingURL=style.js.map

package/dist/lib/esm/src/core/ui/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number) => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","fontSize","pxToRem","px","resolveStyleValue","value","units","arguments","length","undefined","concat","toHex","x","toString","padStart","convertHex","hex","opacity","rgba","hexValue","replace","rValue","substring","gValue","bValue","r","parseInt","g","b","a","Math","round","toLowerCase","convertRGB","calculatePercColor","startColor","endColor","ratio","indexOf","substr","ceil","calculateColors","num","ratioIterator","ratios","push","map","rat"],"mappings":"sEACO,IAAIA,EAAkB,GAChBC,MAAAA,EAAsBC,IACjCF,EAAkBE,CAAQ,EAGfC,EAAWC,GAAuBA,EAAKJ,EAEvCK,EAAoB,SAC/BC,GAEW,IADXC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAVF,EACFA,EAGK,OAAVC,EACF,GAAAI,OAAUR,EAAQG,GAAM,OAG1B,GAAAK,OAAUL,GAAKK,OAAGJ,EACpB,EAGaK,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAGVC,EAAa,SAACC,EAAaC,GAA0C,IAAzBC,EAAIX,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMY,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASG,UAAU,EAAG,GAC/BC,EAASJ,EAASG,UAAU,EAAG,GAC/BE,EAASL,EAASG,UAAU,EAAG,GAC/BG,EAAIC,SAASL,EAAQ,IACrBM,EAAID,SAASH,EAAQ,IACrBK,EAAIF,SAASF,EAAQ,IAErBK,EAAIZ,GAAW,EAAIA,EAAWA,EAAU,IAE9C,OAAQC,EAAI,QAAAR,OACAe,EAAC,KAAAf,OAAIiB,EAAC,KAAAjB,OAAIkB,EAAClB,KAAAA,OAAImB,EAACnB,KAAAA,IAAAA,OACpBW,GAAMX,OAAGa,GAAMb,OAAGc,GAAMd,OAAGC,EAAMmB,KAAKC,MAAmD,KAA5Cd,GAAW,EAAIA,EAAWA,EAAU,SACtFe,aACL,EAEaC,EAAaA,CACxBR,EAAWE,EAAWC,EAAWX,IAAe,IAAAP,OACjCC,EAAMc,IAAEf,OAAGC,EAAMgB,IAAEjB,OAAGC,EAAMiB,IAAElB,OAAGC,EAAMmB,KAAKC,MAAmD,KAA5Cd,GAAW,EAAIA,EAAWA,EAAU,QAE3FiB,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAK9B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5B4B,EAAWG,QAAQ,OACrBH,EAAaA,EAAWI,OAAO,IAEH,IAA1BH,EAASE,QAAQ,OACnBF,EAAWA,EAASG,OAAO,IAG7B,MAAMd,EAAIK,KAAKU,KAAKd,SAASU,EAASd,UAAU,EAAG,GAAI,IAAMe,EACzDX,SAASS,EAAWb,UAAU,EAAG,GAAI,KAAO,EAAIe,IAC9CV,EAAIG,KAAKU,KAAKd,SAASU,EAASd,UAAU,EAAG,GAAI,IAAMe,EACzDX,SAASS,EAAWb,UAAU,EAAG,GAAI,KAAO,EAAIe,IAC9CT,EAAIE,KAAKU,KAAKd,SAASU,EAASd,UAAU,EAAG,GAAI,IAAMe,EACzDX,SAASS,EAAWb,UAAU,EAAG,GAAI,KAAO,EAAIe,IAEpD,MAAA,IAAA3B,OAAWC,EAAMc,GAAKd,EAAMgB,GAAKhB,EAAMiB,GACzC,EAEaa,EAAkB,SAACN,EAAoBC,GAAyC,IAAvBM,EAAGnC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMoC,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIP,EAAQM,EAGZ,KAAOD,KACLE,EAAOC,KAAKR,GACZA,GAASM,EAGX,OAAOC,EAAOE,KAAKC,GAAQb,EAAmBC,EAAYC,EAAUW,IACtE"}
+{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number) => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","fontSize","pxToRem","px","resolveStyleValue","value","units","arguments","length","undefined","toHex","x","toString","padStart","convertHex","hex","opacity","rgba","hexValue","replace","rValue","substring","gValue","bValue","r","parseInt","g","b","Math","round","toLowerCase","convertRGB","calculatePercColor","startColor","endColor","ratio","indexOf","substr","ceil","calculateColors","num","ratioIterator","ratios","push","map","rat"],"mappings":"AACO,IAAIA,EAAkB,GAChBC,MAAAA,EAAsBC,IACjCF,EAAkBE,CAAQ,EAGfC,EAAWC,GAAuBA,EAAKJ,EAEvCK,EAAoB,SAC/BC,GAEW,IADXC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAVF,EACFA,EAGK,OAAVC,EACM,GAAEJ,EAAQG,QAGZ,GAAEA,IAAQC,GACpB,EAGaI,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAGVC,EAAa,SAACC,EAAaC,GAA0C,IAAzBC,EAAIV,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMW,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASG,UAAU,EAAG,GAC/BC,EAASJ,EAASG,UAAU,EAAG,GAC/BE,EAASL,EAASG,UAAU,EAAG,GAC/BG,EAAIC,SAASL,EAAQ,IACrBM,EAAID,SAASH,EAAQ,IACrBK,EAAIF,SAASF,EAAQ,IAI3B,OAAQN,EACH,QAAOO,KAAKE,KAAKC,KAHZX,GAAW,EAAIA,EAAWA,EAAU,OAIzC,IAAGI,IAASE,IAASC,IAASb,EAAMkB,KAAKC,MAAmD,KAA5Cb,GAAW,EAAIA,EAAWA,EAAU,UACtFc,aACL,EAEaC,EAAaA,CACxBP,EAAWE,EAAWC,EAAWX,IACrB,IAAGN,EAAMc,KAAKd,EAAMgB,KAAKhB,EAAMiB,KAAKjB,EAAMkB,KAAKC,MAAmD,KAA5Cb,GAAW,EAAIA,EAAWA,EAAU,SAE3FgB,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAK5B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5B0B,EAAWG,QAAQ,OACrBH,EAAaA,EAAWI,OAAO,IAEH,IAA1BH,EAASE,QAAQ,OACnBF,EAAWA,EAASG,OAAO,IAG7B,MAAMb,EAAII,KAAKU,KAAKb,SAASS,EAASb,UAAU,EAAG,GAAI,IAAMc,EACzDV,SAASQ,EAAWZ,UAAU,EAAG,GAAI,KAAO,EAAIc,IAC9CT,EAAIE,KAAKU,KAAKb,SAASS,EAASb,UAAU,EAAG,GAAI,IAAMc,EACzDV,SAASQ,EAAWZ,UAAU,EAAG,GAAI,KAAO,EAAIc,IAC9CR,EAAIC,KAAKU,KAAKb,SAASS,EAASb,UAAU,EAAG,GAAI,IAAMc,EACzDV,SAASQ,EAAWZ,UAAU,EAAG,GAAI,KAAO,EAAIc,IAEpD,MAAQ,IAAGzB,EAAMc,GAAKd,EAAMgB,GAAKhB,EAAMiB,IACzC,EAEaY,EAAkB,SAACN,EAAoBC,GAAyC,IAAvBM,EAAGjC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMkC,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIP,EAAQM,EAGZ,KAAOD,KACLE,EAAOC,KAAKR,GACZA,GAASM,EAGX,OAAOC,EAAOE,KAAKC,GAAQb,EAAmBC,EAAYC,EAAUW,IACtE"}

package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js

@@ -1,2 +1,2 @@
-import{asyncToGenerator as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";const t=(t,r,o)=>{var n;let l=t;const u=new Set,s=()=>l,i=function(){var t=e((function*(e){l=e;for(const e of u){const t=null==e?void 0:e.selector,r=t?t(l):l;void 0!==e.previousValue&&e.previousValue===r||(e.previousValue=r,yield e(r))}return l}));return function(e){return t.apply(this,arguments)}}(),c={getState:s,setState:i,subscribe:e=>(u.add(e),()=>u.delete(e)),unsubscribe:e=>{u.delete(e)}},a=r?null===(n=Object.entries(r))||void 0===n?void 0:n.reduce(((t,r)=>{let[n,l]=r;return{...t,[n]:e((function*(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];const u=yield l(s,i,...t);return o&&i(o(s(),n,...t)),u}))}}),{}):null,d={...c,...a?{actions:{...a}}:{}};return d};export{t as createStore};
+import{asyncToGenerator as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";const t=(t,r,n)=>{let o=t;const u=new Set,s=()=>o,l=function(){var t=e((function*(e){o=e;for(const e of u){const t=e?.selector,r=t?t(o):o;void 0!==e.previousValue&&e.previousValue===r||(e.previousValue=r,yield e(r))}return o}));return function(e){return t.apply(this,arguments)}}(),i={getState:s,setState:l,subscribe:e=>(u.add(e),()=>u.delete(e)),unsubscribe:e=>{u.delete(e)}},a=r?Object.entries(r)?.reduce(((t,r)=>{let[o,u]=r;return{...t,[o]:e((function*(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];const i=yield u(s,l,...t);return n&&l(n(s(),o,...t)),i}))}}),{}):null,c={...i,...a?{actions:{...a}}:{}};return c};export{t as createStore};
 //# sourceMappingURL=store.vanillajs.js.map

package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/**\n * Represents the callback function for a store listener.\n */\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/**\n * Represents a selector function that transforms the store state.\n */\nexport type Selector<T> = (state: Partial<T>) => Partial<T>;\n\n/**\n * Represents a listener for the store.\n */\nexport type Listener<T> = {\n  selector?: Selector<T>\n  previousValue?: Partial<T>\n} & ListenerCallBack<T>\n\n/**\n * Represents a store.\n */\nexport type Store<T> = {\n  /**\n   * Get the current state of the store.\n   * @returns The current state of the store.\n   */\n  getState: () => Partial<T>\n  /**\n   * Set the state of the store.\n   * @param state - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  setState: (state: Partial<T>) => Promise<Partial<T>>\n  /**\n   * Subscribe a listener to the store.\n   * @param listener - The listener function to be subscribed.\n   * @returns A function to unsubscribe the listener.\n   */\n  subscribe: (listener: Listener<T>) => () => void\n  /**\n   * Unubscribe a listener from the store.\n   * @param listener - The listener function to be unsubscribed.\n   */\n  unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/**\n * Represents a store with additional actions.\n */\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller } }\n\n/**\n * Represents an action handler function.\n */\nexport type ActionHandler<T> = (\n  getState: Store<T>['getState'], // Function to get the current state of the store\n  setState: Store<T>['setState'], // Function to set the state of the store\n  ...rest: unknown[]\n) => void | Partial<T> | Promise<void | Partial<T>>\n\n/**\n * Represents an reducer function.\n */\nexport type Reducer<T> = (\n  state: Partial<T>,\n  action: string,\n  ...rest: unknown[]\n) => Partial<T>\n\n\n/**\n * Represents a function that calls an action handler.\n */\nexport type ActionHandlerCaller = (...args: unknown[]) => void\n\n\n/**\n * Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n */\nexport const createStore = <T>(\n  initialState: Partial<T>,\n  actions?: Record<string, ActionHandler<T>>,\n  reducer?: Reducer<T>,\n): Store<T> | StoreWithActions<T> => {\n  let currentState: Partial<T> = initialState\n  const listeners = new Set<Listener<T>>()\n\n  /**\n   * Gets the current state of the store.\n   * @returns The current state of the store.\n   */\n  const getState = () => currentState\n\n  // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n  /**\n   * Sets the state of the store.\n   * @param newState - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  const setState = async (newState: Partial<T>) => {\n    currentState = newState\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const listener of listeners) {\n      // has Listener selector?\n      const selector: Selector<T> | undefined = listener?.selector\n\n      // TODO compare selected value to the previous values of that listener/selector pair\n      // if listener.previousValue === selector(currentState) no call\n      // else listener.previousValue = selector(currentState) and call\n      // l1 cache, weak references?\n      const newValue: Partial<T> = selector ? selector(currentState) : currentState\n\n      // TODO plugin equality\n      if (listener.previousValue === undefined || listener.previousValue !== newValue) {\n        listener.previousValue = newValue\n        // eslint-disable-next-line no-await-in-loop\n        await listener(newValue)\n      }\n    }\n    return currentState\n  }\n\n  /**\n   * Represents the basic API of the store.\n   */\n  const storeBaseicApi: Store<T> = {\n    /**\n     * Get the current state of the store.\n     * @returns The current state of the store.\n     */\n    getState,\n    /**\n     * Set the state of the store.\n     * @param state - The new state to set.\n     * @returns A promise that resolves to the new state.\n     */\n    setState,\n    /**\n     * Subscribe a listener to the store.\n     * @param listener - The listener function to be subscribed.\n     * @returns A function to unsubscribe the listener.\n     */\n    subscribe: (listener: Listener<T>) => {\n      listeners.add(listener)\n      return () => listeners.delete(listener)\n    },\n    /**\n     * Unsubscribe a listener from the store.\n     * @param listener - The listener function to be unsubscribed.\n     */\n    unsubscribe: (listener: Listener<T>) => {\n      listeners.delete(listener)\n    },\n  }\n\n  /**\n   * Resolves the actions and creates action handlers.\n   */\n  const resolvedActions: Record<string, ActionHandlerCaller> | null | undefined\n    = actions ? Object.entries(actions)?.reduce(\n      (\n        aggregator: Record<string, ActionHandlerCaller>,\n        [actionName, actionHandler]: [string, ActionHandler<T>],\n      ) => ({\n        ...aggregator,\n        [actionName]: async(...rest: unknown[]) => {\n          const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n          if (reducer) {\n            setState(reducer(getState(), actionName, ...rest))\n          }\n          return resultOfAction\n        },\n      }),\n      {},\n    ) : null\n\n  /**\n   * Represents the store combined with actions.\n   */\n  const storeCombinedWithActions = {\n    ...storeBaseicApi,\n    ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n  }\n\n  return resolvedActions\n    ? storeCombinedWithActions as StoreWithActions<T>\n    : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","_Object$entries","currentState","listeners","Set","getState","setState","_ref","_asyncToGenerator","newState","listener","selector","newValue","undefined","previousValue","_x","apply","this","arguments","storeBaseicApi","subscribe","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref2","actionName","actionHandler","_len","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"4KAsFO,MAAMA,EAAcA,CACzBC,EACAC,EACAC,KACmC,IAAAC,EACnC,IAAIC,EAA2BJ,EAC/B,MAAMK,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,EAAQ,WAAA,IAAAC,EAAAC,GAAG,UAAOC,GACtBP,EAAeO,EAGf,IAAK,MAAMC,KAAYP,EAAW,CAEhC,MAAMQ,EAAoCD,aAAAA,EAAAA,EAAUC,SAM9CC,EAAuBD,EAAWA,EAAST,GAAgBA,OAGlCW,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOV,KACR,OAtBKI,SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,EAA2B,CAK/Bd,WAMAC,WAMAc,UAAYV,IACVP,EAAUkB,IAAIX,GACP,IAAMP,EAAUmB,OAAOZ,IAMhCa,YAAcb,IACZP,EAAUmB,OAAOZ,EAAS,GAOxBc,EACFzB,EAAiCE,QAA1BA,EAAGwB,OAAOC,QAAQ3B,cAAQE,SAAvBA,EAAyB0B,QACnC,CACEC,EAA+CC,KAAA,IAC9CC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,GAAUtB,GAAG,YAA6B,IAAA,IAAAwB,EAAAd,UAAAe,OAApBC,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAAlB,UAAAkB,GACzB,MAAMC,QAAuBN,EAAc1B,EAAUC,KAAa4B,GAKlE,OAHIlC,GACFM,EAASN,EAAQK,IAAYyB,KAAeI,IAEvCG,KAEV,GACD,CAAA,GACE,KAKAC,EAA2B,IAC5BnB,KACCK,EAAkB,CAAEzB,QAAS,IAAKyB,IAAsB,IAG9D,OACIc,CACoC"}
+{"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/**\n * Represents the callback function for a store listener.\n */\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/**\n * Represents a selector function that transforms the store state.\n */\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> | Partial<keyof T> | string | number | boolean | undefined;\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/**\n * Represents a listener for the store.\n */\nexport type Listener<T> = {\n  selector?: Selector<T>\n  previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/**\n * Represents a store.\n */\nexport type Store<T> = {\n  /**\n   * Get the current state of the store.\n   * @returns The current state of the store.\n   */\n  getState: () => Partial<T>\n  /**\n   * Set the state of the store.\n   * @param state - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  setState: (state: Partial<T>) => Promise<Partial<T>>\n  /**\n   * Subscribe a listener to the store.\n   * @param listener - The listener function to be subscribed.\n   * @returns A function to unsubscribe the listener.\n   */\n  subscribe: (listener: Listener<T>) => () => void\n  /**\n   * Unubscribe a listener from the store.\n   * @param listener - The listener function to be unsubscribed.\n   */\n  unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/**\n * Represents a store with additional actions.\n */\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller } }\n\n/**\n * Represents an action handler function.\n */\nexport type ActionHandler<T> = (\n  getState: Store<T>['getState'], // Function to get the current state of the store\n  setState: Store<T>['setState'], // Function to set the state of the store\n  ...rest: unknown[]\n) => void | Partial<T> | Promise<void | Partial<T>>\n\n/**\n * Represents an reducer function.\n */\nexport type Reducer<T> = (\n  state: Partial<T>,\n  action: string,\n  ...rest: unknown[]\n) => Partial<T>\n\n\n/**\n * Represents a function that calls an action handler.\n */\nexport type ActionHandlerCaller = (...args: unknown[]) => void\n\n\n/**\n * Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n */\nexport const createStore = <T>(\n  initialState: Partial<T>,\n  actions?: Record<string, ActionHandler<T>>,\n  reducer?: Reducer<T>,\n): Store<T> | StoreWithActions<T> => {\n  let currentState: Partial<T> = initialState\n  const listeners = new Set<Listener<T>>()\n\n  /**\n   * Gets the current state of the store.\n   * @returns The current state of the store.\n   */\n  const getState = () => currentState\n\n  // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n  /**\n   * Sets the state of the store.\n   * @param newState - The new state to set.\n   * @returns A promise that resolves to the new state.\n   */\n  const setState = async (newState: Partial<T>) => {\n    currentState = newState\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const listener of listeners) {\n      // has Listener selector?\n      const selector: Selector<T> | undefined = listener?.selector\n\n      // TODO compare selected value to the previous values of that listener/selector pair\n      // if listener.previousValue === selector(currentState) no call\n      // else listener.previousValue = selector(currentState) and call\n      // l1 cache, weak references?\n      const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n      // TODO plugin equality\n      if (listener.previousValue === undefined || listener.previousValue !== newValue) {\n        listener.previousValue = newValue\n        // eslint-disable-next-line no-await-in-loop\n        await listener(newValue as Partial<T>)\n      }\n    }\n    return currentState\n  }\n\n  /**\n   * Represents the basic API of the store.\n   */\n  const storeBaseicApi: Store<T> = {\n    /**\n     * Get the current state of the store.\n     * @returns The current state of the store.\n     */\n    getState,\n    /**\n     * Set the state of the store.\n     * @param state - The new state to set.\n     * @returns A promise that resolves to the new state.\n     */\n    setState,\n    /**\n     * Subscribe a listener to the store.\n     * @param listener - The listener function to be subscribed.\n     * @returns A function to unsubscribe the listener.\n     */\n    subscribe: (listener: Listener<T>) => {\n      listeners.add(listener)\n      return () => listeners.delete(listener)\n    },\n    /**\n     * Unsubscribe a listener from the store.\n     * @param listener - The listener function to be unsubscribed.\n     */\n    unsubscribe: (listener: Listener<T>) => {\n      listeners.delete(listener)\n    },\n  }\n\n  /**\n   * Resolves the actions and creates action handlers.\n   */\n  const resolvedActions: Record<string, ActionHandlerCaller> | null | undefined\n    = actions ? Object.entries(actions)?.reduce(\n      (\n        aggregator: Record<string, ActionHandlerCaller>,\n        [actionName, actionHandler]: [string, ActionHandler<T>],\n      ) => ({\n        ...aggregator,\n        [actionName]: async(...rest: unknown[]) => {\n          const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n          if (reducer) {\n            setState(reducer(getState(), actionName, ...rest))\n          }\n          return resultOfAction\n        },\n      }),\n      {},\n    ) : null\n\n  /**\n   * Represents the store combined with actions.\n   */\n  const storeCombinedWithActions = {\n    ...storeBaseicApi,\n    ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n  }\n\n  return resolvedActions\n    ? storeCombinedWithActions as StoreWithActions<T>\n    : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","currentState","listeners","Set","getState","setState","_ref","_asyncToGenerator","newState","listener","selector","newValue","undefined","previousValue","_x","apply","this","arguments","storeBaseicApi","subscribe","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref2","actionName","actionHandler","_len","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"wFAyFO,MAAMA,EAAcA,CACzBC,EACAC,EACAC,KAEA,IAAIC,EAA2BH,EAC/B,MAAMI,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,EAAQ,WAAA,IAAAC,EAAAC,GAAG,UAAOC,GACtBP,EAAeO,EAGf,IAAK,MAAMC,KAAYP,EAAW,CAEhC,MAAMQ,EAAoCD,GAAUC,SAM9CC,EAAiCD,EAAWA,EAAST,GAAgBA,OAG5CW,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOV,KACR,OAtBKI,SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,EAA2B,CAK/Bd,WAMAC,WAMAc,UAAYV,IACVP,EAAUkB,IAAIX,GACP,IAAMP,EAAUmB,OAAOZ,IAMhCa,YAAcb,IACZP,EAAUmB,OAAOZ,EAAS,GAOxBc,EACFxB,EAAUyB,OAAOC,QAAQ1B,IAAU2B,QACnC,CACEC,EAA+CC,KAAA,IAC9CC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,GAAUtB,GAAG,YAA6B,IAAA,IAAAwB,EAAAd,UAAAe,OAApBC,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAAlB,UAAAkB,GACzB,MAAMC,QAAuBN,EAAc1B,EAAUC,KAAa4B,GAKlE,OAHIjC,GACFK,EAASL,EAAQI,IAAYyB,KAAeI,IAEvCG,KAEV,GACD,CAAA,GACE,KAKAC,EAA2B,IAC5BnB,KACCK,EAAkB,CAAExB,QAAS,IAAKwB,IAAsB,IAG9D,OACIc,CACoC"}