@e1011/es-kit 1.1.74 → 1.1.75

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\n/**\n * Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined | number} width - The width of the wrapper element.\n * @property {undefined | number} height - The height of the wrapper element.\n */\nexport type WrapperSize = { width: undefined | number; height: undefined | number }\n\n/**\n * Type definition for the unobserver function.\n * @typedef {() => (null | void)} Unobserver\n */\ntype Unobserver = () => (null | void)\n\n/**\n * Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n */\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/**\n * Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","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":"wNAiCaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,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,IA4B9B,OA1BA4B,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,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\n/**\n * Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined | number} width - The width of the wrapper element.\n * @property {undefined | number} height - The height of the wrapper element.\n */\nexport type WrapperSize = { width: undefined | number; height: undefined | number }\n\n/**\n * Type definition for the unobserver function.\n * @typedef {() => (null | void)} Unobserver\n */\ntype Unobserver = () => (null | void)\n\n/**\n * Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n */\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/**\n * Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["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":"kMAiCaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,WAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,EAAAA,OAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,EAAAA,SACjEE,EAAgBF,EAAAA,SAEhBG,EAAyBC,EAAAA,SAAQ,IAAMC,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,IA4B9B,OA1BA4B,EAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n\n/**\n * Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","useThemePreference","useEffect","baseThemes","dark","light","getBaseThemes","setThemeClassNames","themes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","updateColorTheme","resolvedIsDark","contains"],"mappings":"kCAGA,MAAMA,EAAkC,SAQ3BC,EAAyB,WAGrB,IAFfC,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1E,MAAMC,EAA2BD,IAC/B,MAAME,EAAcT,IAEpBU,SAAAA,EAAmBH,EAAQE,GAC3BH,SAAAA,EAAiBC,EAAO,EAGpBI,EAA+BC,IACnCJ,EAAwBI,EAAMC,QAAQ,EAGlCC,EAAgCF,IACpCJ,GAAyBI,EAAMC,QAAQ,EAGnCN,EAASQ,OAAOC,WAAW,gCAEjC,IACED,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAEpC,CAAC,MAAOI,GAAO,CAYhB,OARAV,EAAwBD,eAAAA,EAAQM,SAChCE,OAAOC,WAAW,gCAAgCG,iBAChDrB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCG,iBACjDrB,EAAiCgB,GAG5B,KACLC,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAClC,CAEL,EAOaM,EAAqB,WAGvB,IAFTpB,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1Ec,GAAU,IAAMtB,EAAuBC,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F,EAaA,IAAIgB,EAAuB,CACzBC,KAAM,aACNC,MAAO,eAOIC,MAAAA,EAAgBA,IAAgBH,EAMhCI,EAAsBC,IACjCL,EAAaK,CAAM,EASRjB,EAAmB,SAACH,EAAiBE,GAAwD,IAA7BmB,IAAW3B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACtF,MAAM4B,EAAWtB,EAASe,EAAWE,MAAQF,EAAWC,KAClDO,EAAWvB,EAASe,EAAWC,KAAOD,EAAWE,MAEnDf,IACFA,EAAYsB,UAAUC,OAAOH,GAC7BpB,EAAYsB,UAAUC,OAAOF,GAC7BrB,EAAYsB,UAAUE,IAAIH,IAGJ,oBAAb1B,WACTA,SAAS8B,iBAAgBC,IAAAA,OAAKN,IAAYO,SAASC,IACjDA,EAAQN,UAAUE,QAAGE,OAAKL,IAC1BO,EAAQN,UAAUC,WAAMG,OAAKN,GAAW,IAGtCD,IACFxB,SAAS8B,iBAAiB,eAAeE,SAASC,IAAY,IAAAC,EAAAC,EAC1C,QAAlBD,EAAAD,EAAQG,kBAAU,IAAAF,GAA+B,QAA/BA,EAAlBA,EAAoBG,cAAa,IAAAN,OAAKN,WAAW,IAAAS,GAAjDA,EAAmDP,UAAUE,IAAIH,GAC/C,QAAlBS,EAAAF,EAAQG,kBAAU,IAAAD,GAA+B,QAA/BA,EAAlBA,EAAoBE,cAAa,IAAAN,OAAKN,WAAW,IAAAU,GAAjDA,EAAmDR,UAAUC,OAAOH,EAAS,IAG/EzB,SAAS8B,iBAAiB,gBAAgBE,SAASC,IAAY,IAAAK,EAAAC,EAAAC,EAC3C,QAAlBF,EAAAL,EAAQG,kBAAU,IAAAE,GAA+B,QAA/BA,EAAlBA,EAAoBD,cAAa,IAAAN,OAAKN,WAAW,IAAAa,GAAjDA,EAAmDX,UAAUE,IAAIH,GAC/C,QAAlBa,EAAAN,EAAQG,kBAAU,IAAAG,GAA+B,QAA/BA,EAAlBA,EAAoBF,cAAa,IAAAN,OAAKN,WAAW,IAAAc,GAAjDA,EAAmDZ,UAAUC,OAAOH,GAEpE,MAAMgB,EAA4CD,QAArBA,EAAGP,EAAQG,sBAAUI,SAAlBA,EAAoBE,WAAW,GAE3DD,IACFA,EAAWd,UAAUE,IAAIH,GACzBe,EAAWd,UAAUC,OAAOH,GAC9B,KAIR,EAOakB,EAAmBA,CAACxC,EAAkBE,KACjD,IAAIuC,EAA0BzC,IAAU,EAEhB,oBAAbH,eAAuCD,IAAXI,IACrCyC,EAAiB5C,SAASC,KAAK0B,UAAUkB,SAAS3B,EAAWC,OAE/Db,EAAiBsC,EAAgBvC,GAAeL,SAASC,KAAK"}
+{"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/**\n * Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n */\nexport const observeThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n  const switchColorThemeHandler = (isDark: boolean): void => {\n    const htmlElement = getHtmlElement()\n\n    switchColorTheme?.(isDark, htmlElement)\n    switchCallback?.(isDark)\n  }\n\n  const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(event.matches)\n  }\n\n  const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n    switchColorThemeHandler(!event.matches)\n  }\n\n  const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n  try {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  } catch (error) {\n    console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n  }\n\n  switchColorThemeHandler(isDark?.matches)\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n    windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n  )\n  window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n    windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n  )\n\n  return () => {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n      windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n    )\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n      windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n    )\n  }\n}\n\n/**\n * Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n */\nexport const useThemePreference = (\n  getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n  switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n  useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n\n/**\n * Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n */\ntype ThemeMap = {\n  dark: string\n  light: string\n}\n\nlet baseThemes: ThemeMap = {\n  dark: 'theme-dark',\n  light: 'theme-light',\n}\n\n/**\n * Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n */\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/**\n * Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n */\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n  baseThemes = themes\n}\n\n/**\n * Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n */\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n  const oldClass = isDark ? baseThemes.light : baseThemes.dark\n  const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n  if (htmlElement) {\n    htmlElement.classList.remove(oldClass)\n    htmlElement.classList.remove(newClass)\n    htmlElement.classList.add(newClass)\n  }\n\n  if (typeof document !== 'undefined') {\n    document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n      element.classList.add(`.${newClass}`)\n      element.classList.remove(`.${oldClass}`)\n    })\n\n    if (findShadows) {\n      document.querySelectorAll('.shadow-div').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n      })\n\n      document.querySelectorAll('esmf-wrapper').forEach((element) => {\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n        element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n        const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n        if (firstChild) {\n          firstChild.classList.add(newClass)\n          firstChild.classList.remove(oldClass)\n        }\n      })\n    }\n  }\n}\n\n/**\n * Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n  let resolvedIsDark: boolean = isDark || false\n\n  if (typeof document !== 'undefined' && isDark === undefined) {\n    resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n  }\n  switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","useThemePreference","useEffect","baseThemes","dark","light","getBaseThemes","setThemeClassNames","themes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","updateColorTheme","resolvedIsDark","contains"],"mappings":"yDAGA,MAAMA,EAAkC,SAQ3BC,EAAyB,WAGrB,IAFfC,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1E,MAAMC,EAA2BD,IAC/B,MAAME,EAAcT,IAEpBU,SAAAA,EAAmBH,EAAQE,GAC3BH,SAAAA,EAAiBC,EAAO,EAGpBI,EAA+BC,IACnCJ,EAAwBI,EAAMC,QAAQ,EAGlCC,EAAgCF,IACpCJ,GAAyBI,EAAMC,QAAQ,EAGnCN,EAASQ,OAAOC,WAAW,gCAEjC,IACED,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAEpC,CAAC,MAAOI,GAAO,CAYhB,OARAV,EAAwBD,eAAAA,EAAQM,SAChCE,OAAOC,WAAW,gCAAgCG,iBAChDrB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCG,iBACjDrB,EAAiCgB,GAG5B,KACLC,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAClC,CAEL,EAOaM,EAAqB,WAGvB,IAFTpB,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1Ec,EAASA,WAAC,IAAMtB,EAAuBC,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F,EAaA,IAAIgB,EAAuB,CACzBC,KAAM,aACNC,MAAO,eAOIC,MAAAA,EAAgBA,IAAgBH,EAMhCI,EAAsBC,IACjCL,EAAaK,CAAM,EASRjB,EAAmB,SAACH,EAAiBE,GAAwD,IAA7BmB,IAAW3B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACtF,MAAM4B,EAAWtB,EAASe,EAAWE,MAAQF,EAAWC,KAClDO,EAAWvB,EAASe,EAAWC,KAAOD,EAAWE,MAEnDf,IACFA,EAAYsB,UAAUC,OAAOH,GAC7BpB,EAAYsB,UAAUC,OAAOF,GAC7BrB,EAAYsB,UAAUE,IAAIH,IAGJ,oBAAb1B,WACTA,SAAS8B,iBAAgBC,IAAAA,OAAKN,IAAYO,SAASC,IACjDA,EAAQN,UAAUE,QAAGE,OAAKL,IAC1BO,EAAQN,UAAUC,WAAMG,OAAKN,GAAW,IAGtCD,IACFxB,SAAS8B,iBAAiB,eAAeE,SAASC,IAAY,IAAAC,EAAAC,EAC1C,QAAlBD,EAAAD,EAAQG,kBAAU,IAAAF,GAA+B,QAA/BA,EAAlBA,EAAoBG,cAAa,IAAAN,OAAKN,WAAW,IAAAS,GAAjDA,EAAmDP,UAAUE,IAAIH,GAC/C,QAAlBS,EAAAF,EAAQG,kBAAU,IAAAD,GAA+B,QAA/BA,EAAlBA,EAAoBE,cAAa,IAAAN,OAAKN,WAAW,IAAAU,GAAjDA,EAAmDR,UAAUC,OAAOH,EAAS,IAG/EzB,SAAS8B,iBAAiB,gBAAgBE,SAASC,IAAY,IAAAK,EAAAC,EAAAC,EAC3C,QAAlBF,EAAAL,EAAQG,kBAAU,IAAAE,GAA+B,QAA/BA,EAAlBA,EAAoBD,cAAa,IAAAN,OAAKN,WAAW,IAAAa,GAAjDA,EAAmDX,UAAUE,IAAIH,GAC/C,QAAlBa,EAAAN,EAAQG,kBAAU,IAAAG,GAA+B,QAA/BA,EAAlBA,EAAoBF,cAAa,IAAAN,OAAKN,WAAW,IAAAc,GAAjDA,EAAmDZ,UAAUC,OAAOH,GAEpE,MAAMgB,EAA4CD,QAArBA,EAAGP,EAAQG,sBAAUI,SAAlBA,EAAoBE,WAAW,GAE3DD,IACFA,EAAWd,UAAUE,IAAIH,GACzBe,EAAWd,UAAUC,OAAOH,GAC9B,KAIR,EAOakB,EAAmBA,CAACxC,EAAkBE,KACjD,IAAIuC,EAA0BzC,IAAU,EAEhB,oBAAbH,eAAuCD,IAAXI,IACrCyC,EAAiB5C,SAASC,KAAK0B,UAAUkB,SAAS3B,EAAWC,OAE/Db,EAAiBsC,EAAgBvC,GAAeL,SAASC,KAAK"}

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[l,r]=o(t),i=e((o=>{r(n?e=>"boolean"==typeof o?o:!e:null!=o?o:!l)}),[n,l,r]),c=e((o=>i(void 0===o||"boolean"!=typeof o||o)),[i]),d=e((o=>i(void 0!==o&&"boolean"==typeof o&&!0===o)),[i]);return[l,i,c,d]};export{t as useToggle};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../node_modules/react/index.js";const e=function(e){let l=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[t,n]=o.useState(e),s=o.useCallback((o=>{n(l?e=>"boolean"==typeof o?o:!e:null!=o?o:!t)}),[l,t,n]),a=o.useCallback((o=>s(void 0===o||"boolean"!=typeof o||o)),[s]),r=o.useCallback((o=>s(void 0!==o&&"boolean"==typeof o&&!0===o)),[s]);return[t,s,a,r]};export{e 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/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"sIAwBaA,EAAY,SAACC,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAASP,GAMjCQ,EAAgDC,GAAaC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,GACtBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,GAAkCA,IAAa,CAACL,IAQxDM,EAAoBL,GACvBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACL,IAGxE,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}
+{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"6IAwBaA,EAAY,SAACC,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAAAA,SAASP,GAMjCQ,EAAgDC,EAAWA,aAAEC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,EAAWA,aACjCI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,GAAkCA,IAAa,CAACL,IAQxDM,EAAoBL,EAAAA,aACvBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACL,IAGxE,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}

package/dist/lib/esm/src/core/hooks/useToggle2.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=t=>{const[r,s]=o(t),c=e((o=>{s((e=>"boolean"==typeof o?o:!e))}),[]),d=e((o=>c(void 0===o||o)),[c]),i=e((o=>c(void 0!==o&&o)),[c]);return[r,c,d,i]};export{t as useToggle2};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../node_modules/react/index.js";const e=e=>{const[s,t]=o.useState(e),l=o.useCallback((o=>{t((e=>"boolean"==typeof o?o:!e))}),[]),a=o.useCallback((o=>l(void 0===o||o)),[l]),r=o.useCallback((o=>l(void 0!==o&&o)),[l]);return[s,l,a,r]};export{e as useToggle2};
 //# sourceMappingURL=useToggle2.js.map

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

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

package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t,extends as e,objectSpread2 as a}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as n,useCallback as o,createElement as r}from"react";import i from"./button.module.scss.js";import{Link as s}from"../text/Link.js";import{classNames as l,noop as c}from"../../../../utils/helpers/ui.js";import{composeId as d}from"../../../../utils/helpers/text.js";import{IconBase as p}from"../../icon/IconBase.js";const m=["variant","href","target","children"],u=["label","children","variant","tiny","truncate","fluid","preventDefualt","stopPropagation","onClick","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","href","target"],h={ENTER:{key:"Enter",keyCode:13}},f=n((e=>{let{variant:n,href:o,target:i,children:l}=e,d=t(e,m);return"link"===n?r(s,a(a({width:"100%",href:o,target:i},d),{},{onClick:c}),l):r("span",{},l)}));f.displayName="InnerElement";const g=n((a=>{let{label:n,children:r,variant:s,tiny:c,truncate:p,fluid:m,preventDefualt:g,stopPropagation:b,onClick:v,type:y="button",transparent:E,hasShadow:j,hasIcon:I,disabled:k,animated:C=!1,className:N="",id:P,href:w,target:R}=a,S=t(a,u);const x="".concat(n||(null==r?void 0:r.toString())),D=o((t=>{g&&t.preventDefault(),b&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t)}),[v,g,b]),B=o((t=>{t.key===h.ENTER.key&&(g&&t.preventDefault(),b&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t))}),[v,g,b]);return React.createElement("button",e({type:y,tabIndex:-1,onClick:D,onKeyDown:B,className:l(i.button,c&&i.tiny,s&&i[s],p&&i.truncate,m&&i.fluid,C&&i.animated,E&&i.transparent,j&&i.hasShadow,I&&i.hasIcon,k&&i.disabled,N),id:"".concat(P||x&&d(x)),"data-testid":"".concat(S.dataTestId||S["data-testid"]||P||x&&d(x))},S),React.createElement(f,{variant:s,href:w,target:R},n&&n,r||r))}));g.displayName="Button";const b=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],v=n((t=>{const a={},n={};return Object.entries(t).forEach((t=>{let[e,o]=t;b.includes(e)?n[e]=o:a[e]=o})),n.children=t.children,React.createElement(g,e({},a,{hasIcon:!0}),t.iconContent&&t.iconContent,!t.iconContent&&React.createElement(p,n))}));v.displayName="IconButton";export{g as Button,v as IconButton,h as keys};
+import{objectWithoutProperties as t,extends as e,objectSpread2 as a}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as n}from"../../../../../../node_modules/react/index.js";import o from"./button.module.scss.js";import{Link as r}from"../text/Link.js";import{classNames as i,noop as l}from"../../../../utils/helpers/ui.js";import{composeId as s}from"../../../../utils/helpers/text.js";import{IconBase as c}from"../../icon/IconBase.js";const d=["variant","href","target","children"],m=["label","children","variant","tiny","truncate","fluid","preventDefualt","stopPropagation","onClick","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","href","target"],p={ENTER:{key:"Enter",keyCode:13}},u=n.memo((e=>{let{variant:o,href:i,target:s,children:c}=e,m=t(e,d);return"link"===o?n.createElement(r,a(a({width:"100%",href:i,target:s},m),{},{onClick:l}),c):n.createElement("span",{},c)}));u.displayName="InnerElement";const h=n.memo((a=>{let{label:r,children:l,variant:c,tiny:d,truncate:h,fluid:f,preventDefualt:b,stopPropagation:g,onClick:v,type:E="button",transparent:y,hasShadow:j,hasIcon:k,disabled:I,animated:C=!1,className:N="",id:P,href:w,target:x}=a,R=t(a,m);const S="".concat(r||(null==l?void 0:l.toString())),D=n.useCallback((t=>{b&&t.preventDefault(),g&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t)}),[v,b,g]),B=n.useCallback((t=>{t.key===p.ENTER.key&&(b&&t.preventDefault(),g&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t))}),[v,b,g]);return React.createElement("button",e({type:E,tabIndex:-1,onClick:D,onKeyDown:B,className:i(o.button,d&&o.tiny,c&&o[c],h&&o.truncate,f&&o.fluid,C&&o.animated,y&&o.transparent,j&&o.hasShadow,k&&o.hasIcon,I&&o.disabled,N),id:"".concat(P||S&&s(S)),"data-testid":"".concat(R.dataTestId||R["data-testid"]||P||S&&s(S))},R),React.createElement(u,{variant:c,href:w,target:x},r&&r,l||l))}));h.displayName="Button";const f=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],b=n.memo((t=>{const a={},n={};return Object.entries(t).forEach((t=>{let[e,o]=t;f.includes(e)?n[e]=o:a[e]=o})),n.children=t.children,React.createElement(h,e({},a,{hasIcon:!0}),t.iconContent&&t.iconContent,!t.iconContent&&React.createElement(c,n))}));b.displayName="IconButton";export{h as Button,b as IconButton,p as keys};
 //# sourceMappingURL=Button.js.map

package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { Link } from '../text'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\n\nexport const keys = {\n  ENTER: {\n    key: 'Enter',\n    keyCode: 13,\n  },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n  variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n  if (variant === 'link') {\n    return createElement(Link, { width: '100%', href, target, ...props, onClick: noop }, children)\n  }\n  return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n  label, children,\n  variant, tiny, truncate, fluid,\n  preventDefualt, stopPropagation,\n  onClick,\n  type = 'button',\n  transparent,\n  hasShadow,\n  hasIcon,\n  disabled,\n  animated = false, className = '', id,\n  href,\n  target,\n  ...props\n}: ButtonProps) => {\n  const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n  const clickHandler = useCallback((event: MouseEvent) => {\n    if (preventDefualt) {\n      event.preventDefault()\n    }\n    if (stopPropagation) {\n      event.stopPropagation()\n      event.nativeEvent.stopImmediatePropagation()\n    }\n    onClick?.(event)\n  }, [onClick, preventDefualt, stopPropagation])\n\n  const keyDownHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === keys.ENTER.key) {\n      if (preventDefualt) {\n        event.preventDefault()\n      }\n      if (stopPropagation) {\n        event.stopPropagation()\n        event.nativeEvent.stopImmediatePropagation()\n      }\n      onClick?.(event)\n    }\n  }, [onClick, preventDefualt, stopPropagation])\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      tabIndex={-1}\n      onClick={clickHandler}\n      onKeyDown={keyDownHandler}\n      className={classNames(\n        classes.button,\n        tiny && classes.tiny,\n        variant && classes[variant as Alerts],\n        truncate && classes.truncate,\n        fluid && classes.fluid,\n        animated && classes.animated,\n        transparent && classes.transparent,\n        hasShadow && classes.hasShadow,\n        hasIcon && classes.hasIcon,\n        disabled && classes.disabled,\n        className,\n      )}\n      id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n      {...props}\n    >\n      <InnerElement variant={variant} href={href} target={target}>\n        {label && label}\n        {children || children}\n      </InnerElement>\n    </button>\n  )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n  'iconUrl',\n  'minWidth',\n  'minHeight',\n  'width',\n  'height',\n  'size',\n  'fontSize',\n  'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n  const buttonProps: Record<string, unknown> = {}\n  const iconProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n    if (iconBaseProps.includes(name)) {\n      // eslint-disable-next-line no-param-reassign\n      iconProps[name] = value\n    } else {\n      buttonProps[name] = value\n    }\n  })\n\n  iconProps.children = props.children\n\n  return (\n    <Button {...(buttonProps as ButtonProps)} hasIcon>\n      {props.iconContent && props.iconContent}\n      {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n    </Button>\n  )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","_objectWithoutProperties","_excluded","createElement","Link","_objectSpread","width","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","_excluded2","textFromChildren","concat","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"wxBAWaA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,GAAKC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,GACaJ,EADAK,EAAKC,EAAAN,EAAAO,GAEzC,MAAgB,SAAZN,EACKO,EAAcC,EAAIC,EAAAA,EAAA,CAAIC,MAAO,OAAQT,OAAMC,UAAWE,GAAK,GAAA,CAAEO,QAASC,IAAQT,GAEhFI,EAAc,OAAQ,CAAE,EAAEJ,EAAS,IAG5CN,EAAagB,YAAc,qBAoBdC,EAAShB,GAAKiB,IAcR,IAdSC,MAC1BA,EAAKb,SAAEA,EAAQH,QACfA,EAAOiB,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAE5B,KACpCA,EAAIC,OACJA,GAEYa,EADTX,EAAKC,EAAAU,EAAAe,GAER,MAAMC,EAAoC,GAAAC,OAAMhB,IAASb,eAAAA,EAAU8B,aAE7DC,EAAeC,GAAaC,IAC5BhB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,EAAM,GACf,CAACzB,EAASS,EAAgBC,IAEvBmB,EAAiBL,GAAaC,IAC9BA,EAAMzC,MAAQF,EAAKC,MAAMC,MACvByB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,GACZ,GACC,CAACzB,EAASS,EAAgBC,IAE7B,OACEoB,MAAAlC,cAAA,SAAAmC,EAAA,CAEEpB,KAAMA,EACNqB,UAAW,EACXhC,QAASuB,EACTU,UAAWJ,EACXZ,UAAWiB,EACTC,EAAQC,OACR9B,GAAQ6B,EAAQ7B,KAChBjB,GAAW8C,EAAQ9C,GACnBkB,GAAY4B,EAAQ5B,SACpBC,GAAS2B,EAAQ3B,MACjBQ,GAAYmB,EAAQnB,SACpBJ,GAAeuB,EAAQvB,YACvBC,GAAasB,EAAQtB,UACrBC,GAAWqB,EAAQrB,QACnBC,GAAYoB,EAAQpB,SACpBE,GAEFC,GAAE,GAAAG,OAAKH,GAAOE,GAAoBiB,EAAUjB,IAC5C,cAAA,GAAAC,OAAiB5B,EAAiC6C,YAAe7C,EAAiC,gBAAkByB,GAAOE,GAAoBiB,EAAUjB,KACrJ3B,GAEJqC,MAAAlC,cAACV,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDc,GAASA,EACTb,GAAYA,GAER,IAObW,EAAOD,YAAc,SAErB,MAAMqC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkCrD,GAAuBM,IACpE,MAAMgD,EAAuC,CAAE,EACzCC,EAAqC,CAAE,EAa7C,OAXAC,OAAOC,QAAQnD,GAAOoD,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAUlD,SAAWC,EAAMD,SAGzBsC,MAAAlC,cAACO,EAAM4B,KAAMU,EAAW,CAAkB3B,SAAO,IAC9CrB,EAAMyD,aAAezD,EAAMyD,aAC1BzD,EAAMyD,aAAgBpB,MAAAlC,cAACuD,EAAcT,GAChC,IAIbF,EAAWtC,YAAc"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { Link } from '../text'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\n\nexport const keys = {\n  ENTER: {\n    key: 'Enter',\n    keyCode: 13,\n  },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n  variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n  if (variant === 'link') {\n    return createElement(Link, { width: '100%', href, target, ...props, onClick: noop }, children)\n  }\n  return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n  label, children,\n  variant, tiny, truncate, fluid,\n  preventDefualt, stopPropagation,\n  onClick,\n  type = 'button',\n  transparent,\n  hasShadow,\n  hasIcon,\n  disabled,\n  animated = false, className = '', id,\n  href,\n  target,\n  ...props\n}: ButtonProps) => {\n  const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n  const clickHandler = useCallback((event: MouseEvent) => {\n    if (preventDefualt) {\n      event.preventDefault()\n    }\n    if (stopPropagation) {\n      event.stopPropagation()\n      event.nativeEvent.stopImmediatePropagation()\n    }\n    onClick?.(event)\n  }, [onClick, preventDefualt, stopPropagation])\n\n  const keyDownHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === keys.ENTER.key) {\n      if (preventDefualt) {\n        event.preventDefault()\n      }\n      if (stopPropagation) {\n        event.stopPropagation()\n        event.nativeEvent.stopImmediatePropagation()\n      }\n      onClick?.(event)\n    }\n  }, [onClick, preventDefualt, stopPropagation])\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      tabIndex={-1}\n      onClick={clickHandler}\n      onKeyDown={keyDownHandler}\n      className={classNames(\n        classes.button,\n        tiny && classes.tiny,\n        variant && classes[variant as Alerts],\n        truncate && classes.truncate,\n        fluid && classes.fluid,\n        animated && classes.animated,\n        transparent && classes.transparent,\n        hasShadow && classes.hasShadow,\n        hasIcon && classes.hasIcon,\n        disabled && classes.disabled,\n        className,\n      )}\n      id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n      {...props}\n    >\n      <InnerElement variant={variant} href={href} target={target}>\n        {label && label}\n        {children || children}\n      </InnerElement>\n    </button>\n  )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n  'iconUrl',\n  'minWidth',\n  'minHeight',\n  'width',\n  'height',\n  'size',\n  'fontSize',\n  'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n  const buttonProps: Record<string, unknown> = {}\n  const iconProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n    if (iconBaseProps.includes(name)) {\n      // eslint-disable-next-line no-param-reassign\n      iconProps[name] = value\n    } else {\n      buttonProps[name] = value\n    }\n  })\n\n  iconProps.children = props.children\n\n  return (\n    <Button {...(buttonProps as ButtonProps)} hasIcon>\n      {props.iconContent && props.iconContent}\n      {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n    </Button>\n  )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","_objectWithoutProperties","_excluded","createElement","Link","_objectSpread","width","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","_excluded2","textFromChildren","concat","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"yxBAWaA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,EAAIA,MAACC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,GACaJ,EADAK,EAAKC,EAAAN,EAAAO,GAEzC,MAAgB,SAAZN,EACKO,gBAAcC,EAAIC,EAAAA,EAAA,CAAIC,MAAO,OAAQT,OAAMC,UAAWE,GAAK,GAAA,CAAEO,QAASC,IAAQT,GAEhFI,gBAAc,OAAQ,CAAE,EAAEJ,EAAS,IAG5CN,EAAagB,YAAc,qBAoBdC,EAAShB,EAAIA,MAACiB,IAcR,IAdSC,MAC1BA,EAAKb,SAAEA,EAAQH,QACfA,EAAOiB,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAE5B,KACpCA,EAAIC,OACJA,GAEYa,EADTX,EAAKC,EAAAU,EAAAe,GAER,MAAMC,EAAoC,GAAAC,OAAMhB,IAASb,eAAAA,EAAU8B,aAE7DC,EAAeC,EAAWA,aAAEC,IAC5BhB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,EAAM,GACf,CAACzB,EAASS,EAAgBC,IAEvBmB,EAAiBL,EAAWA,aAAEC,IAC9BA,EAAMzC,MAAQF,EAAKC,MAAMC,MACvByB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,GACZ,GACC,CAACzB,EAASS,EAAgBC,IAE7B,OACEoB,MAAAlC,cAAA,SAAAmC,EAAA,CAEEpB,KAAMA,EACNqB,UAAW,EACXhC,QAASuB,EACTU,UAAWJ,EACXZ,UAAWiB,EACTC,EAAQC,OACR9B,GAAQ6B,EAAQ7B,KAChBjB,GAAW8C,EAAQ9C,GACnBkB,GAAY4B,EAAQ5B,SACpBC,GAAS2B,EAAQ3B,MACjBQ,GAAYmB,EAAQnB,SACpBJ,GAAeuB,EAAQvB,YACvBC,GAAasB,EAAQtB,UACrBC,GAAWqB,EAAQrB,QACnBC,GAAYoB,EAAQpB,SACpBE,GAEFC,GAAE,GAAAG,OAAKH,GAAOE,GAAoBiB,EAAUjB,IAC5C,cAAA,GAAAC,OAAiB5B,EAAiC6C,YAAe7C,EAAiC,gBAAkByB,GAAOE,GAAoBiB,EAAUjB,KACrJ3B,GAEJqC,MAAAlC,cAACV,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDc,GAASA,EACTb,GAAYA,GAER,IAObW,EAAOD,YAAc,SAErB,MAAMqC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkCrD,EAAIA,MAAmBM,IACpE,MAAMgD,EAAuC,CAAE,EACzCC,EAAqC,CAAE,EAa7C,OAXAC,OAAOC,QAAQnD,GAAOoD,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAUlD,SAAWC,EAAMD,SAGzBsC,MAAAlC,cAACO,EAAM4B,KAAMU,EAAW,CAAkB3B,SAAO,IAC9CrB,EAAMyD,aAAezD,EAAMyD,aAC1BzD,EAAMyD,aAAgBpB,MAAAlC,cAACuD,EAAcT,GAChC,IAIbF,EAAWtC,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/icons.js

@@ -1,2 +1,2 @@
-import e from"react";const c=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z"})),t=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"}));export{c as closeIconJSX,t as infoIconJSX};
+import e from"../../../../../node_modules/react/index.js";const c=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z"})),t=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"}));export{c as closeIconJSX,t as infoIconJSX};
 //# sourceMappingURL=icons.js.map

package/dist/lib/esm/src/core/ui/components/atoms/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n  <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n    <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n  </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"qBAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}
+{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n  <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n    <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n  </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"0DAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}

package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t,objectSpread2 as e,extends as o}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useState as n,useRef as r,useMemo as a}from"react";import{TextAndIcons as i}from"../textAndContent/TextAndContent.js";import{LayoutBox as s}from"../../container/layoutBox/LayoutBox.js";import c from"./tag.module.scss.js";import{TagVariant as m}from"./tag.types.js";import{Text as u}from"../text/Text.js";import{useClassNames as d}from"../../../../hooks/useClassNames.js";import{useResize as p}from"../../../../hooks/useResize.js";import{Tooltip as h}from"../../molecules/popover/Tooltip.js";import{useParseProps as f}from"../../../../hooks/useParseProps.js";import{composeId as g}from"../../../../utils/helpers/text.js";const v=["variant","text","hashtag","components","onClick","children","inTable","className"],x={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},R=l((l=>{let{variant:R=m.default,text:j,hashtag:b,components:E,onClick:k,children:T,inTable:C,className:N=""}=l,w=t(l,v);const P=(null==E?void 0:E.TextComponent)||u,y=d([c.tag,R&&c[R],k&&c.clickable,C&&c["in-table"],N],[c]),{dataProps:L,restProps:U}=f(w),[z,B]=n(!1),S=r(null),W=r(null),[_]=p(50,(t=>{let{width:e,height:o}=t;const l=_.current;l&&B(l.offsetWidth<l.scrollWidth),S.current={width:e,height:o}})),A=a((()=>!!(T||j||null!=U&&U.iconLeftUrl||null!=U&&U.iconLeft||null!=U&&U.iconRightUrl||null!=U&&U.iconRight)),[T,j,null==U?void 0:U.iconLeftUrl,null==U?void 0:U.iconLeft,null==U?void 0:U.iconRightUrl,null==U?void 0:U.iconRight]),F=a((()=>{var t,o;return z?e(e({},x),{},{width:"".concat(null==S||null===(t=S.current)||void 0===t?void 0:t.width,"px"),height:"".concat(null==S||null===(o=S.current)||void 0===o?void 0:o.height,"px")}):null}),[z,null==S?void 0:S.current]);return React.createElement(React.Fragment,null,React.createElement(s,o({id:"".concat(void 0!==w.id&&w.id||j&&g(j)),className:y},L,U,{"data-testid":"".concat(L.dataTestId||L["data-testid"]||w.id||j&&g(j)),onClick:k}),b&&React.createElement(P,null,"#"),A&&React.createElement(i,o({className:c.text,iconSize:"0.8em"},U,{width:"auto"}),React.createElement("div",{ref:_,className:"text-truncate"},z&&React.createElement(React.Fragment,null,React.createElement("div",{ref:W,style:F}),React.createElement("span",null,T||j)),!z&&(T||j)))),z&&React.createElement(h,{text:j,targetRef:W}))}));R.displayName="Tag";export{R as Tag};
+import{objectWithoutProperties as e,objectSpread2 as t,extends as o}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as l}from"../../../../../../node_modules/react/index.js";import{TextAndIcons as n}from"../textAndContent/TextAndContent.js";import{LayoutBox as a}from"../../container/layoutBox/LayoutBox.js";import r from"./tag.module.scss.js";import{TagVariant as i}from"./tag.types.js";import{Text as s}from"../text/Text.js";import{useClassNames as c}from"../../../../hooks/useClassNames.js";import{useResize as m}from"../../../../hooks/useResize.js";import{Tooltip as u}from"../../molecules/popover/Tooltip.js";import{useParseProps as d}from"../../../../hooks/useParseProps.js";import{composeId as p}from"../../../../utils/helpers/text.js";const h=["variant","text","hashtag","components","onClick","children","inTable","className"],f={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},g=l.memo((g=>{let{variant:x=i.default,text:R,hashtag:v,components:j,onClick:b,children:E,inTable:k,className:T=""}=g,C=e(g,h);const N=(null==j?void 0:j.TextComponent)||s,w=c([r.tag,x&&r[x],b&&r.clickable,k&&r["in-table"],T],[r]),{dataProps:P,restProps:y}=d(C),[L,S]=l.useState(!1),U=l.useRef(null),_=l.useRef(null),[z]=m(50,(e=>{let{width:t,height:o}=e;const l=z.current;l&&S(l.offsetWidth<l.scrollWidth),U.current={width:t,height:o}})),B=l.useMemo((()=>!!(E||R||null!=y&&y.iconLeftUrl||null!=y&&y.iconLeft||null!=y&&y.iconRightUrl||null!=y&&y.iconRight)),[E,R,null==y?void 0:y.iconLeftUrl,null==y?void 0:y.iconLeft,null==y?void 0:y.iconRightUrl,null==y?void 0:y.iconRight]),W=l.useMemo((()=>{var e,o;return L?t(t({},f),{},{width:"".concat(null==U||null===(e=U.current)||void 0===e?void 0:e.width,"px"),height:"".concat(null==U||null===(o=U.current)||void 0===o?void 0:o.height,"px")}):null}),[L,null==U?void 0:U.current]);return React.createElement(React.Fragment,null,React.createElement(a,o({id:"".concat(void 0!==C.id&&C.id||R&&p(R)),className:w},P,y,{"data-testid":"".concat(P.dataTestId||P["data-testid"]||C.id||R&&p(R)),onClick:b}),v&&React.createElement(N,null,"#"),B&&React.createElement(n,o({className:r.text,iconSize:"0.8em"},y,{width:"auto"}),React.createElement("div",{ref:z,className:"text-truncate"},L&&React.createElement(React.Fragment,null,React.createElement("div",{ref:_,style:W}),React.createElement("span",null,E||R)),!L&&(E||R)))),L&&React.createElement(u,{text:R,targetRef:_}))}));g.displayName="Tag";export{g as Tag};
 //# sourceMappingURL=Tag.js.map

package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n  textWrapper: { position: 'relative' },\n  textTransformedWrapperTipPlaceholder: {\n    position: 'absolute',\n    top: 0,\n    background: 'transparent',\n    zIndex: 0,\n    userSelect: 'none',\n  },\n}\n\n/**\n * Tag component.\n *  *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n  variant = TagVariant.default,\n  text,\n  hashtag,\n  components,\n  onClick,\n  children,\n  inTable,\n  className = '',\n  ...props\n}: TagProps) => {\n  const TextComponent = components?.TextComponent || BodyText\n\n  const classesResolved = useClassNames([\n    classes.tag,\n    variant && classes[variant],\n    onClick && classes.clickable,\n    inTable && classes['in-table'],\n    className,\n  ], [classes])\n\n  const { dataProps, restProps } = useParseProps(props)\n  const [isTruncated, setIsTruncated] = useState(false)\n\n  const wrapperSizeRef = useRef<WrapperSize | null>(null)\n  const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n  const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n    const element = textRef.current\n\n    if (element) {\n      setIsTruncated(element.offsetWidth < element.scrollWidth)\n    }\n    wrapperSizeRef.current = { width, height }\n  })\n\n  const hasContent = useMemo(() => !!(children\n    || text\n    || restProps?.iconLeftUrl\n    || restProps?.iconLeft\n    || restProps?.iconRightUrl\n    || restProps?.iconRight\n  ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n  const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n    ...styles.textTransformedWrapperTipPlaceholder,\n    width: `${wrapperSizeRef?.current?.width}px`,\n    height: `${wrapperSizeRef?.current?.height}px`,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }) : null), [isTruncated, wrapperSizeRef?.current])\n\n  return (\n    <>\n      <LayoutBox\n        id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n        className={classesResolved}\n        {...dataProps}\n        {...restProps}\n        data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n        onClick={onClick}\n      >\n        {hashtag && <TextComponent>#</TextComponent>}\n        {hasContent\n          && (\n            <TextAndIcons\n              className={classes.text}\n              iconSize='0.8em'\n              {...restProps}\n              width='auto'\n            >\n              <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n                {isTruncated && (\n                  <>\n                    <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n                    <span>{children || text}</span>\n                  </>\n                )}\n                {!isTruncated && (children || text)}\n              </div>\n            </TextAndIcons>\n          )}\n      </LayoutBox>\n      {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n    </>\n  )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","_objectWithoutProperties","_excluded","TextComponent","BodyText","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","_wrapperSizeRef$curre","_wrapperSizeRef$curre2","_objectSpread","concat","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"m7BAaMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,GAAeC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAWC,QAAOC,KAC5BA,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,IAEHV,EADNW,EAAKC,EAAAZ,EAAAa,GAER,MAAMC,GAAgBR,aAAU,EAAVA,EAAYQ,gBAAiBC,EAE7CC,EAAkBC,EAAc,CACpCC,EAAQC,IACRlB,GAAWiB,EAAQjB,GACnBM,GAAWW,EAAQE,UACnBX,GAAWS,EAAQ,YACnBR,GACC,CAACQ,KAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAcZ,IACxCa,EAAaC,GAAkBC,GAAS,GAEzCC,EAAiBC,EAA2B,MAC5CC,EAAmBD,EAA8B,OAEhDE,GAAWC,EAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,GAAQ,OAAShC,GAC/BJ,GACAkB,SAAAA,EAAWmB,aACXnB,SAAAA,EAAWoB,UACXpB,SAAAA,EAAWqB,cACXrB,SAAAA,EAAWsB,YACb,CAACpC,EAAUJ,EAAMkB,eAAAA,EAAWmB,YAAanB,aAAS,EAATA,EAAWoB,SAAUpB,aAAS,EAATA,EAAWqB,aAAcrB,aAAS,EAATA,EAAWsB,YAE/FC,EAAuBL,GAAQ,KAAA,IAAAM,EAAAC,EAAA,OAAOvB,EAAWwB,EAAAA,EAClDxD,CAAAA,EAAAA,GAA2C,GAAA,CAC9CyC,SAAKgB,OAAKtB,SAAuBmB,QAATA,EAAdnB,EAAgBS,mBAAOU,SAAvBA,EAAyBb,MAAS,MAC5CC,UAAMe,OAAKtB,SAAuB,QAAToB,EAAdpB,EAAgBS,eAAhBW,IAAuBA,OAAvBA,EAAAA,EAAyBb,OAAM,QAEvC,IAAI,GAAG,CAACV,EAAaG,aAAc,EAAdA,EAAgBS,UAE1C,OACEc,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASC,EAAA,CACRC,GAAE,GAAAN,YAA0B,IAAbtC,EAAM4C,IAAsB5C,EAAM4C,IAAQnD,GAAQoD,EAAUpD,IAC3EM,UAAWM,GACPK,EACAC,EAAS,CACb,cAAA2B,GAAAA,OAAgB5B,EAAUoC,YAAcpC,EAAU,gBAAkBV,EAAM4C,IAAOnD,GAAQoD,EAAUpD,IACnGG,QAASA,IAERF,GAAW6C,MAAAC,cAACrC,EAAc,KAAA,KAC1ByB,GAEGW,MAAAC,cAACO,EAAYJ,EAAA,CACX5C,UAAWQ,EAAQd,KACnBuD,SAAS,SACLrC,EAAS,CACbW,MAAM,SAENiB,MAAAC,cAAA,MAAA,CAAKS,IAAK9B,EAAsCpB,UAAU,iBACvDc,GACC0B,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK/B,EAAkBgC,MAAOhB,IACnCK,MAAAC,cAAA,OAAA,KAAO3C,GAAYJ,KAGrBoB,IAAgBhB,GAAYJ,MAKvCoB,GAAe0B,MAAAC,cAACW,EAAO,CAAC1D,KAAMA,EAAM2D,UAAWlC,IAC/C,IAIP/B,EAAIkE,YAAc"}
+{"version":3,"file":"Tag.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n  textWrapper: { position: 'relative' },\n  textTransformedWrapperTipPlaceholder: {\n    position: 'absolute',\n    top: 0,\n    background: 'transparent',\n    zIndex: 0,\n    userSelect: 'none',\n  },\n}\n\n/**\n * Tag component.\n *  *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n  variant = TagVariant.default,\n  text,\n  hashtag,\n  components,\n  onClick,\n  children,\n  inTable,\n  className = '',\n  ...props\n}: TagProps) => {\n  const TextComponent = components?.TextComponent || BodyText\n\n  const classesResolved = useClassNames([\n    classes.tag,\n    variant && classes[variant],\n    onClick && classes.clickable,\n    inTable && classes['in-table'],\n    className,\n  ], [classes])\n\n  const { dataProps, restProps } = useParseProps(props)\n  const [isTruncated, setIsTruncated] = useState(false)\n\n  const wrapperSizeRef = useRef<WrapperSize | null>(null)\n  const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n  const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n    const element = textRef.current\n\n    if (element) {\n      setIsTruncated(element.offsetWidth < element.scrollWidth)\n    }\n    wrapperSizeRef.current = { width, height }\n  })\n\n  const hasContent = useMemo(() => !!(children\n    || text\n    || restProps?.iconLeftUrl\n    || restProps?.iconLeft\n    || restProps?.iconRightUrl\n    || restProps?.iconRight\n  ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n  const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n    ...styles.textTransformedWrapperTipPlaceholder,\n    width: `${wrapperSizeRef?.current?.width}px`,\n    height: `${wrapperSizeRef?.current?.height}px`,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }) : null), [isTruncated, wrapperSizeRef?.current])\n\n  return (\n    <>\n      <LayoutBox\n        id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n        className={classesResolved}\n        {...dataProps}\n        {...restProps}\n        data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n        onClick={onClick}\n      >\n        {hashtag && <TextComponent>#</TextComponent>}\n        {hasContent\n          && (\n            <TextAndIcons\n              className={classes.text}\n              iconSize='0.8em'\n              {...restProps}\n              width='auto'\n            >\n              <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n                {isTruncated && (\n                  <>\n                    <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n                    <span>{children || text}</span>\n                  </>\n                )}\n                {!isTruncated && (children || text)}\n              </div>\n            </TextAndIcons>\n          )}\n      </LayoutBox>\n      {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n    </>\n  )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","_objectWithoutProperties","_excluded","TextComponent","BodyText","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","_wrapperSizeRef$curre","_wrapperSizeRef$curre2","_objectSpread","concat","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"i7BAaMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,EAAIA,MAAWC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAWC,QAAOC,KAC5BA,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,IAEHV,EADNW,EAAKC,EAAAZ,EAAAa,GAER,MAAMC,GAAgBR,aAAU,EAAVA,EAAYQ,gBAAiBC,EAE7CC,EAAkBC,EAAc,CACpCC,EAAQC,IACRlB,GAAWiB,EAAQjB,GACnBM,GAAWW,EAAQE,UACnBX,GAAWS,EAAQ,YACnBR,GACC,CAACQ,KAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAcZ,IACxCa,EAAaC,GAAkBC,EAAAA,UAAS,GAEzCC,EAAiBC,EAAMA,OAAqB,MAC5CC,EAAmBD,EAAMA,OAAwB,OAEhDE,GAAWC,EAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,EAAAA,SAAQ,OAAShC,GAC/BJ,GACAkB,SAAAA,EAAWmB,aACXnB,SAAAA,EAAWoB,UACXpB,SAAAA,EAAWqB,cACXrB,SAAAA,EAAWsB,YACb,CAACpC,EAAUJ,EAAMkB,eAAAA,EAAWmB,YAAanB,aAAS,EAATA,EAAWoB,SAAUpB,aAAS,EAATA,EAAWqB,aAAcrB,aAAS,EAATA,EAAWsB,YAE/FC,EAAuBL,EAAAA,SAAQ,KAAA,IAAAM,EAAAC,EAAA,OAAOvB,EAAWwB,EAAAA,EAClDxD,CAAAA,EAAAA,GAA2C,GAAA,CAC9CyC,SAAKgB,OAAKtB,SAAuBmB,QAATA,EAAdnB,EAAgBS,mBAAOU,SAAvBA,EAAyBb,MAAS,MAC5CC,UAAMe,OAAKtB,SAAuB,QAAToB,EAAdpB,EAAgBS,eAAhBW,IAAuBA,OAAvBA,EAAAA,EAAyBb,OAAM,QAEvC,IAAI,GAAG,CAACV,EAAaG,aAAc,EAAdA,EAAgBS,UAE1C,OACEc,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASC,EAAA,CACRC,GAAE,GAAAN,YAA0B,IAAbtC,EAAM4C,IAAsB5C,EAAM4C,IAAQnD,GAAQoD,EAAUpD,IAC3EM,UAAWM,GACPK,EACAC,EAAS,CACb,cAAA2B,GAAAA,OAAgB5B,EAAUoC,YAAcpC,EAAU,gBAAkBV,EAAM4C,IAAOnD,GAAQoD,EAAUpD,IACnGG,QAASA,IAERF,GAAW6C,MAAAC,cAACrC,EAAc,KAAA,KAC1ByB,GAEGW,MAAAC,cAACO,EAAYJ,EAAA,CACX5C,UAAWQ,EAAQd,KACnBuD,SAAS,SACLrC,EAAS,CACbW,MAAM,SAENiB,MAAAC,cAAA,MAAA,CAAKS,IAAK9B,EAAsCpB,UAAU,iBACvDc,GACC0B,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK/B,EAAkBgC,MAAOhB,IACnCK,MAAAC,cAAA,OAAA,KAAO3C,GAAYJ,KAGrBoB,IAAgBhB,GAAYJ,MAKvCoB,GAAe0B,MAAAC,cAACW,EAAO,CAAC1D,KAAMA,EAAM2D,UAAWlC,IAC/C,IAIP/B,EAAIkE,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/text/Headline.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as a}from"react";import{Text as c}from"./Text.js";import l from"./typography.module.scss.js";const r=["children","text","className"],s=["children","text","className"],n=["children","text","className"],m=a((a=>{let{children:s,text:n,className:m=""}=a,o=e(a,r);return React.createElement(c,t({},o,{className:"".concat(l.headline," ").concat(m),element:"h1"}),s&&s,!s&&n&&n)}));m.displayName="Headline";const o=a((a=>{let{children:r,text:n,className:m=""}=a,o=e(a,s);return React.createElement(c,t({},o,{className:"".concat(l.headlineSecondary," ").concat(m),element:"h2"}),r&&r,!r&&n&&n)}));o.displayName="HeadlineSecondary";const i=a((a=>{let{children:r,text:s,className:m=""}=a,o=e(a,n);return React.createElement(c,t({},o,{className:"".concat(l.headlineTertiary," ").concat(m),element:"h3"}),r&&r,!r&&s&&s)}));i.displayName="HeadlineTertiary";export{m as Headline,o as HeadlineSecondary,i as HeadlineTertiary};
+import{objectWithoutProperties as e,extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as a}from"../../../../../../node_modules/react/index.js";import{Text as c}from"./Text.js";import l from"./typography.module.scss.js";const r=["children","text","className"],s=["children","text","className"],n=["children","text","className"],m=a.memo((a=>{let{children:s,text:n,className:m=""}=a,o=e(a,r);return React.createElement(c,t({},o,{className:"".concat(l.headline," ").concat(m),element:"h1"}),s&&s,!s&&n&&n)}));m.displayName="Headline";const o=a.memo((a=>{let{children:r,text:n,className:m=""}=a,o=e(a,s);return React.createElement(c,t({},o,{className:"".concat(l.headlineSecondary," ").concat(m),element:"h2"}),r&&r,!r&&n&&n)}));o.displayName="HeadlineSecondary";const i=a.memo((a=>{let{children:r,text:s,className:m=""}=a,o=e(a,n);return React.createElement(c,t({},o,{className:"".concat(l.headlineTertiary," ").concat(m),element:"h3"}),r&&r,!r&&s&&s)}));i.displayName="HeadlineTertiary";export{m as Headline,o as HeadlineSecondary,i as HeadlineTertiary};
 //# sourceMappingURL=Headline.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","headline","element","displayName","HeadlineSecondary","_ref2","_excluded2","headlineSecondary","HeadlineTertiary","_ref3","_excluded3","headlineTertiary"],"mappings":"oUAOaA,EAAWC,GACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,SAAQF,KAAAA,OAAIR,GAAaW,QAAQ,OACrEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASiB,YAAc,WAGVC,MAAAA,EAAoBjB,GAC/BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,kBAAiBR,KAAAA,OAAIR,GAAaW,QAAQ,OAC9Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAkBD,YAAc,oBAGnBK,MAAAA,EAAmBrB,GAC9BsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,iBAAgBZ,KAAAA,OAAIR,GAAaW,QAAQ,OAC7Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAiBL,YAAc"}
+{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","headline","element","displayName","HeadlineSecondary","_ref2","_excluded2","headlineSecondary","HeadlineTertiary","_ref3","_excluded3","headlineTertiary"],"mappings":"yWAOaA,EAAWC,EAAIA,MAC1BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,SAAQF,KAAAA,OAAIR,GAAaW,QAAQ,OACrEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASiB,YAAc,WAGVC,MAAAA,EAAoBjB,EAAIA,MACnCkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,kBAAiBR,KAAAA,OAAIR,GAAaW,QAAQ,OAC9Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAkBD,YAAc,oBAGnBK,MAAAA,EAAmBrB,EAAIA,MAClCsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,iBAAgBZ,KAAAA,OAAIR,GAAaW,QAAQ,OAC7Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAiBL,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/text/Link.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as r}from"react";import{Text as a}from"./Text.js";import s from"./typography.module.scss.js";const o=["children","text","className"],l=r((r=>{let{children:l,text:c,className:m=""}=r,i=e(r,o);return React.createElement(a,t({},i,{className:"".concat(s.link," ").concat(m),element:"a"}),l&&l,!l&&c&&c)}));l.displayName="Link";export{l as Link};
+import{objectWithoutProperties as e,extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r}from"../../../../../../node_modules/react/index.js";import{Text as s}from"./Text.js";import o from"./typography.module.scss.js";const a=["children","text","className"],l=r.memo((r=>{let{children:l,text:m,className:c=""}=r,i=e(r,a);return React.createElement(s,t({},i,{className:"".concat(o.link," ").concat(c),element:"a"}),l&&l,!l&&m&&m)}));l.displayName="Link";export{l as Link};
 //# sourceMappingURL=Link.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.link} ${className}`} element='a'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","link","element","displayName"],"mappings":"gQAOaA,EAAOC,GAClBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,KAAIF,KAAAA,OAAIR,GAAaW,QAAQ,MACjEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKiB,YAAc"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.link} ${className}`} element='a'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","link","element","displayName"],"mappings":"gSAOaA,EAAOC,EAAIA,MACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,KAAIF,KAAAA,OAAIR,GAAaW,QAAQ,MACjEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKiB,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/text/Paragraph.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as a}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t}from"react";import{Text as l}from"./Text.js";import r from"./typography.module.scss.js";const c=["children","text","className"],s=["children","text","className"],m=["children","text","className"],n=["children","text","className"],o=t((t=>{let{children:s,text:m,className:n=""}=t,o=e(t,c);return React.createElement(l,a({},o,{className:"".concat(r.paragraph," ").concat(n),element:"p"}),s&&s,!s&&m&&m)}));o.displayName="Paragraph";const p=t((t=>{let{children:c,text:m,className:n=""}=t,o=e(t,s);return React.createElement(l,a({},o,{className:"".concat(r.paragraphSmall," ").concat(n),element:"p"}),c&&c,!c&&m&&m)}));p.displayName="ParagraphSmall";const i=t((t=>{let{children:c,text:s,className:n=""}=t,o=e(t,m);return React.createElement(l,a({},o,{className:"".concat(r.paragraphBold," ").concat(n),element:"p"}),c&&c,!c&&s&&s)}));i.displayName="ParagraphBold";const d=t((t=>{let{children:c,text:s,className:m=""}=t,o=e(t,n);return React.createElement(l,a({},o,{className:"".concat(r.paragraphBoldSmall," ").concat(m),element:"p"}),c&&c,!c&&s&&s)}));d.displayName="ParagraphBoldSmall";export{o as Paragraph,i as ParagraphBold,d as ParagraphBoldSmall,p as ParagraphSmall};
+import{objectWithoutProperties as e,extends as a}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as t}from"../../../../../../node_modules/react/index.js";import{Text as l}from"./Text.js";import r from"./typography.module.scss.js";const c=["children","text","className"],m=["children","text","className"],s=["children","text","className"],o=["children","text","className"],n=t.memo((t=>{let{children:m,text:s,className:o=""}=t,n=e(t,c);return React.createElement(l,a({},n,{className:"".concat(r.paragraph," ").concat(o),element:"p"}),m&&m,!m&&s&&s)}));n.displayName="Paragraph";const p=t.memo((t=>{let{children:c,text:s,className:o=""}=t,n=e(t,m);return React.createElement(l,a({},n,{className:"".concat(r.paragraphSmall," ").concat(o),element:"p"}),c&&c,!c&&s&&s)}));p.displayName="ParagraphSmall";const d=t.memo((t=>{let{children:c,text:m,className:o=""}=t,n=e(t,s);return React.createElement(l,a({},n,{className:"".concat(r.paragraphBold," ").concat(o),element:"p"}),c&&c,!c&&m&&m)}));d.displayName="ParagraphBold";const i=t.memo((t=>{let{children:c,text:m,className:s=""}=t,n=e(t,o);return React.createElement(l,a({},n,{className:"".concat(r.paragraphBoldSmall," ").concat(s),element:"p"}),c&&c,!c&&m&&m)}));i.displayName="ParagraphBoldSmall";export{n as Paragraph,d as ParagraphBold,i as ParagraphBoldSmall,p as ParagraphSmall};
 //# sourceMappingURL=Paragraph.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","paragraph","element","displayName","ParagraphSmall","_ref2","_excluded2","paragraphSmall","ParagraphBold","_ref3","_excluded3","paragraphBold","ParagraphBoldSmall","_ref4","_excluded4","paragraphBoldSmall"],"mappings":"sWAOaA,EAAYC,GACvBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,UAASF,KAAAA,OAAIR,GAAaW,QAAQ,MACtEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUiB,YAAc,YAGXC,MAAAA,EAAiBjB,GAC5BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,eAAcR,KAAAA,OAAIR,GAAaW,QAAQ,MAC3Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAeD,YAAc,iBAGhBK,MAAAA,EAAgBrB,GAC3BsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,cAAaZ,KAAAA,OAAIR,GAAaW,QAAQ,MAC1Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAcL,YAAc,gBAGfS,MAAAA,EAAqBzB,GAChC0B,IAAA,IAACxB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BsB,EAAnBrB,EAAKC,EAAAoB,EAAAC,GAAA,OACzCnB,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQe,mBAAkBhB,KAAAA,OAAIR,GAAaW,QAAQ,MAC/Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXsB,EAAmBT,YAAc"}
+{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","paragraph","element","displayName","ParagraphSmall","_ref2","_excluded2","paragraphSmall","ParagraphBold","_ref3","_excluded3","paragraphBold","ParagraphBoldSmall","_ref4","_excluded4","paragraphBoldSmall"],"mappings":"2YAOaA,EAAYC,EAAIA,MAC3BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,UAASF,KAAAA,OAAIR,GAAaW,QAAQ,MACtEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUiB,YAAc,YAGXC,MAAAA,EAAiBjB,EAAIA,MAChCkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,eAAcR,KAAAA,OAAIR,GAAaW,QAAQ,MAC3Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAeD,YAAc,iBAGhBK,MAAAA,EAAgBrB,EAAIA,MAC/BsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,cAAaZ,KAAAA,OAAIR,GAAaW,QAAQ,MAC1Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAcL,YAAc,gBAGfS,MAAAA,EAAqBzB,EAAIA,MACpC0B,IAAA,IAACxB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BsB,EAAnBrB,EAAKC,EAAAoB,EAAAC,GAAA,OACzCnB,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQe,mBAAkBhB,KAAAA,OAAIR,GAAaW,QAAQ,MAC/Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXsB,EAAmBT,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t,objectSpread2 as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{memo as o,useMemo as a}from"react";import{useParseProps as s}from"../../../../hooks/useParseProps.js";import{composeId as l}from"../../../../utils/helpers/text.js";const i=["element","children","href","target","className","id","onClick","text"],n=o((o=>{let{element:n="span",children:c,href:d,target:m,className:p="",id:u,onClick:h,text:f}=o,x=t(o,i);const{dataProps:P,restProps:b}=s(x),g=f||(null==c?void 0:c.toString()),j=a((()=>h?{onClick:h,onKeyDown:h,role:"button",tabIndex:-1}:{}),[h]);return r.createElement(n,e(e(e({id:"".concat(u||g&&l(g)),href:d,text:f,target:m,className:p},j),{},{style:b},P),{},{"data-testid":"".concat(P.dataTestId||P["data-testid"]||u||g&&l(g))}),c)}));n.displayName="Text";export{n as Text};
+import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{r}from"../../../../../../node_modules/react/index.js";import{useParseProps as s}from"../../../../hooks/useParseProps.js";import{composeId as a}from"../../../../utils/helpers/text.js";const l=["element","children","href","target","className","id","onClick","text"],i=r.memo((i=>{let{element:n="span",children:d,href:m,target:c,className:p="",id:u,onClick:h,text:x}=i,f=e(i,l);const{dataProps:j,restProps:P}=s(f),b=x||(null==d?void 0:d.toString()),g=r.useMemo((()=>h?{onClick:h,onKeyDown:h,role:"button",tabIndex:-1}:{}),[h]);return o.createElement(n,t(t(t({id:"".concat(u||b&&a(b)),href:m,text:x,target:c,className:p},g),{},{style:P},j),{},{"data-testid":"".concat(j.dataTestId||j["data-testid"]||u||b&&a(b))}),d)}));i.displayName="Text";export{i as Text};
 //# sourceMappingURL=Text.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n  { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n  const { dataProps, restProps } = useParseProps(rest)\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return React.createElement<TextProps>(\n    element,\n    {\n      id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n      href,\n      text,\n      target,\n      className,\n      ...onClickProps,\n      style: restProps,\n      ...dataProps,\n      'data-testid':\n      `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n    },\n    children,\n  )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_objectSpread","concat","composeId","style","dataTestId","displayName"],"mappings":"oXAQaA,EAAsBC,GAAiBC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,GAA2BR,EAAlBS,EAAIC,EAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,GAAQ,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAMC,cACXtB,EAAOuB,EAAAA,EAAAA,EAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAUX,IAC5CZ,OACAK,OACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAUX,MAE9Fb,EACD,IAGHJ,EAAK+B,YAAc"}
+{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n  { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n  const { dataProps, restProps } = useParseProps(rest)\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return React.createElement<TextProps>(\n    element,\n    {\n      id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n      href,\n      text,\n      target,\n      className,\n      ...onClickProps,\n      style: restProps,\n      ...dataProps,\n      'data-testid':\n      `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n    },\n    children,\n  )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_objectSpread","concat","composeId","style","dataTestId","displayName"],"mappings":"uYAQaA,EAAsBC,EAAIA,MAAaC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,GAA2BR,EAAlBS,EAAIC,EAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,WAAQ,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAMC,cACXtB,EAAOuB,EAAAA,EAAAA,EAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAUX,IAC5CZ,OACAK,OACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAUX,MAE9Fb,EACD,IAGHJ,EAAK+B,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/text/anchor-link/AnchorLink.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t}from"../../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as r,useCallback as a,useMemo as o}from"react";import{Link as i}from"../Link.js";import l from"./anchorLink.module.scss.js";import{classNames as n}from"../../../../../utils/helpers/ui.js";import{composeId as s}from"../../../../../utils/helpers/text.js";const c=["id","onClick","href","asLink","text","children","className"],d=r((r=>{let{id:d,onClick:m,href:p,asLink:u=!1,text:h,children:f,className:k=""}=r,b=e(r,c);const j=h||(null==f?void 0:f.toString()),x=a((e=>m?(null==e||e.preventDefault(),null==e||e.stopPropagation(),m(e,p,b.target,f)):null),[p,m,f,b.target]),L=o((()=>m?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x,m]);return React.createElement("span",t({},L,{id:"".concat(void 0!==d&&d||j&&s(j)),"data-testid":b.dataTestId||b["data-testid"]||d||j&&s(j)}),u&&React.createElement(i,t({href:p||""},b),f||h||p),!u&&React.createElement("a",t({href:p||"",className:n(l.anchorLink,b.disabled&&l.disabled,k)},b),f||h||p))}));d.displayName="AnchorLink";export{d as AnchorLink};
+import{objectWithoutProperties as e,extends as t}from"../../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as a}from"../../../../../../../node_modules/react/index.js";import{Link as r}from"../Link.js";import o from"./anchorLink.module.scss.js";import{classNames as s}from"../../../../../utils/helpers/ui.js";import{composeId as l}from"../../../../../utils/helpers/text.js";const i=["id","onClick","href","asLink","text","children","className"],n=a.memo((n=>{let{id:c,onClick:d,href:m,asLink:u=!1,text:p,children:h,className:f=""}=n,k=e(n,i);const b=p||(null==h?void 0:h.toString()),j=a.useCallback((e=>d?(null==e||e.preventDefault(),null==e||e.stopPropagation(),d(e,m,k.target,h)):null),[m,d,h,k.target]),x=a.useMemo((()=>d?{onClick:j,onKeyDown:j,role:"button",tabIndex:-1}:{}),[j,d]);return React.createElement("span",t({},x,{id:"".concat(void 0!==c&&c||b&&l(b)),"data-testid":k.dataTestId||k["data-testid"]||c||b&&l(b)}),u&&React.createElement(r,t({href:m||""},k),h||p||m),!u&&React.createElement("a",t({href:m||"",className:s(o.anchorLink,k.disabled&&o.disabled,f)},k),h||p||m))}));n.displayName="AnchorLink";export{n as AnchorLink};
 //# sourceMappingURL=AnchorLink.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/anchor-link/AnchorLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorLink.js","sources":["../../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/AnchorLink.tsx"],"sourcesContent":["import { memo, FC, useCallback, MouseEvent, useMemo } from 'react'\n\nimport { Link } from '../Link'\nimport { classNames, composeId } from '../../../../../utils'\n\nimport type { AnchorLinkProps } from './anchorLink.types'\nimport classes from './anchorLink.module.scss'\n\n\n\n/**\n * AnchorLink component.\n *\n * @type {React.FC<AnchorLinkProps>}\n * @returns {React.ReactElement} The AnchorLink.\n */\nexport const AnchorLink: FC<AnchorLinkProps> = memo<AnchorLinkProps>(({\n  id,\n  onClick,\n  href,\n  asLink = false,\n  text,\n  children,\n  className = '',\n  ...props\n}: AnchorLinkProps) => {\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const clickHandler = useCallback((event?: MouseEvent) => {\n    if (onClick) {\n      event?.preventDefault()\n      event?.stopPropagation()\n      return onClick(event, href, props.target, children as string)\n    }\n\n    return null\n  }, [href, onClick, children, props.target])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick: clickHandler,\n    onKeyDown: clickHandler,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [clickHandler, onClick])\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <span\n      {...onClickProps}\n      id={`${(typeof id !== 'undefined' && id) || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={props.dataTestId || props['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}\n    >\n      {asLink && <Link href={href || ''} {...props}>{children || text || href}</Link>}\n      {!asLink && (\n      /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */\n      /* @ts-ignore */\n      <a\n        href={href || ''}\n        className={\n          classNames(classes.anchorLink, props.disabled && classes.disabled, className)\n        }\n        {...props}\n      >{children || text || href}\n      </a>\n      )}\n    </span>\n\n\n  )\n})\n\nexport type AnchorLinkType = typeof AnchorLink;\n\nAnchorLink.displayName = 'AnchorLink'\n"],"names":["AnchorLink","memo","_ref","id","onClick","href","asLink","text","children","className","props","_objectWithoutProperties","_excluded","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","stopPropagation","target","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_extends","concat","composeId","dataTestId","Link","classNames","classes","anchorLink","disabled","displayName"],"mappings":"kcAgBaA,EAAkCC,GAAsBC,IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,EAAKC,KACdA,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAuCN,IAAQC,aAAQ,EAARA,EAAUM,YAEzDC,EAAeC,GAAaC,GAC5Bb,GACFa,SAAAA,EAAOC,iBACPD,SAAAA,EAAOE,kBACAf,EAAQa,EAAOZ,EAAMK,EAAMU,OAAQZ,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMU,SAE7BC,EAAeC,GAAQ,IAAOlB,EAAW,CAC7CA,QAASW,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAW,GACR,IAAK,CAACV,EAAcX,IAEzB,OAGEsB,MAAAC,cAAAC,OAAAA,KACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,EAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAIJ,EAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,EAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAWC,EAAQC,WAAYzB,EAAM0B,UAAYF,EAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWqC,YAAc"}
+{"version":3,"file":"AnchorLink.js","sources":["../../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/AnchorLink.tsx"],"sourcesContent":["import { memo, FC, useCallback, MouseEvent, useMemo } from 'react'\n\nimport { Link } from '../Link'\nimport { classNames, composeId } from '../../../../../utils'\n\nimport type { AnchorLinkProps } from './anchorLink.types'\nimport classes from './anchorLink.module.scss'\n\n\n\n/**\n * AnchorLink component.\n *\n * @type {React.FC<AnchorLinkProps>}\n * @returns {React.ReactElement} The AnchorLink.\n */\nexport const AnchorLink: FC<AnchorLinkProps> = memo<AnchorLinkProps>(({\n  id,\n  onClick,\n  href,\n  asLink = false,\n  text,\n  children,\n  className = '',\n  ...props\n}: AnchorLinkProps) => {\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const clickHandler = useCallback((event?: MouseEvent) => {\n    if (onClick) {\n      event?.preventDefault()\n      event?.stopPropagation()\n      return onClick(event, href, props.target, children as string)\n    }\n\n    return null\n  }, [href, onClick, children, props.target])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick: clickHandler,\n    onKeyDown: clickHandler,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [clickHandler, onClick])\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <span\n      {...onClickProps}\n      id={`${(typeof id !== 'undefined' && id) || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={props.dataTestId || props['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}\n    >\n      {asLink && <Link href={href || ''} {...props}>{children || text || href}</Link>}\n      {!asLink && (\n      /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */\n      /* @ts-ignore */\n      <a\n        href={href || ''}\n        className={\n          classNames(classes.anchorLink, props.disabled && classes.disabled, className)\n        }\n        {...props}\n      >{children || text || href}\n      </a>\n      )}\n    </span>\n\n\n  )\n})\n\nexport type AnchorLinkType = typeof AnchorLink;\n\nAnchorLink.displayName = 'AnchorLink'\n"],"names":["AnchorLink","memo","_ref","id","onClick","href","asLink","text","children","className","props","_objectWithoutProperties","_excluded","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","stopPropagation","target","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_extends","concat","composeId","dataTestId","Link","classNames","classes","anchorLink","disabled","displayName"],"mappings":"4cAgBaA,EAAkCC,EAAIA,MAAkBC,IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,EAAKC,KACdA,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAuCN,IAAQC,aAAQ,EAARA,EAAUM,YAEzDC,EAAeC,EAAWA,aAAEC,GAC5Bb,GACFa,SAAAA,EAAOC,iBACPD,SAAAA,EAAOE,kBACAf,EAAQa,EAAOZ,EAAMK,EAAMU,OAAQZ,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMU,SAE7BC,EAAeC,WAAQ,IAAOlB,EAAW,CAC7CA,QAASW,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAW,GACR,IAAK,CAACV,EAAcX,IAEzB,OAGEsB,MAAAC,cAAAC,OAAAA,KACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,EAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAIJ,EAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,EAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAWC,EAAQC,WAAYzB,EAAM0B,UAAYF,EAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWqC,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t,extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as o,useMemo as n}from"react";import{PropsValidationError as c}from"../../error/propsValidationError.js";import{Text as r}from"../text/Text.js";import i from"./textAndContent.module.scss.js";import{LayoutBox as l}from"../../container/layoutBox/LayoutBox.js";import{IconBase as s}from"../../icon/IconBase.js";const a=["text","children","components","leftContent","rightContent","textProps","className"],m=["iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick"],d=o((o=>{let{text:n,children:s,components:m,leftContent:d,rightContent:p,textProps:x={},className:f=""}=o,C=t(o,a);if(null==n&&!s)throw new c("Missing `text or children` property!");const u=(null==m?void 0:m.TextComponent)||r;return React.createElement(l,e({className:"".concat(i.textAndContent," ").concat(f)},C),d&&d,React.createElement(u,e({className:"text-truncate"},x,{"data-testid":"text-content-text-component"}),n||s),p&&p)}));d.displayName="TextAndContent";const p=o((o=>{let{iconSize:c,iconColor:r,iconLeft:i,iconRight:l,iconLeftUrl:a,iconRightUrl:p,onLeftIconClick:x,onRightIconClick:f}=o,C=t(o,m);const[u,h]=n((()=>{let t,o;if(i||a){const o=x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(s,e({iconUrl:a,size:c,color:r},o),i&&i)}if(l||p){const t=f?{onClick:f,onKeyDown:f,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};o=React.createElement(s,e({iconUrl:p,size:c,color:r},t),l&&l)}return[t,o]}),[r,i,a,l,p,c,x,f]);return React.createElement(d,e({leftContent:u,rightContent:h},C))}));p.displayName="TextAndIcons";export{d as TextAndContent,p as TextAndIcons};
+import{objectWithoutProperties as t,extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../../../../node_modules/react/index.js";import{PropsValidationError as n}from"../../error/propsValidationError.js";import{Text as c}from"../text/Text.js";import r from"./textAndContent.module.scss.js";import{LayoutBox as i}from"../../container/layoutBox/LayoutBox.js";import{IconBase as l}from"../../icon/IconBase.js";const s=["text","children","components","leftContent","rightContent","textProps","className"],a=["iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick"],m=o.memo((o=>{let{text:l,children:a,components:m,leftContent:d,rightContent:p,textProps:x={},className:f=""}=o,u=t(o,s);if(null==l&&!a)throw new n("Missing `text or children` property!");const C=(null==m?void 0:m.TextComponent)||c;return React.createElement(i,e({className:"".concat(r.textAndContent," ").concat(f)},u),d&&d,React.createElement(C,e({className:"text-truncate"},x,{"data-testid":"text-content-text-component"}),l||a),p&&p)}));m.displayName="TextAndContent";const d=o.memo((n=>{let{iconSize:c,iconColor:r,iconLeft:i,iconRight:s,iconLeftUrl:d,iconRightUrl:p,onLeftIconClick:x,onRightIconClick:f}=n,u=t(n,a);const[C,h]=o.useMemo((()=>{let t,o;if(i||d){const o=x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(l,e({iconUrl:d,size:c,color:r},o),i&&i)}if(s||p){const t=f?{onClick:f,onKeyDown:f,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};o=React.createElement(l,e({iconUrl:p,size:c,color:r},t),s&&s)}return[t,o]}),[r,i,d,s,p,c,x,f]);return React.createElement(m,e({leftContent:C,rightContent:h},u))}));d.displayName="TextAndIcons";export{m as TextAndContent,d as TextAndIcons};
 //# sourceMappingURL=TextAndContent.js.map

package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n  text,\n  children,\n  components,\n  leftContent,\n  rightContent,\n  textProps = {},\n  className = '',\n  ...props\n}: TextAndContentProps) => {\n  if ((text === undefined || text === null) && !children) {\n    throw new PropsValidationError('Missing `text or children` property!')\n  }\n\n  const TextComponent = components?.TextComponent || BodyText\n\n  return (\n    <LayoutBox\n      className={`${classes.textAndContent} ${className}`}\n      {...props}\n    >\n      {leftContent && leftContent}\n      <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n      {rightContent && rightContent}\n    </LayoutBox>\n  )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n  iconSize,\n  iconColor,\n  iconLeft,\n  iconRight,\n  iconLeftUrl,\n  iconRightUrl,\n  onLeftIconClick,\n  onRightIconClick,\n  ...props\n}: TextAndIconsProps) => {\n  const [leftContent, rightContent] = useMemo(() => {\n    let leftContent\n    let rightContent\n\n    if (iconLeft || iconLeftUrl) {\n      const onLeftIconClickProps = onLeftIconClick ? ({\n        onClick: onLeftIconClick,\n        onKeyDown: onLeftIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-left',\n      }) : {}\n\n      leftContent = (\n        <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n          {iconLeft && iconLeft}\n        </IconBase>)\n    }\n    if (iconRight || iconRightUrl) {\n      const onRightIconClickProps = onRightIconClick ? ({\n        onClick: onRightIconClick,\n        onKeyDown: onRightIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-right',\n      }) : {}\n\n      rightContent = (\n        <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n          {iconRight && iconRight}\n        </IconBase>)\n    }\n    return [leftContent, rightContent]\n  }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n  return (\n    <TextAndContent\n      leftContent={leftContent}\n      rightContent={rightContent}\n      {...props}\n    />\n  )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","_objectWithoutProperties","_excluded","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","concat","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","_excluded2","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"wtBAiBaA,EAA0CC,GAA0BC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,IAEQP,EADjBQ,EAAKC,EAAAT,EAAAU,GAER,GAAI,MAACT,IAAyCC,EAC5C,MAAM,IAAIS,EAAqB,wCAGjC,MAAMC,GAAgBT,aAAU,EAAVA,EAAYS,gBAAiBC,EAEnD,OACEC,MAAAC,cAACC,EAASC,EAAA,CACRV,UAAS,GAAAW,OAAKC,EAAQC,eAAc,KAAAF,OAAIX,IACpCC,GAEHJ,GAAeA,EAChBU,MAAAC,cAACH,EAAaK,EAAA,CAACV,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeuB,YAAc,uBAShBC,EAAsCvB,GAAwBwB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,GAEkBR,EADff,EAAKC,EAAAc,EAAAS,GAER,MAAO5B,EAAaC,GAAgB4B,GAAQ,KAC1C,IAAI7B,EACAC,EAEJ,GAAIqB,GAAYE,EAAa,CAC3B,MAAMM,EAAuBJ,EAAmB,CAC9CK,QAASL,EACTM,UAAWN,EACXO,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,CAAE,EAEPlC,EACEU,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASZ,EAAaa,KAAMjB,EAAUkB,MAAOjB,GAAeS,GACnER,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMc,EAAwBZ,EAAoB,CAChDI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,CAAE,EAEPjC,EACES,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASX,EAAcY,KAAMjB,EAAUkB,MAAOjB,GAAekB,GACpEhB,GAAaA,EAEpB,CACA,MAAO,CAACvB,EAAaC,EAAa,GACjC,CAACoB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAACjB,EAAcmB,EAAA,CACbb,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINc,EAAaD,YAAc"}
+{"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n  text,\n  children,\n  components,\n  leftContent,\n  rightContent,\n  textProps = {},\n  className = '',\n  ...props\n}: TextAndContentProps) => {\n  if ((text === undefined || text === null) && !children) {\n    throw new PropsValidationError('Missing `text or children` property!')\n  }\n\n  const TextComponent = components?.TextComponent || BodyText\n\n  return (\n    <LayoutBox\n      className={`${classes.textAndContent} ${className}`}\n      {...props}\n    >\n      {leftContent && leftContent}\n      <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n      {rightContent && rightContent}\n    </LayoutBox>\n  )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n  iconSize,\n  iconColor,\n  iconLeft,\n  iconRight,\n  iconLeftUrl,\n  iconRightUrl,\n  onLeftIconClick,\n  onRightIconClick,\n  ...props\n}: TextAndIconsProps) => {\n  const [leftContent, rightContent] = useMemo(() => {\n    let leftContent\n    let rightContent\n\n    if (iconLeft || iconLeftUrl) {\n      const onLeftIconClickProps = onLeftIconClick ? ({\n        onClick: onLeftIconClick,\n        onKeyDown: onLeftIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-left',\n      }) : {}\n\n      leftContent = (\n        <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n          {iconLeft && iconLeft}\n        </IconBase>)\n    }\n    if (iconRight || iconRightUrl) {\n      const onRightIconClickProps = onRightIconClick ? ({\n        onClick: onRightIconClick,\n        onKeyDown: onRightIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-right',\n      }) : {}\n\n      rightContent = (\n        <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n          {iconRight && iconRight}\n        </IconBase>)\n    }\n    return [leftContent, rightContent]\n  }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n  return (\n    <TextAndContent\n      leftContent={leftContent}\n      rightContent={rightContent}\n      {...props}\n    />\n  )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","_objectWithoutProperties","_excluded","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","concat","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","_excluded2","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"gvBAiBaA,EAA0CC,EAAIA,MAAsBC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,IAEQP,EADjBQ,EAAKC,EAAAT,EAAAU,GAER,GAAI,MAACT,IAAyCC,EAC5C,MAAM,IAAIS,EAAqB,wCAGjC,MAAMC,GAAgBT,aAAU,EAAVA,EAAYS,gBAAiBC,EAEnD,OACEC,MAAAC,cAACC,EAASC,EAAA,CACRV,UAAS,GAAAW,OAAKC,EAAQC,eAAc,KAAAF,OAAIX,IACpCC,GAEHJ,GAAeA,EAChBU,MAAAC,cAACH,EAAaK,EAAA,CAACV,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeuB,YAAc,uBAShBC,EAAsCvB,EAAIA,MAAoBwB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,GAEkBR,EADff,EAAKC,EAAAc,EAAAS,GAER,MAAO5B,EAAaC,GAAgB4B,EAAOA,SAAC,KAC1C,IAAI7B,EACAC,EAEJ,GAAIqB,GAAYE,EAAa,CAC3B,MAAMM,EAAuBJ,EAAmB,CAC9CK,QAASL,EACTM,UAAWN,EACXO,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,CAAE,EAEPlC,EACEU,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASZ,EAAaa,KAAMjB,EAAUkB,MAAOjB,GAAeS,GACnER,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMc,EAAwBZ,EAAoB,CAChDI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,CAAE,EAEPjC,EACES,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASX,EAAcY,KAAMjB,EAAUkB,MAAOjB,GAAekB,GACpEhB,GAAaA,EAEpB,CACA,MAAO,CAACvB,EAAaC,EAAa,GACjC,CAACoB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAACjB,EAAcmB,EAAA,CACbb,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINc,EAAaD,YAAc"}