@e1011/es-kit 1.4.0 → 1.5.2

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,i=arguments.length>1?arguments[1]:void 0;const[n,u]=e.useState({width:void 0,height:void 0}),h=e.useRef({width:0,height:0}),c=e.useRef(),s=e.useRef(),o=e.useMemo((()=>t.default((e=>{const t=e[0].contentRect.width,r=e[0].contentRect.height;h.current?.width===t&&h.current?.height===r||(h.current={width:t,height:r},(i||u)({width:c?.current?.clientWidth,height:c?.current?.clientHeight}))}),r)),[i,r]);return e.useLayoutEffect((()=>{let e,t;c?.current&&(t=c?.current,e=new ResizeObserver(o),e.observe(t),(i||u)({width:c?.current?.clientWidth,height:c?.current?.clientHeight}));const r=()=>{e?.unobserve?.(t)};return s.current=r,r}),[o,c,i]),[c,n,s.current]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),v=require("lodash-es/debounce"),S=u=>u&&u.__esModule?u:{default:u},W=S(v),_=(u=250,o)=>{const[z,g]=s.useState({width:void 0,height:void 0}),d=s.useRef({width:0,height:0}),t=s.useRef(),w=s.useRef(),l=s.useMemo(()=>W.default(e=>{var r,h,c,b;const i=e[0].contentRect.width,n=e[0].contentRect.height;((r=d.current)==null?void 0:r.width)===i&&((h=d.current)==null?void 0:h.height)===n||(d.current={width:i,height:n},(o||g)({width:(c=t==null?void 0:t.current)==null?void 0:c.clientWidth,height:(b=t==null?void 0:t.current)==null?void 0:b.clientHeight}))},u),[o,u]);return s.useLayoutEffect(()=>{var r,h;let e,i;t!=null&&t.current&&(i=t==null?void 0:t.current,e=new ResizeObserver(l),e.observe(i),(o||g)({width:(r=t==null?void 0:t.current)==null?void 0:r.clientWidth,height:(h=t==null?void 0:t.current)==null?void 0:h.clientHeight}));const n=()=>{var c;(c=e==null?void 0:e.unobserve)==null||c.call(e,i)};return w.current=n,n},[l,t,o]),[t,z,w.current]};exports.useResize=_;
 //# sourceMappingURL=useResize.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\n/**\n * Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined | number} width - The width of the wrapper element.\n * @property {undefined | number} height - The height of the wrapper element.\n */\nexport type WrapperSize = { width: undefined | number; height: undefined | number }\n\n/**\n * Type definition for the unobserver function.\n * @typedef {() => (null | void)} Unobserver\n */\ntype Unobserver = () => (null | void)\n\n/**\n * Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n */\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/**\n * Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"+GAiCyB,WACmE,IADlEA,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAA,EAAAD,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,WAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,EAAAA,OAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,EAAAA,SACjEE,EAAgBF,EAAAA,SAEhBG,EAAyBC,EAAAA,SAAQ,IAAMC,EAAAA,SAAUC,IACrD,MAAMC,EAAiBD,EAAQ,GAAGE,YAAYX,MACxCY,EAAkBH,EAAQ,GAAGE,YAAYV,OAE3CC,EAAmBW,SAASb,QAAUU,GACrCR,EAAmBW,SAASZ,SAAWW,IAG5CV,EAAmBW,QAAU,CAAEb,MAAOU,EAAgBT,OAAQW,IAG5DhB,GAAYE,GAAkB,CAC9BE,MAAOI,GAAcS,SAASC,YAC9Bb,OAAQG,GAAcS,SAASE,eAC/B,GACDvB,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BAwB,EAAAA,iBAAgB,KACd,IAAIC,EACAC,EAEAd,GAAcS,UAChBK,EAAmBd,GAAcS,QACjCI,EAAiB,IAAIE,eAAeb,GACpCW,EAAeG,QAAQF,IAGrBtB,GAAYE,GAAkB,CAC9BE,MAAOI,GAAcS,SAASC,YAC9Bb,OAAQG,GAAcS,SAASE,gBAInC,MAAMM,EAAaA,KACjBJ,GAAgBK,YAAYJ,EAA4B,EAM1D,OAFAb,EAAcQ,QAAUQ,EAEjBA,CAAU,GAChB,CAACf,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcQ,QACrD"}
+{"version":3,"file":"useResize.js","sources":["../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\n/**\n * Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined | number} width - The width of the wrapper element.\n * @property {undefined | number} height - The height of the wrapper element.\n */\nexport type WrapperSize = { width: undefined | number; height: undefined | number }\n\n/**\n * Type definition for the unobserver function.\n * @typedef {() => (null | void)} Unobserver\n */\ntype Unobserver = () => (null | void)\n\n/**\n * Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n */\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/**\n * Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = (): void => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","callBack","containerSize","setContainerSize","useState","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","newResizeHeight","_a","_b","_c","_d","useLayoutEffect","resizeObserver","containerElement","unobserver"],"mappings":"mLAiCaA,EAAY,CAACC,EAAgB,IAAKC,IAC6C,CAC1F,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAsB,CAAE,MAAO,OAAW,OAAQ,OAAW,EAEjGC,EAAqBC,EAAAA,OAAoB,CAAE,MAAO,EAAG,OAAQ,EAAG,EAChEC,EAAiED,EAAAA,OAAA,EACjEE,EAAgBF,EAAAA,OAAA,EAEhBG,EAAyBC,EAAAA,QAAQ,IAAMC,EAAAA,QAAUC,GAAY,aACjE,MAAMC,EAAiBD,EAAQ,CAAC,EAAE,YAAY,MACxCE,EAAkBF,EAAQ,CAAC,EAAE,YAAY,SAE3CG,EAAAV,EAAmB,UAAnB,YAAAU,EAA4B,SAAUF,KACrCG,EAAAX,EAAmB,UAAnB,YAAAW,EAA4B,UAAWF,IAG5CT,EAAmB,QAAU,CAAE,MAAOQ,EAAgB,OAAQC,CAAA,GAG5Db,GAAYE,GAAkB,CAC9B,OAAOc,EAAAV,GAAA,YAAAA,EAAc,UAAd,YAAAU,EAAuB,YAC9B,QAAQC,EAAAX,GAAA,YAAAA,EAAc,UAAd,YAAAW,EAAuB,YAAA,CAChC,EACH,EAAGlB,CAAa,EAAG,CAACC,EAAUD,CAAa,CAAC,EAE5CmB,OAAAA,EAAAA,gBAAgB,IAAM,SACpB,IAAIC,EACAC,EAEAd,GAAA,MAAAA,EAAc,UAChBc,EAAmBd,GAAA,YAAAA,EAAc,QACjCa,EAAiB,IAAI,eAAeX,CAAsB,EAC1DW,EAAe,QAAQC,CAA2B,GAGhDpB,GAAYE,GAAkB,CAC9B,OAAOY,EAAAR,GAAA,YAAAA,EAAc,UAAd,YAAAQ,EAAuB,YAC9B,QAAQC,EAAAT,GAAA,YAAAA,EAAc,UAAd,YAAAS,EAAuB,YAAA,CAChC,GAGH,MAAMM,EAAa,IAAY,QAC7BP,EAAAK,GAAA,YAAAA,EAAgB,YAAhB,MAAAL,EAAA,KAAAK,EAA4BC,EAC9B,EAGA,OAAAb,EAAc,QAAUc,EAEjBA,CACT,EAAG,CAACb,EAAwBF,EAAcN,CAAQ,CAAC,EAE5C,CAACM,EAAcL,EAAeM,EAAc,OAAO,CAC5D"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../../node_modules/core-js/modules/es.array.includes.js");var t=require("react"),a=require("./button.module.scss.js"),n=require("../../icon/IconBase.js"),r=require("../text/Link.js"),o=require("../../../../utils/helpers/ui.js"),s=require("../../../../utils/helpers/text.js");const i={ENTER:{key:"Enter",keyCode:13}},l=t.memo((e=>{let{variant:a,href:n,target:s,children:i,...l}=e;return"link"===a?t.createElement(r.Link,{width:"100%",href:n,target:s,...l,onClick:o.noop},i):t.createElement("span",{},i)}));l.displayName="InnerElement";const c=t.memo((n=>{let{label:r,children:c,variant:d,tiny:u,truncate:m,fluid:p,preventDefualt:h,stopPropagation:f,onClick:E,type:y="button",transparent:I,hasShadow:g,hasIcon:k,disabled:v,animated:b=!1,className:j="",id:C,href:q,target:x,...N}=n;const B=`${r||c?.toString()}`,P=t.useCallback((e=>{h&&e.preventDefault(),f&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),E?.(e)}),[E,h,f]),R=t.useCallback((e=>{e.key===i.ENTER.key&&(h&&e.preventDefault(),f&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()),E?.(e))}),[E,h,f]);return React.createElement("button",e.extends({type:y,tabIndex:-1,onClick:P,onKeyDown:R,className:o.classNames(a.default.button,u&&a.default.tiny,d&&a.default[d],m&&a.default.truncate,p&&a.default.fluid,b&&a.default.animated,I&&a.default.transparent,g&&a.default.hasShadow,k&&a.default.hasIcon,v&&a.default.disabled,j),id:`${C||B&&s.composeId(B)}`,"data-testid":`${N.dataTestId||N["data-testid"]||C||B&&s.composeId(B)}`},N),React.createElement(l,{variant:d,href:q,target:x},r&&r,c||c))}));c.displayName="Button";const d=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],u=t.memo((t=>{const a={},r={};return Object.entries(t).forEach((e=>{let[t,n]=e;d.includes(t)?r[t]=n:a[t]=n})),r.children=t.children,React.createElement(c,e.extends({},a,{hasIcon:!0}),t.iconContent&&t.iconContent,!t.iconContent&&React.createElement(n.IconBase,r))}));u.displayName="IconButton",exports.Button=c,exports.IconButton=u,exports.keys=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),o=require("./button.module.scss.js"),z=require("../../icon/IconBase.js"),L=require("../text/Link.js"),b=require("../../../../utils/helpers/ui.js"),E=require("../../../../utils/helpers/text.js"),h={ENTER:{key:"Enter",keyCode:13}},B=u.memo(({variant:t,href:e,target:s,children:a,...d})=>t==="link"?u.createElement(L.Link,{width:"100%",href:e,target:s,...d,onClick:b.noop},a):u.createElement("span",{},a));B.displayName="InnerElement";const I=u.memo(({label:t,children:e,variant:s,tiny:a,truncate:d,fluid:j,preventDefualt:r,stopPropagation:c,onClick:i,type:q="button",transparent:N,hasShadow:g,hasIcon:w,disabled:P,animated:S=!1,className:k="",id:y,href:T,target:H,...f})=>{const m=`${t||(e==null?void 0:e.toString())}`,R=u.useCallback(n=>{r&&n.preventDefault(),c&&(n.stopPropagation(),n.nativeEvent.stopImmediatePropagation()),i==null||i(n)},[i,r,c]),$=u.useCallback(n=>{n.key===h.ENTER.key&&(r&&n.preventDefault(),c&&(n.stopPropagation(),n.nativeEvent.stopImmediatePropagation()),i==null||i(n))},[i,r,c]);return l.jsx("button",{type:q,tabIndex:-1,onClick:R,onKeyDown:$,className:b.classNames(o.default.button,a&&o.default.tiny,s&&o.default[s],d&&o.default.truncate,j&&o.default.fluid,S&&o.default.animated,N&&o.default.transparent,g&&o.default.hasShadow,w&&o.default.hasIcon,P&&o.default.disabled,k),id:`${y||m&&E.composeId(m)}`,"data-testid":`${f.dataTestId||f["data-testid"]||y||m&&E.composeId(m)}`,...f,children:l.jsxs(B,{variant:s,href:T,target:H,children:[t&&t,e||e]})})});I.displayName="Button";const O=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],x=u.memo(t=>{const e={},s={};return Object.entries(t).forEach(([a,d])=>{O.includes(a)?s[a]=d:e[a]=d}),s.children=t.children,l.jsxs(I,{...e,hasIcon:!0,children:[t.iconContent&&t.iconContent,!t.iconContent&&l.jsx(z.IconBase,{...s})]})});x.displayName="IconButton";exports.Button=I;exports.IconButton=x;exports.keys=h;
 //# sourceMappingURL=Button.js.map

package/dist/ui/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","createElement","Link","width","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","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":"8XAWO,MAAMA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,EAAAA,MAAKC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,KAAaC,GACAL,EACpC,MAAgB,SAAZC,EACKK,EAAAA,cAAcC,EAAAA,KAAM,CAAEC,MAAO,OAAQN,OAAMC,YAAWE,EAAOI,QAASC,EAAAA,MAAQN,GAEhFE,gBAAc,OAAQ,CAAA,EAAIF,EAAS,IAG5CN,EAAaa,YAAc,qBAoBdC,EAASb,EAAAA,MAAKc,IAcR,IAdSC,MAC1BA,EAAKV,SAAEA,EAAQH,QACfA,EAAOc,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,EAAEzB,KACpCA,EAAIC,OACJA,KACGE,GACSQ,EACZ,MAAMe,EAAuC,GAAGd,GAASV,GAAUyB,aAE7DC,EAAeC,EAAAA,aAAaC,IAC5Bd,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,EAAM,GACf,CAACvB,EAASS,EAAgBC,IAEvBiB,EAAiBL,EAAAA,aAAaC,IAC9BA,EAAMpC,MAAQF,EAAKC,MAAMC,MACvBsB,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,GACZ,GACC,CAACvB,EAASS,EAAgBC,IAE7B,OACEkB,MAAA/B,cAAA,SAAAgC,UAAA,CAEElB,KAAMA,EACNmB,UAAU,EACV9B,QAASqB,EACTU,UAAWJ,EACXV,UAAWe,EAAAA,WACTC,EAAAA,QAAQC,OACR5B,GAAQ2B,EAAAA,QAAQ3B,KAChBd,GAAWyC,EAAAA,QAAQzC,GACnBe,GAAY0B,EAAAA,QAAQ1B,SACpBC,GAASyB,UAAQzB,MACjBQ,GAAYiB,EAAAA,QAAQjB,SACpBJ,GAAeqB,EAAAA,QAAQrB,YACvBC,GAAaoB,EAAAA,QAAQpB,UACrBC,GAAWmB,EAAAA,QAAQnB,QACnBC,GAAYkB,EAAAA,QAAQlB,SACpBE,GAEFC,GAAI,GAAGA,GAAOC,GAAoBgB,EAAAA,UAAUhB,KAC5C,cAAa,GAAIvB,EAAiCwC,YAAexC,EAAiC,gBAAkBsB,GAAOC,GAAoBgB,EAAAA,UAAUhB,MACrJvB,GAEJgC,MAAA/B,cAACR,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDW,GAASA,EACTV,GAAYA,GAER,IAObQ,EAAOD,YAAc,SAErB,MAAMmC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkChD,EAAAA,MAAuBM,IACpE,MAAM2C,EAAuC,CAAA,EACvCC,EAAqC,CAAA,EAa3C,OAXAC,OAAOC,QAAQ9C,GAAO+C,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAU7C,SAAWC,EAAMD,SAGzBiC,MAAA/B,cAACM,EAAM0B,EAAAA,WAAMU,EAAW,CAAkBzB,SAAO,IAC9ClB,EAAMoD,aAAepD,EAAMoD,aAC1BpD,EAAMoD,aAAgBpB,MAAA/B,cAACoD,EAAAA,SAAcT,GAChC,IAIbF,EAAWpC,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","InnerElement","memo","variant","href","target","children","props","createElement","Link","noop","Button","label","tiny","truncate","fluid","preventDefualt","stopPropagation","onClick","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","clickHandler","useCallback","event","keyDownHandler","jsx","classNames","classes","composeId","jsxs","iconBaseProps","IconButton","buttonProps","iconProps","name","value","IconBase"],"mappings":"0UAWaA,EAAO,CAClB,MAAO,CACL,IAAK,QACL,QAAS,EAAA,CAEb,EAIMC,EAAuCC,EAAAA,KAAK,CAAC,CACjD,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CACtC,IACMJ,IAAY,OACPK,gBAAcC,EAAAA,KAAM,CAAE,MAAO,OAAQ,KAAAL,EAAM,OAAAC,EAAQ,GAAGE,EAAO,QAASG,EAAAA,IAAA,EAAQJ,CAAQ,EAExFE,gBAAc,OAAQ,CAAA,EAAIF,CAAQ,CAC1C,EAEDL,EAAa,YAAc,eAoBpB,MAAMU,EAAST,EAAAA,KAAK,CAAC,CAC1B,MAAAU,EAAO,SAAAN,EACP,QAAAH,EAAS,KAAAU,EAAM,SAAAC,EAAU,MAAAC,EACzB,eAAAC,EAAgB,gBAAAC,EAChB,QAAAC,EACA,KAAAC,EAAO,SACP,YAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GAAO,UAAAC,EAAY,GAAI,GAAAC,EAClC,KAAAtB,EACA,OAAAC,EACA,GAAGE,CACL,IAAmB,CACjB,MAAMoB,EAAuC,GAAGf,IAASN,GAAA,YAAAA,EAAU,WAAU,GAEvEsB,EAAeC,cAAaC,GAAsB,CAClDd,GACFc,EAAM,eAAA,EAEJb,IACFa,EAAM,gBAAA,EACNA,EAAM,YAAY,yBAAA,GAEpBZ,GAAA,MAAAA,EAAUY,EACZ,EAAG,CAACZ,EAASF,EAAgBC,CAAe,CAAC,EAEvCc,EAAiBF,cAAaC,GAAyB,CACvDA,EAAM,MAAQ9B,EAAK,MAAM,MACvBgB,GACFc,EAAM,eAAA,EAEJb,IACFa,EAAM,gBAAA,EACNA,EAAM,YAAY,yBAAA,GAEpBZ,GAAA,MAAAA,EAAUY,GAEd,EAAG,CAACZ,EAASF,EAAgBC,CAAe,CAAC,EAE7C,OACEe,EAAAA,IAAC,SAAA,CAEC,KAAAb,EACA,SAAU,GACV,QAASS,EACT,UAAWG,EACX,UAAWE,EAAAA,WACTC,EAAAA,QAAQ,OACRrB,GAAQqB,EAAAA,QAAQ,KAChB/B,GAAW+B,EAAAA,QAAQ/B,CAAiB,EACpCW,GAAYoB,EAAAA,QAAQ,SACpBnB,GAASmB,EAAAA,QAAQ,MACjBV,GAAYU,EAAAA,QAAQ,SACpBd,GAAec,EAAAA,QAAQ,YACvBb,GAAaa,EAAAA,QAAQ,UACrBZ,GAAWY,EAAAA,QAAQ,QACnBX,GAAYW,EAAAA,QAAQ,SACpBT,CAAA,EAEF,GAAI,GAAGC,GAAOC,GAAoBQ,EAAAA,UAAUR,CAAgB,CAAE,GAC9D,cAAa,GAAIpB,EAAiC,YAAeA,EAAiC,aAAa,GAAKmB,GAAOC,GAAoBQ,YAAUR,CAAgB,CAAE,GAC1K,GAAGpB,EAEJ,SAAA6B,EAAAA,KAACnC,EAAA,CAAa,QAAAE,EAAkB,KAAAC,EAAY,OAAAC,EACzC,SAAA,CAAAO,GAASA,EACTN,GAAYA,CAAA,CAAA,CACf,CAAA,CAAA,CAGN,CAAC,EAKDK,EAAO,YAAc,SAErB,MAAM0B,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,OACF,EAEaC,EAAkCpC,EAAAA,KAAuBK,GAA2B,CAC/F,MAAMgC,EAAuC,CAAA,EACvCC,EAAqC,CAAA,EAE3C,cAAO,QAAQjC,CAAK,EAAE,QAAQ,CAAC,CAACkC,EAAMC,CAAK,IAAyB,CAC9DL,EAAc,SAASI,CAAI,EAE7BD,EAAUC,CAAI,EAAIC,EAElBH,EAAYE,CAAI,EAAIC,CAExB,CAAC,EAEDF,EAAU,SAAWjC,EAAM,SAGzB6B,EAAAA,KAACzB,EAAA,CAAQ,GAAI4B,EAA6B,QAAO,GAC9C,SAAA,CAAAhC,EAAM,aAAeA,EAAM,YAC3B,CAACA,EAAM,aAAgByB,EAAAA,IAACW,EAAAA,SAAA,CAAU,GAAIH,CAAA,CAA6B,CAAA,EACtE,CAEJ,CAAC,EAEDF,EAAW,YAAc"}

package/dist/ui/src/core/ui/components/atoms/button/button.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"overflow-hidden":"button-module_overflow-hidden__Vc5AU","text-truncate":"button-module_text-truncate__a89Bp","text-nowrap":"button-module_text-nowrap__tR-VJ","text-ellipsis":"button-module_text-ellipsis__5MFA9",button:"button-module_button__NDMQS",info:"button-module_info__O6gEW",transparent:"button-module_transparent__zbeBu",success:"button-module_success__gM25y",error:"button-module_error__q9qqo",warning:"button-module_warning__MdmiZ",link:"button-module_link__e-4Fu",tiny:"button-module_tiny__pBNwo",fluid:"button-module_fluid__GXxID",truncate:"button-module_truncate__c-G9k",animated:"button-module_animated__gLwPl",hasShadow:"button-module_hasShadow__42BQv",hasIcon:"button-module_hasIcon__dXLlJ",disabled:"button-module_disabled__hEydO"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_overflow-hidden_1k822_5",n="_text-truncate_1k822_5",e="_text-nowrap_1k822_9",s="_text-ellipsis_1k822_13",o="_button_1k822_17",_="_info_1k822_38",a="_transparent_1k822_41",r="_success_1k822_44",i="_error_1k822_50",c="_warning_1k822_56",d="_link_1k822_62",l="_tiny_1k822_80",u="_fluid_1k822_87",k="_truncate_1k822_90",w="_animated_1k822_95",f="_hasShadow_1k822_98",h="_hasIcon_1k822_101",p="_disabled_1k822_123",x={overflowHidden:t,textTruncate:n,textNowrap:e,textEllipsis:s,button:o,info:_,transparent:a,success:r,error:i,warning:c,link:d,tiny:l,fluid:u,truncate:k,animated:w,hasShadow:f,hasIcon:h,disabled:p};exports.animated=w;exports.button=o;exports.default=x;exports.disabled=p;exports.error=i;exports.fluid=u;exports.hasIcon=h;exports.hasShadow=f;exports.info=_;exports.link=d;exports.overflowHidden=t;exports.success=r;exports.textEllipsis=s;exports.textNowrap=e;exports.textTruncate=n;exports.tiny=l;exports.transparent=a;exports.truncate=k;exports.warning=c;
 //# sourceMappingURL=button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-"use strict";const e=React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.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"})),c=React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.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"}));exports.closeIconJSX=e,exports.infoIconJSX=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:c.jsx("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"})}),o=c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:c.jsx("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"})});exports.closeIconJSX=s;exports.infoIconJSX=o;
 //# sourceMappingURL=icons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["\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":"aACO,MAAMA,EACXC,MAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,MAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,MAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,MAAAC,cAAA,OAAA,CAAMG,EAAE"}
+{"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["\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","jsx","infoIconJSX"],"mappings":"qHACaA,EACXC,EAAAA,IAAC,MAAA,CAAI,MAAM,6BAA6B,QAAQ,cAAc,SAAAA,EAAAA,IAAC,OAAA,CAAK,EAAE,qgBAAA,CAAsgB,CAAA,CAAE,EAEnkBC,EACXD,EAAAA,IAAC,MAAA,CAAI,MAAM,6BAA6B,QAAQ,cAAc,SAAAA,EAAAA,IAAC,OAAA,CAAK,EAAE,4WAAA,CAA6W,CAAA,CAAE"}

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

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

package/dist/ui/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","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","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"ohBAaA,MAAMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,EAAAA,MAAeC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAAA,WAAWC,aACrBC,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,MACTC,GACMX,EACT,MAAMY,EAAgBN,GAAYM,eAAiBC,EAAAA,KAE7CC,EAAkBC,EAAAA,cAAc,CACpCC,EAAAA,QAAQC,IACRhB,GAAWe,EAAAA,QAAQf,GACnBM,GAAWS,EAAAA,QAAQE,UACnBT,GAAWO,UAAQ,YACnBN,GACC,CAACM,EAAAA,WAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcV,IACxCW,EAAaC,GAAkBC,EAAAA,UAAS,GAEzCC,EAAiBC,EAAAA,OAA2B,MAC5CC,EAAmBD,EAAAA,OAA8B,OAEhDE,GAAWC,YAAU,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,OAAS9B,GAC/BJ,GACAgB,GAAWmB,aACXnB,GAAWoB,UACXpB,GAAWqB,cACXrB,GAAWsB,YACb,CAAClC,EAAUJ,EAAMgB,GAAWmB,YAAanB,GAAWoB,SAAUpB,GAAWqB,aAAcrB,GAAWsB,YAE/FC,EAAuBL,WAAQ,IAAOhB,EAAe,IACtD9B,EACHuC,MAAO,GAAGN,GAAgBS,SAASH,UACnCC,OAAQ,GAAGP,GAAgBS,SAASF,YAEjC,MAAO,CAACV,EAAaG,GAAgBS,UAE1C,OACEU,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAACE,EAAAA,UAASC,UAAA,CACRC,GAAI,QAAwB,IAAbtC,EAAMsC,IAAsBtC,EAAMsC,IAAQ7C,GAAQ8C,YAAU9C,KAC3EM,UAAWI,GACPK,EACAC,EAAS,CACb,cAAa,GAAGD,EAAUgC,YAAchC,EAAU,gBAAkBR,EAAMsC,IAAO7C,GAAQ8C,YAAU9C,KACnGG,QAASA,IAERF,GAAWuC,MAAAC,cAACjC,EAAa,KAAC,KAC1ByB,GAEGO,MAAAC,cAACO,EAAAA,aAAYJ,EAAAA,QAAA,CACXtC,UAAWM,EAAAA,QAAQZ,KACnBiD,SAAS,SACLjC,EAAS,CACbW,MAAM,SAENa,MAAAC,cAAA,MAAA,CAAKS,IAAK1B,EAAsClB,UAAU,iBACvDY,GACCsB,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK3B,EAAkB4B,MAAOZ,IACnCC,MAAAC,cAAA,OAAA,KAAOrC,GAAYJ,KAGrBkB,IAAgBd,GAAYJ,MAKvCkB,GAAesB,MAAAC,cAACW,UAAO,CAACpD,KAAMA,EAAMqD,UAAW9B,IAC/C,IAIP7B,EAAI4D,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","Tag","memo","variant","TagVariant","text","hashtag","components","onClick","children","inTable","className","props","TextComponent","BodyText","classesResolved","useClassNames","classes","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","width","height","element","hasContent","useMemo","stylesTipPlaceholder","_a","_b","jsxs","Fragment","LayoutBox","composeId","jsx","TextAndIcons","Tooltip"],"mappings":"mjBAaMA,EAAS,CAEb,qCAAsC,CACpC,SAAU,WACV,IAAK,EACL,WAAY,cACZ,OAAQ,EACR,WAAY,MAAA,CAEhB,EAQaC,EAAoBC,EAAAA,KAAe,CAAC,CAC/C,QAAAC,EAAUC,EAAAA,WAAW,QAAA,KACrBC,EACA,QAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,IAAgB,CACd,MAAMC,GAAgBN,GAAA,YAAAA,EAAY,gBAAiBO,EAAAA,KAE7CC,EAAkBC,EAAAA,cAAc,CACpCC,EAAAA,QAAQ,IACRd,GAAWc,EAAAA,QAAQd,CAAO,EAC1BK,GAAWS,EAAAA,QAAQ,UACnBP,GAAWO,EAAAA,QAAQ,UAAU,EAC7BN,CAAA,EACC,CAACM,EAAAA,OAAO,CAAC,EAEN,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAAA,cAAcR,CAAK,EAC9C,CAACS,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,EAAiBC,EAAAA,OAA2B,IAAI,EAChDC,EAAmBD,EAAAA,OAA8B,IAAI,EAErD,CAACE,CAAO,EAAIC,EAAAA,UAAU,GAAI,CAAC,CAAE,MAAAC,EAAO,OAAAC,KAA0B,CAClE,MAAMC,EAAUJ,EAAQ,QAEpBI,GACFT,EAAeS,EAAQ,YAAcA,EAAQ,WAAW,EAE1DP,EAAe,QAAU,CAAE,MAAAK,EAAO,OAAAC,CAAA,CACpC,CAAC,EAEKE,EAAaC,EAAAA,QAAQ,IAAM,CAAC,EAAExB,GAC/BJ,GACAc,GAAA,MAAAA,EAAW,aACXA,GAAA,MAAAA,EAAW,UACXA,GAAA,MAAAA,EAAW,cACXA,GAAA,MAAAA,EAAW,WACb,CAACV,EAAUJ,EAAMc,GAAA,YAAAA,EAAW,YAAaA,GAAA,YAAAA,EAAW,SAAUA,GAAA,YAAAA,EAAW,aAAcA,GAAA,YAAAA,EAAW,SAAS,CAAC,EAEzGe,EAAuBD,UAAQ,IAAA,SAAO,OAAAZ,EAAe,CACzD,GAAGrB,EAAO,qCACV,MAAO,IAAGmC,EAAAX,GAAA,YAAAA,EAAgB,UAAhB,YAAAW,EAAyB,KAAK,KACxC,OAAQ,IAAGC,EAAAZ,GAAA,YAAAA,EAAgB,UAAhB,YAAAY,EAAyB,MAAM,IAAA,EAEvC,MAAO,CAACf,EAAaG,GAAA,YAAAA,EAAgB,OAAO,CAAC,EAElD,OACEa,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAD,EAAAA,KAACE,EAAAA,UAAA,CACC,GAAI,GAAI,OAAO3B,EAAM,GAAO,KAAeA,EAAM,IAAQP,GAAQmC,YAAUnC,CAAI,CAAE,GACjF,UAAWU,EACV,GAAGG,EACH,GAAGC,EACJ,cAAa,GAAGD,EAAU,YAAcA,EAAU,aAAa,GAAKN,EAAM,IAAOP,GAAQmC,YAAUnC,CAAI,CAAE,GACzG,QAAAG,EAEC,SAAA,CAAAF,GAAWmC,EAAAA,IAAC5B,GAAc,SAAA,GAAA,CAAC,EAC3BmB,GAEGS,EAAAA,IAACC,EAAAA,aAAA,CACC,UAAWzB,EAAAA,QAAQ,KACnB,SAAS,QACR,GAAGE,EACJ,MAAM,OAEN,SAAAkB,EAAAA,KAAC,MAAA,CAAI,IAAKV,EAAsC,UAAU,gBACvD,SAAA,CAAAN,GACCgB,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,IAAKf,EAAkB,MAAOQ,EAAuC,EAC1EO,EAAAA,IAAC,OAAA,CAAM,SAAAhC,GAAYJ,CAAA,CAAK,CAAA,EAC1B,EAED,CAACgB,IAAgBZ,GAAYJ,EAAA,CAAA,CAChC,CAAA,CAAA,CACF,CAAA,CAAA,EAGLgB,GAAeoB,EAAAA,IAACE,EAAAA,QAAA,CAAA,KAAQtC,EAAY,UAAWqB,CAAA,CAAkB,CAAA,EACpE,CAEJ,CAAC,EAEDzB,EAAI,YAAc"}

package/dist/ui/src/core/ui/components/atoms/tag/tag.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"overflow-hidden":"tag-module_overflow-hidden__wlxDI","text-truncate":"tag-module_text-truncate__xqW1-","text-nowrap":"tag-module_text-nowrap__CHhhg","text-ellipsis":"tag-module_text-ellipsis__UX32n",tag:"tag-module_tag__rGA-E",text:"tag-module_text__WpK6w","in-table":"tag-module_in-table__cWTuJ",default:"tag-module_default__6cv6k",clickable:"tag-module_clickable__W6arw",info:"tag-module_info__PMCQH","very-low":"tag-module_very-low__a6WSr",low:"tag-module_low__57msG",medium:"tag-module_medium__PtVKT",high:"tag-module_high__8ayT0",critical:"tag-module_critical__fT5Pe",information:"tag-module_information__gjuZe",success:"tag-module_success__M-mEI",alert:"tag-module_alert__1NDIs",error:"tag-module_error__fo8QB",warning:"tag-module_warning__29pni"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_overflow-hidden_1jijw_5",i="_text-truncate_1jijw_5",e="_text-nowrap_1jijw_9",_="_text-ellipsis_1jijw_13",o="_tag_1jijw_17",n="_text_1jijw_5",c="_in-table_1jijw_35",r="_clickable_1jijw_47",s="_info_1jijw_55",l="_very-low_1jijw_60",a="_low_1jijw_65",j="_medium_1jijw_70",w="_high_1jijw_75",u="_critical_1jijw_80",d="_information_1jijw_85",f="_success_1jijw_90",x="_alert_1jijw_95",g="_error_1jijw_100",m="_warning_1jijw_105",b={overflowHidden:t,textTruncate:i,textNowrap:e,textEllipsis:_,tag:o,text:n,inTable:c,default:"_default_1jijw_42",clickable:r,info:s,veryLow:l,low:a,medium:j,high:w,critical:u,information:d,success:f,alert:x,error:g,warning:m};exports.alert=x;exports.clickable=r;exports.critical=u;exports.default=b;exports.error=g;exports.high=w;exports.inTable=c;exports.info=s;exports.information=d;exports.low=a;exports.medium=j;exports.overflowHidden=t;exports.success=f;exports.tag=o;exports.text=n;exports.textEllipsis=_;exports.textNowrap=e;exports.textTruncate=i;exports.veryLow=l;exports.warning=m;
 //# sourceMappingURL=tag.module.scss.js.map

package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js

@@ -1,2 +1,2 @@
-"use strict";let r=function(r){return r.info="info",r.veryLow="very-low",r.low="low",r.medium="medium",r.high="high",r.critical="critical",r.information="information",r.success="success",r.alert="alert",r.error="error",r.warning="warning",r.default="default",r}({});exports.TagVariant=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=(e=>(e.info="info",e.veryLow="very-low",e.low="low",e.medium="medium",e.high="high",e.critical="critical",e.information="information",e.success="success",e.alert="alert",e.error="error",e.warning="warning",e.default="default",e))(o||{});exports.TagVariant=o;
 //# sourceMappingURL=tag.types.js.map

package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.types.js","sources":["../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n  info = 'info',\n  veryLow = 'very-low',\n  low = 'low',\n  medium = 'medium',\n  high = 'high',\n  critical = 'critical',\n  information = 'information',\n  success = 'success',\n  alert = 'alert',\n  error = 'error',\n  warning = 'warning',\n  default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n  variant?: TagVariant\n  text?: string\n  hashtag?: boolean\n  inTable?: boolean\n  components?: {\n    TextComponent?: FC<TextProps>\n  }\n  onClick?: (event?: MouseEvent) => void\n  className?: string\n}\n"],"names":["TagVariant"],"mappings":"aAQA,IAAYA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
+{"version":3,"file":"tag.types.js","sources":["../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n  info = 'info',\n  veryLow = 'very-low',\n  low = 'low',\n  medium = 'medium',\n  high = 'high',\n  critical = 'critical',\n  information = 'information',\n  success = 'success',\n  alert = 'alert',\n  error = 'error',\n  warning = 'warning',\n  default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n  variant?: TagVariant\n  text?: string\n  hashtag?: boolean\n  inTable?: boolean\n  components?: {\n    TextComponent?: FC<TextProps>\n  }\n  onClick?: (event?: MouseEvent) => void\n  className?: string\n}\n"],"names":["TagVariant"],"mappings":"gFAQO,IAAKA,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,QAAU,WACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,SAAW,WACXA,EAAA,YAAc,cACdA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,QAAU,UAZAA,IAAAA,GAAA,CAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("./Text.js"),l=require("./typography.module.scss.js");const r=t.memo((t=>{let{children:r,text:s,className:n="",...d}=t;return React.createElement(a.Text,e.extends({},d,{className:`${l.default.headline} ${n}`,element:"h1"}),r&&r,!r&&s&&s)}));r.displayName="Headline";const s=t.memo((t=>{let{children:r,text:s,className:n="",...d}=t;return React.createElement(a.Text,e.extends({},d,{className:`${l.default.headlineSecondary} ${n}`,element:"h2"}),r&&r,!r&&s&&s)}));s.displayName="HeadlineSecondary";const n=t.memo((t=>{let{children:r,text:s,className:n="",...d}=t;return React.createElement(a.Text,e.extends({},d,{className:`${l.default.headlineTertiary} ${n}`,element:"h3"}),r&&r,!r&&s&&s)}));n.displayName="HeadlineTertiary",exports.Headline=r,exports.HeadlineSecondary=s,exports.HeadlineTertiary=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),t=require("./Text.js"),r=require("./typography.module.scss.js"),d=i.memo(({children:e,text:a,className:n="",...l})=>s.jsxs(t.Text,{...l,className:`${r.default.headline} ${n}`,element:"h1",children:[e&&e,!e&&a&&a]}));d.displayName="Headline";const o=i.memo(({children:e,text:a,className:n="",...l})=>s.jsxs(t.Text,{...l,className:`${r.default.headlineSecondary} ${n}`,element:"h2",children:[e&&e,!e&&a&&a]}));o.displayName="HeadlineSecondary";const m=i.memo(({children:e,text:a,className:n="",...l})=>s.jsxs(t.Text,{...l,className:`${r.default.headlineTertiary} ${n}`,element:"h3",children:[e&&e,!e&&a&&a]}));m.displayName="HeadlineTertiary";exports.Headline=d;exports.HeadlineSecondary=o;exports.HeadlineTertiary=m;
 //# sourceMappingURL=Headline.js.map

package/dist/ui/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","React","createElement","Text","_extends","classes","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"yKAOO,MAAMA,EAAWC,EAAAA,MACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQC,YAAYP,IAAaQ,QAAQ,OACrEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASc,YAAc,WAGhB,MAAMC,EAAoBd,EAAAA,MAC/Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQM,qBAAqBZ,IAAaQ,QAAQ,OAC9EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAkBD,YAAc,oBAGzB,MAAMI,EAAmBjB,EAAAA,MAC9BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQS,oBAAoBf,IAAaQ,QAAQ,OAC7EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAiBJ,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","children","text","className","props","jsxs","Text","classes","HeadlineSecondary","HeadlineTertiary"],"mappings":"wMAOaA,EAAWC,EAAAA,KACtB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,QAAQ,IAAIJ,CAAS,GAAI,QAAQ,KACrE,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAH,EAAS,YAAc,WAGhB,MAAMS,EAAoBR,EAAAA,KAC/B,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,iBAAiB,IAAIJ,CAAS,GAAI,QAAQ,KAC9E,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAM,EAAkB,YAAc,oBAGzB,MAAMC,EAAmBT,EAAAA,KAC9B,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,gBAAgB,IAAIJ,CAAS,GAAI,QAAQ,KAC7E,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAO,EAAiB,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("./Text.js"),s=require("./typography.module.scss.js");const l=r.memo((r=>{let{children:l,text:a,className:i="",...u}=r;return React.createElement(t.Text,e.extends({},u,{className:`${s.default.link} ${i}`,element:"a"}),l&&l,!l&&a&&a)}));l.displayName="Link",exports.Link=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),a=require("./Text.js"),u=require("./typography.module.scss.js"),r=o.memo(({children:e,text:t,className:s="",...i})=>n.jsxs(a.Text,{...i,className:`${u.default.link} ${s}`,element:"a",children:[e&&e,!e&&t&&t]}));r.displayName="Link";exports.Link=r;
 //# sourceMappingURL=Link.js.map

package/dist/ui/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","React","createElement","Text","_extends","classes","link","element","displayName"],"mappings":"yKAOO,MAAMA,EAAOC,EAAAA,MAClBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQC,QAAQP,IAAaQ,QAAQ,MACjEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKc,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","children","text","className","props","jsxs","Text","classes"],"mappings":"wMAOaA,EAAOC,EAAAA,KAClB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,IAAI,IAAIJ,CAAS,GAAI,QAAQ,IACjE,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAH,EAAK,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react"),r=require("./Text.js"),t=require("./typography.module.scss.js");const l=a.memo((a=>{let{children:l,text:s,className:m="",...p}=a;return React.createElement(r.Text,e.extends({},p,{className:`${t.default.paragraph} ${m}`,element:"p"}),l&&l,!l&&s&&s)}));l.displayName="Paragraph";const s=a.memo((a=>{let{children:l,text:s,className:m="",...p}=a;return React.createElement(r.Text,e.extends({},p,{className:`${t.default.paragraphSmall} ${m}`,element:"p"}),l&&l,!l&&s&&s)}));s.displayName="ParagraphSmall";const m=a.memo((a=>{let{children:l,text:s,className:m="",...p}=a;return React.createElement(r.Text,e.extends({},p,{className:`${t.default.paragraphBold} ${m}`,element:"p"}),l&&l,!l&&s&&s)}));m.displayName="ParagraphBold";const p=a.memo((a=>{let{children:l,text:s,className:m="",...p}=a;return React.createElement(r.Text,e.extends({},p,{className:`${t.default.paragraphBoldSmall} ${m}`,element:"p"}),l&&l,!l&&s&&s)}));p.displayName="ParagraphBoldSmall",exports.Paragraph=l,exports.ParagraphBold=m,exports.ParagraphBoldSmall=p,exports.ParagraphSmall=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),p=require("react"),s=require("./Text.js"),o=require("./typography.module.scss.js"),t=p.memo(({children:a,text:e,className:r="",...l})=>m.jsxs(s.Text,{...l,className:`${o.default.paragraph} ${r}`,element:"p",children:[a&&a,!a&&e&&e]}));t.displayName="Paragraph";const g=p.memo(({children:a,text:e,className:r="",...l})=>m.jsxs(s.Text,{...l,className:`${o.default.paragraphSmall} ${r}`,element:"p",children:[a&&a,!a&&e&&e]}));g.displayName="ParagraphSmall";const d=p.memo(({children:a,text:e,className:r="",...l})=>m.jsxs(s.Text,{...l,className:`${o.default.paragraphBold} ${r}`,element:"p",children:[a&&a,!a&&e&&e]}));d.displayName="ParagraphBold";const h=p.memo(({children:a,text:e,className:r="",...l})=>m.jsxs(s.Text,{...l,className:`${o.default.paragraphBoldSmall} ${r}`,element:"p",children:[a&&a,!a&&e&&e]}));h.displayName="ParagraphBoldSmall";exports.Paragraph=t;exports.ParagraphBold=d;exports.ParagraphBoldSmall=h;exports.ParagraphSmall=g;
 //# sourceMappingURL=Paragraph.js.map

package/dist/ui/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","React","createElement","Text","_extends","classes","paragraph","element","displayName","ParagraphSmall","_ref2","paragraphSmall","ParagraphBold","_ref3","paragraphBold","ParagraphBoldSmall","_ref4","paragraphBoldSmall"],"mappings":"yKAOO,MAAMA,EAAYC,EAAAA,MACvBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQC,aAAaP,IAAaQ,QAAQ,MACtEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUc,YAAc,YAGjB,MAAMC,EAAiBd,EAAAA,MAC5Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQM,kBAAkBZ,IAAaQ,QAAQ,MAC3EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAeD,YAAc,iBAGtB,MAAMI,EAAgBjB,EAAAA,MAC3BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQS,iBAAiBf,IAAaQ,QAAQ,MAC1EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAcJ,YAAc,gBAGrB,MAAMO,EAAqBpB,EAAAA,MAChCqB,IAAA,IAACnB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBgB,EAAA,OACvDf,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAAA,QAAQY,sBAAsBlB,IAAaQ,QAAQ,MAC/EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXiB,EAAmBP,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","children","text","className","props","jsxs","Text","classes","ParagraphSmall","ParagraphBold","ParagraphBoldSmall"],"mappings":"wMAOaA,EAAYC,EAAAA,KACvB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,SAAS,IAAIJ,CAAS,GAAI,QAAQ,IACtE,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAH,EAAU,YAAc,YAGjB,MAAMS,EAAiBR,EAAAA,KAC5B,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,cAAc,IAAIJ,CAAS,GAAI,QAAQ,IAC3E,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAM,EAAe,YAAc,iBAGtB,MAAMC,EAAgBT,EAAAA,KAC3B,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,aAAa,IAAIJ,CAAS,GAAI,QAAQ,IAC1E,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAO,EAAc,YAAc,gBAGrB,MAAMC,EAAqBV,EAAAA,KAChC,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAI,GAAGC,KACpCC,OAACC,EAAAA,MAAM,GAAGF,EAAO,UAAW,GAAGG,EAAAA,QAAQ,kBAAkB,IAAIJ,CAAS,GAAI,QAAQ,IAC/E,SAAA,CAAAF,GAAYA,EACX,CAACA,GAAYC,GAASA,CAAA,CAAA,CAC1B,CAEJ,EAEAQ,EAAmB,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../../../../hooks/useParseProps.js"),s=require("../../../../utils/helpers/text.js");const r=e.memo((r=>{let{element:a="span",children:o,href:d,target:i,className:n="",id:l,onClick:c,text:m,...p}=r;const{dataProps:u,restProps:x}=t.useParseProps(p),P=m||o?.toString(),h=e.useMemo((()=>c?{onClick:c,onKeyDown:c,role:"button",tabIndex:-1}:{}),[c]);return e.createElement(a,{id:`${l||P&&s.composeId(P)}`,href:d,text:m,target:i,className:n,...h,style:x,...u,"data-testid":`${u.dataTestId||u["data-testid"]||l||P&&s.composeId(P)}`},o)}));r.displayName="Text",exports.Text=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),b=require("../../../../hooks/useParseProps.js"),u=require("../../../../utils/helpers/text.js"),p=r.memo(({element:d="span",children:t,href:m,target:P,className:x="",id:a,onClick:e,text:n,...c})=>{const{dataProps:o,restProps:y}=b.useParseProps(c),s=n||(t==null?void 0:t.toString()),T=r.useMemo(()=>e?{onClick:e,onKeyDown:e,role:"button",tabIndex:-1}:{},[e]);return r.createElement(d,{id:`${a||s&&u.composeId(s)}`,href:m,text:n,target:P,className:x,...T,style:y,...o,"data-testid":`${o.dataTestId||o["data-testid"]||a||s&&u.composeId(s)}`},t)});p.displayName="Text";exports.Text=p;
 //# sourceMappingURL=Text.js.map

package/dist/ui/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 { createElement, 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 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","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","createElement","composeId","style","dataTestId","displayName"],"mappings":"yIAQaA,EAAsBC,EAAAA,MAAiBC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,OAASC,KAASC,GAAkBT,EAEpG,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GACzCI,EAAuCL,GAAQN,GAAUY,WAEzDC,EAAeC,WAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNC,UAAU,GACP,CAAA,GAAK,CAACZ,IAEX,OAAOa,EAAAA,cACLnB,EACA,CACEK,GAAI,GAAGA,GAAOO,GAAoBQ,EAAAA,UAAUR,KAC5CV,YACAK,EACAJ,SACAC,eACGU,EACHO,MAAOX,KACJD,EACH,cACA,GAAGA,EAAUa,YAAcb,EAAU,gBAAkBJ,GAAOO,GAAoBQ,EAAAA,UAAUR,MAE9FX,EACD,IAGHJ,EAAK0B,YAAc"}
+{"version":3,"file":"Text.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import { createElement, 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 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","element","children","href","target","className","id","onClick","text","rest","dataProps","restProps","useParseProps","textFromChildren","onClickProps","useMemo","createElement","composeId"],"mappings":"wMAQaA,EAAsBC,EAAAA,KAAiB,CAClD,CAAE,QAAAC,EAAU,OAAQ,SAAAC,EAAU,KAAAC,EAAM,OAAAC,EAAQ,UAAAC,EAAY,GAAI,GAAAC,EAAI,QAAAC,EAAA,KAASC,EAAM,GAAGC,KAC/E,CACH,KAAM,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAAA,cAAcH,CAAI,EAC7CI,EAAuCL,IAAQN,GAAA,YAAAA,EAAU,YAEzDY,EAAeC,UAAQ,IAAOR,EAAW,CAC7C,QAAAA,EACA,UAAWA,EACX,KAAM,SACN,SAAU,EAAA,EACP,CAAA,EAAK,CAACA,CAAO,CAAC,EAEnB,OAAOS,EAAAA,cACLf,EACA,CACE,GAAI,GAAGK,GAAOO,GAAoBI,EAAAA,UAAUJ,CAAgB,CAAE,GAC9D,KAAAV,EAAA,KACAK,EACA,OAAAJ,EACA,UAAAC,EACA,GAAGS,EACH,MAAOH,EACP,GAAGD,EACH,cACA,GAAGA,EAAU,YAAcA,EAAU,aAAa,GAAKJ,GAAOO,GAAoBI,EAAAA,UAAUJ,CAAgB,CAAE,EAAA,EAEhHX,CAAA,CAEJ,CAAC,EAEDH,EAAK,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../Link.js"),s=require("./anchorLink.module.scss.js"),r=require("../../../../../utils/helpers/ui.js"),n=require("../../../../../utils/helpers/text.js");const i=t.memo((i=>{let{id:l,onClick:o,href:c,asLink:d=!1,text:u,children:m,className:p="",...h}=i;const k=u||m?.toString(),x=t.useCallback((e=>o?(e?.preventDefault(),e?.stopPropagation(),o(e,c,h.target,m)):null),[c,o,m,h.target]),L=t.useMemo((()=>o?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x,o]);return React.createElement("span",e.extends({},L,{id:`${void 0!==l&&l||k&&n.composeId(k)}`,"data-testid":h.dataTestId||h["data-testid"]||l||k&&n.composeId(k)}),d&&React.createElement(a.Link,e.extends({href:c||""},h),m||u||c),!d&&React.createElement("a",e.extends({href:c||"",className:r.classNames(s.default.anchorLink,h.disabled&&s.default.disabled,p)},h),m||u||c))}));i.displayName="AnchorLink",exports.AnchorLink=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),x=require("../Link.js"),m=require("./anchorLink.module.scss.js"),L=require("../../../../../utils/helpers/ui.js"),b=require("../../../../../utils/helpers/text.js"),g=d.memo(({id:n,onClick:e,href:s,asLink:l=!1,text:u,children:t,className:k="",...a})=>{const r=u||(t==null?void 0:t.toString()),i=d.useCallback(o=>e?(o==null||o.preventDefault(),o==null||o.stopPropagation(),e(o,s,a.target,t)):null,[s,e,t,a.target]),q=d.useMemo(()=>e?{onClick:i,onKeyDown:i,role:"button",tabIndex:-1}:{},[i,e]);return c.jsxs("span",{...q,id:`${typeof n<"u"&&n||r&&b.composeId(r)}`,"data-testid":a.dataTestId||a["data-testid"]||n||r&&b.composeId(r),children:[l&&c.jsx(x.Link,{href:s||"",...a,children:t||u||s}),!l&&c.jsx("a",{href:s||"",className:L.classNames(m.default.anchorLink,a.disabled&&m.default.disabled,k),...a,children:t||u||s})]})});g.displayName="AnchorLink";exports.AnchorLink=g;
 //# sourceMappingURL=AnchorLink.js.map

package/dist/ui/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","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","stopPropagation","target","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_extends","composeId","dataTestId","Link","classNames","classes","anchorLink","disabled","displayName"],"mappings":"qRAgBaA,EAAkCC,EAAAA,MAAsBC,IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,OACTC,EAAIC,SACJA,EAAQC,UACRA,EAAY,MACTC,GACaR,EAChB,MAAMS,EAAuCJ,GAAQC,GAAUI,WAEzDC,EAAeC,EAAAA,aAAaC,GAC5BX,GACFW,GAAOC,iBACPD,GAAOE,kBACAb,EAAQW,EAAOV,EAAMK,EAAMQ,OAAQV,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMQ,SAE7BC,EAAeC,WAAQ,IAAOhB,EAAW,CAC7CA,QAASS,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAU,GACP,IAAK,CAACV,EAAcT,IAEzB,OAGEoB,MAAAC,cAAA,OAAAC,EAAAA,WACMP,EAAY,CAChBhB,GAAI,QAAkB,IAAPA,GAAsBA,GAAQQ,GAAoBgB,EAAAA,UAAUhB,KAC3E,cAAaD,EAAMkB,YAAclB,EAAM,gBAAkBP,GAAOQ,GAAoBgB,EAAAA,UAAUhB,KAE7FL,GAAUkB,MAAAC,cAACI,EAAAA,KAAIH,EAAAA,QAAA,CAACrB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFkB,MAAAC,cAAA,IAAAC,UAAA,CACErB,KAAMA,GAAQ,GACdI,UACEqB,EAAAA,WAAWC,EAAAA,QAAQC,WAAYtB,EAAMuB,UAAYF,EAAAA,QAAQE,SAAUxB,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWkC,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","id","onClick","href","asLink","text","children","className","props","textFromChildren","clickHandler","useCallback","event","onClickProps","useMemo","jsxs","composeId","jsx","Link","classNames","classes"],"mappings":"2SAgBaA,EAAkCC,EAAAA,KAAsB,CAAC,CACpE,GAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,GAAA,KACTC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,IAAuB,CACrB,MAAMC,EAAuCJ,IAAQC,GAAA,YAAAA,EAAU,YAEzDI,EAAeC,cAAaC,GAC5BV,GACFU,GAAA,MAAAA,EAAO,iBACPA,GAAA,MAAAA,EAAO,kBACAV,EAAQU,EAAOT,EAAMK,EAAM,OAAQF,CAAkB,GAGvD,KACN,CAACH,EAAMD,EAASI,EAAUE,EAAM,MAAM,CAAC,EAEpCK,EAAeC,UAAQ,IAAOZ,EAAW,CAC7C,QAASQ,EACT,UAAWA,EACX,KAAM,SACN,SAAU,EAAA,EACP,GAAK,CAACA,EAAcR,CAAO,CAAC,EAEjC,OAGEa,EAAAA,KAAC,OAAA,CACE,GAAGF,EACJ,GAAI,GAAI,OAAOZ,EAAO,KAAeA,GAAQQ,GAAoBO,EAAAA,UAAUP,CAAgB,CAAE,GAC7F,cAAaD,EAAM,YAAcA,EAAM,aAAa,GAAKP,GAAOQ,GAAoBO,EAAAA,UAAUP,CAAgB,EAE7G,SAAA,CAAAL,GAAUa,EAAAA,IAACC,EAAAA,MAAK,KAAMf,GAAQ,GAAK,GAAGK,EAAQ,SAAAF,GAAYD,GAAQF,CAAA,CAAK,EACvE,CAACC,GAGFa,EAAAA,IAAC,IAAA,CACC,KAAMd,GAAQ,GACd,UACEgB,EAAAA,WAAWC,EAAAA,QAAQ,WAAYZ,EAAM,UAAYY,EAAAA,QAAQ,SAAUb,CAAS,EAE7E,GAAGC,EACJ,YAAYH,GAAQF,CAAA,CAAA,CACtB,CAAA,CAAA,CAMN,CAAC,EAIDJ,EAAW,YAAc"}

package/dist/ui/src/core/ui/components/atoms/text/anchor-link/anchorLink.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={anchorLink:"anchorLink-module_anchorLink__-WJV4",disabled:"anchorLink-module_disabled__N9Qfv"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_anchorLink_1x8yn_17",n="_disabled_1x8yn_22",s={anchorLink:e,disabled:n};exports.anchorLink=e;exports.default=s;exports.disabled=n;
 //# sourceMappingURL=anchorLink.module.scss.js.map

package/dist/ui/src/core/ui/components/atoms/text/typography.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={headline:"typography-module_headline__b0XlP",headlineSecondary:"typography-module_headlineSecondary__IDnhT",headlineTertiary:"typography-module_headlineTertiary__mlG-v",paragraph:"typography-module_paragraph__tgBAx",paragraphBold:"typography-module_paragraphBold__PmcZU",paragraphBoldSmall:"typography-module_paragraphBoldSmall__qExmY",paragraphSmall:"typography-module_paragraphSmall__vTMiI",link:"typography-module_link__DWurf"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="_headline_4rzb0_17",r="_headlineSecondary_4rzb0_22",l="_headlineTertiary_4rzb0_27",e="_paragraph_4rzb0_32",p="_paragraphBold_4rzb0_32",n="_paragraphBoldSmall_4rzb0_32",d="_paragraphSmall_4rzb0_32",h="_link_4rzb0_46",o={headline:a,headlineSecondary:r,headlineTertiary:l,paragraph:e,paragraphBold:p,paragraphBoldSmall:n,paragraphSmall:d,link:h};exports.default=o;exports.headline=a;exports.headlineSecondary=r;exports.headlineTertiary=l;exports.link=h;exports.paragraph=e;exports.paragraphBold=p;exports.paragraphBoldSmall=n;exports.paragraphSmall=d;
 //# sourceMappingURL=typography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("../../error/propsValidationError.js"),o=require("../text/Text.js"),r=require("./textAndContent.module.scss.js"),c=require("../../container/layoutBox/LayoutBox.js"),i=require("../../icon/IconBase.js");const s=t.memo((t=>{let{text:i,children:s,components:a,leftContent:l,rightContent:x,textProps:d={},className:u="",...m}=t;if(null==i&&!s)throw new n.PropsValidationError("Missing `text or children` property!");const p=a?.TextComponent||o.Text;return React.createElement(c.LayoutBox,e.extends({className:`${r.default.textAndContent} ${u}`},m),l&&l,React.createElement(p,e.extends({className:"text-truncate"},d,{"data-testid":"text-content-text-component"}),i||s),x&&x)}));s.displayName="TextAndContent";const a=t.memo((n=>{let{iconSize:o,iconColor:r,iconLeft:c,iconRight:a,iconLeftUrl:l,iconRightUrl:x,onLeftIconClick:d,onRightIconClick:u,...m}=n;const[p,C]=t.useMemo((()=>{let t,n;if(c||l){const n=d?{onClick:d,onKeyDown:d,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(i.IconBase,e.extends({iconUrl:l,size:o,color:r},n),c&&c)}if(a||x){const t=u?{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};n=React.createElement(i.IconBase,e.extends({iconUrl:x,size:o,color:r},t),a&&a)}return[t,n]}),[r,c,l,a,x,o,d,u]);return React.createElement(s,e.extends({leftContent:p,rightContent:C},m))}));a.displayName="TextAndIcons",exports.TextAndContent=s,exports.TextAndIcons=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),c=require("react"),q=require("../../error/propsValidationError.js"),b=require("../text/Text.js"),B=require("./textAndContent.module.scss.js"),C=require("../../container/layoutBox/LayoutBox.js"),p=require("../../icon/IconBase.js"),i=c.memo(({text:e,children:r,components:t,leftContent:n,rightContent:o,textProps:d={},className:s="",...a})=>{if(e==null&&!r)throw new q.PropsValidationError("Missing `text or children` property!");const u=(t==null?void 0:t.TextComponent)||b.Text;return x.jsxs(C.LayoutBox,{className:`${B.default.textAndContent} ${s}`,...a,children:[n&&n,x.jsx(u,{className:"text-truncate",...d,"data-testid":"text-content-text-component",children:e||r}),o&&o]})});i.displayName="TextAndContent";const y=c.memo(({iconSize:e,iconColor:r,iconLeft:t,iconRight:n,iconLeftUrl:o,iconRightUrl:d,onLeftIconClick:s,onRightIconClick:a,...u})=>{const[A,j]=c.useMemo(()=>{let m,T;if(t||o){const l=s?{onClick:s,onKeyDown:s,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};m=x.jsx(p.IconBase,{iconUrl:o,size:e,color:r,...l,children:t&&t})}if(n||d){const l=a?{onClick:a,onKeyDown:a,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};T=x.jsx(p.IconBase,{iconUrl:d,size:e,color:r,...l,children:n&&n})}return[m,T]},[r,t,o,n,d,e,s,a]);return x.jsx(i,{leftContent:A,rightContent:j,...u})});y.displayName="TextAndIcons";exports.TextAndContent=i;exports.TextAndIcons=y;
 //# sourceMappingURL=TextAndContent.js.map

package/dist/ui/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","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"kUAiBaA,EAA0CC,EAAAA,MAA0BC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAA,EAAEC,UACdA,EAAY,MACTC,GACiBR,EACpB,GAAI,MAACC,IAAyCC,EAC5C,MAAM,IAAIO,EAAAA,qBAAqB,wCAGjC,MAAMC,EAAgBP,GAAYO,eAAiBC,EAAAA,KAEnD,OACEC,MAAAC,cAACC,EAAAA,UAASC,UAAA,CACRR,UAAW,GAAGS,EAAAA,QAAQC,kBAAkBV,KACpCC,GAEHJ,GAAeA,EAChBQ,MAAAC,cAACH,EAAaK,UAAA,CAACR,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeoB,YAAc,uBAShBC,EAAsCpB,EAAAA,MAAwBqB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,KACGpB,GACeY,EAClB,MAAOhB,EAAaC,GAAgBwB,EAAAA,SAAQ,KAC1C,IAAIzB,EACAC,EAEJ,GAAIkB,GAAYE,EAAa,CAC3B,MAAMK,EAAuBH,EAAmB,CAC9CI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAU,EACV,cAAe,0BACZ,CAAA,EAEL9B,EACEQ,MAAAC,cAACsB,EAAAA,SAAQpB,EAAAA,QAAA,CAACqB,QAASX,EAAaY,KAAMhB,EAAUiB,MAAOhB,GAAeQ,GACnEP,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMa,EAAwBX,EAAoB,CAChDG,QAASH,EACTI,UAAWJ,EACXK,KAAM,SACNC,UAAU,EACV,cAAe,2BACZ,CAAA,EAEL7B,EACEO,MAAAC,cAACsB,EAAAA,SAAQpB,EAAAA,QAAA,CAACqB,QAASV,EAAcW,KAAMhB,EAAUiB,MAAOhB,GAAeiB,GACpEf,GAAaA,EAEpB,CACA,MAAO,CAACpB,EAAaC,EAAa,GACjC,CAACiB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEhB,MAAAC,cAACf,EAAciB,UAAA,CACbX,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINW,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","text","children","components","leftContent","rightContent","textProps","className","props","PropsValidationError","TextComponent","BodyText","jsxs","LayoutBox","classes","jsx","TextAndIcons","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","useMemo","onLeftIconClickProps","IconBase","onRightIconClickProps"],"mappings":"2VAiBaA,EAA0CC,EAAAA,KAA0B,CAAC,CAChF,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,CAAA,EACZ,UAAAC,EAAY,GACZ,GAAGC,CACL,IAA2B,CACzB,GAA2BP,GAAS,MAAS,CAACC,EAC5C,MAAM,IAAIO,EAAAA,qBAAqB,sCAAsC,EAGvE,MAAMC,GAAgBP,GAAA,YAAAA,EAAY,gBAAiBQ,EAAAA,KAEnD,OACEC,EAAAA,KAACC,EAAAA,UAAA,CACC,UAAW,GAAGC,EAAAA,QAAQ,cAAc,IAAIP,CAAS,GAChD,GAAGC,EAEH,SAAA,CAAAJ,GAAeA,EAChBW,EAAAA,IAACL,GAAc,UAAU,gBAAiB,GAAGJ,EAAW,cAAY,8BAA+B,SAAAL,GAAQC,CAAA,CAAS,EACnHG,GAAgBA,CAAA,CAAA,CAAA,CAGvB,CAAC,EAEDN,EAAe,YAAc,iBAStB,MAAMiB,EAAsChB,EAAAA,KAAwB,CAAC,CAC1E,SAAAiB,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,GAAGhB,CACL,IAAyB,CACvB,KAAM,CAACJ,EAAaC,CAAY,EAAIoB,EAAAA,QAAQ,IAAM,CAChD,IAAIrB,EACAC,EAEJ,GAAIc,GAAYE,EAAa,CAC3B,MAAMK,EAAuBH,EAAmB,CAC9C,QAASA,EACT,UAAWA,EACX,KAAM,SACN,SAAU,GACV,cAAe,wBAAA,EACZ,CAAA,EAELnB,EACEW,EAAAA,IAACY,EAAAA,SAAA,CAAS,QAASN,EAAa,KAAMJ,EAAU,MAAOC,EAAY,GAAGQ,EACnE,SAAAP,GAAYA,CAAA,CACf,CACJ,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMM,EAAwBJ,EAAoB,CAChD,QAASA,EACT,UAAWA,EACX,KAAM,SACN,SAAU,GACV,cAAe,yBAAA,EACZ,CAAA,EAELnB,EACEU,EAAAA,IAACY,EAAAA,SAAA,CAAS,QAASL,EAAc,KAAML,EAAU,MAAOC,EAAY,GAAGU,EACpE,SAAAR,GAAaA,CAAA,CAChB,CACJ,CACA,MAAO,CAAChB,EAAaC,CAAY,CACnC,EAAG,CAACa,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,CAAgB,CAAC,EAG3G,OACET,EAAAA,IAAChB,EAAA,CACC,YAAAK,EACA,aAAAC,EACC,GAAGG,CAAA,CAAA,CAGV,CAAC,EAEDQ,EAAa,YAAc"}

package/dist/ui/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={textAndContent:"textAndContent-module_textAndContent__X5P1n"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_textAndContent_g8kx0_1",e={textAndContent:t};exports.default=e;exports.textAndContent=t;
 //# sourceMappingURL=textAndContent.module.scss.js.map

package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react"),a=require("./toggle.module.scss.js"),r=require("../../../../hooks/useParseProps.js"),l=require("../../../../utils/helpers/ui.js");const t=s.forwardRef(((t,o)=>{let{id:d,checked:c=!1,disabled:i=!1,className:u="",invalid:n,onChange:m,...g}=t;const p=s.useId(),h=s.useMemo((()=>l.classNames(a.default.toggle,i&&a.default.disabled,u)),[i,u]),{dataProps:P,restProps:b}=r.useParseProps(g);return React.createElement("label",e.extends({htmlFor:d??p,className:h},P,{style:b}),React.createElement("input",e.extends({},g,{id:d??p,ref:o,role:"switch",type:"checkbox",disabled:i,checked:c,onChange:m})),React.createElement("span",{className:a.default.slider}))}));t.displayName="ToggleForwarded";const o=s.memo(t);o.displayName="Toggle",exports.Toggle=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("react"),r=require("./toggle.module.scss.js"),y=require("../../../../hooks/useParseProps.js"),P=require("../../../../utils/helpers/ui.js"),c=e.forwardRef(({id:t,checked:n=!1,disabled:s=!1,className:l="",invalid:T,onChange:i,...a},g)=>{const u=e.useId(),m=e.useMemo(()=>P.classNames(r.default.toggle,s&&r.default.disabled,l),[s,l]),{dataProps:f,restProps:p}=y.useParseProps(a);return o.jsxs("label",{htmlFor:t??u,className:m,...f,style:p,children:[o.jsx("input",{...a,id:t??u,ref:g,role:"switch",type:"checkbox",disabled:s,checked:n,onChange:i}),o.jsx("span",{className:r.default.slider})]})});c.displayName="ToggleForwarded";const d=e.memo(c);d.displayName="Toggle";exports.Toggle=d;
 //# sourceMappingURL=Toggle.js.map