@e1011/es-kit 1.2.1 → 1.4.0

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","_objectWithoutProperties","_excluded","TextComponent","BodyText","Text","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","_wrapperSizeRef$curre","_wrapperSizeRef$curre2","_objectSpread","objectSpread2","concat","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"+sBAaMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,EAAIA,MAAWC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAUA,WAACC,aACrBC,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,IAEHV,EADNW,EAAKC,EAAAA,wBAAAZ,EAAAa,GAER,MAAMC,GAAgBR,aAAU,EAAVA,EAAYQ,gBAAiBC,EAAQC,KAErDC,EAAkBC,EAAaA,cAAC,CACpCC,EAAOhB,QAACiB,IACRnB,GAAWkB,EAAAA,QAAQlB,GACnBM,GAAWY,EAAAA,QAAQE,UACnBZ,GAAWU,UAAQ,YACnBT,GACC,CAACS,EAAAA,WAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcb,IACxCc,EAAaC,GAAkBC,EAAAA,UAAS,GAEzCC,EAAiBC,EAAMA,OAAqB,MAC5CC,EAAmBD,EAAMA,OAAwB,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,OAASjC,GAC/BJ,GACAmB,SAAAA,EAAWmB,aACXnB,SAAAA,EAAWoB,UACXpB,SAAAA,EAAWqB,cACXrB,SAAAA,EAAWsB,YACb,CAACrC,EAAUJ,EAAMmB,eAAAA,EAAWmB,YAAanB,aAAS,EAATA,EAAWoB,SAAUpB,aAAS,EAATA,EAAWqB,aAAcrB,aAAS,EAATA,EAAWsB,YAE/FC,EAAuBL,EAAAA,SAAQ,KAAA,IAAAM,EAAAC,EAAA,OAAOvB,EAAWwB,EAAAA,cAAAA,EAAAC,cAClD1D,CAAAA,EAAAA,GAA2C,GAAA,CAC9C0C,SAAKiB,OAAKvB,SAAuBmB,QAATA,EAAdnB,EAAgBS,mBAAOU,SAAvBA,EAAyBb,MAAS,MAC5CC,UAAMgB,OAAKvB,SAAuB,QAAToB,EAAdpB,EAAgBS,eAAhBW,IAAuBA,OAAvBA,EAAAA,EAAyBb,OAAM,QAEvC,IAAI,GAAG,CAACV,EAAaG,aAAc,EAAdA,EAAgBS,UAE1C,OACEe,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASA,UAAAC,UAAA,CACRC,GAAE,GAAAN,YAA0B,IAAbxC,EAAM8C,IAAsB9C,EAAM8C,IAAQrD,GAAQsD,EAASA,UAACtD,IAC3EM,UAAWO,GACPK,EACAC,EAAS,CACb,cAAA4B,GAAAA,OAAgB7B,EAAUqC,YAAcrC,EAAU,gBAAkBX,EAAM8C,IAAOrD,GAAQsD,EAASA,UAACtD,IACnGG,QAASA,IAERF,GAAW+C,MAAAC,cAACvC,EAAc,KAAA,KAC1B0B,GAEGY,MAAAC,cAACO,EAAAA,aAAYJ,EAAAA,QAAA,CACX9C,UAAWS,EAAOhB,QAACC,KACnByD,SAAS,SACLtC,EAAS,CACbW,MAAM,SAENkB,MAAAC,cAAA,MAAA,CAAKS,IAAK/B,EAAsCrB,UAAU,iBACvDe,GACC2B,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAKhC,EAAkBiC,MAAOjB,IACnCM,MAAAC,cAAA,OAAA,KAAO7C,GAAYJ,KAGrBqB,IAAgBjB,GAAYJ,MAKvCqB,GAAe2B,MAAAC,cAACW,UAAO,CAAC5D,KAAMA,EAAM6D,UAAWnC,IAC/C,IAIPhC,EAAIoE,YAAc"}
+{"version":3,"file":"Tag.js","sources":["../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n  textWrapper: { position: 'relative' },\n  textTransformedWrapperTipPlaceholder: {\n    position: 'absolute',\n    top: 0,\n    background: 'transparent',\n    zIndex: 0,\n    userSelect: 'none',\n  },\n}\n\n/**\n * Tag component.\n *  *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n  variant = TagVariant.default,\n  text,\n  hashtag,\n  components,\n  onClick,\n  children,\n  inTable,\n  className = '',\n  ...props\n}: TagProps) => {\n  const TextComponent = components?.TextComponent || BodyText\n\n  const classesResolved = useClassNames([\n    classes.tag,\n    variant && classes[variant],\n    onClick && classes.clickable,\n    inTable && classes['in-table'],\n    className,\n  ], [classes])\n\n  const { dataProps, restProps } = useParseProps(props)\n  const [isTruncated, setIsTruncated] = useState(false)\n\n  const wrapperSizeRef = useRef<WrapperSize | null>(null)\n  const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n  const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n    const element = textRef.current\n\n    if (element) {\n      setIsTruncated(element.offsetWidth < element.scrollWidth)\n    }\n    wrapperSizeRef.current = { width, height }\n  })\n\n  const hasContent = useMemo(() => !!(children\n    || text\n    || restProps?.iconLeftUrl\n    || restProps?.iconLeft\n    || restProps?.iconRightUrl\n    || restProps?.iconRight\n  ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n  const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n    ...styles.textTransformedWrapperTipPlaceholder,\n    width: `${wrapperSizeRef?.current?.width}px`,\n    height: `${wrapperSizeRef?.current?.height}px`,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }) : null), [isTruncated, wrapperSizeRef?.current])\n\n  return (\n    <>\n      <LayoutBox\n        id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n        className={classesResolved}\n        {...dataProps}\n        {...restProps}\n        data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n        onClick={onClick}\n      >\n        {hashtag && <TextComponent>#</TextComponent>}\n        {hasContent\n          && (\n            <TextAndIcons\n              className={classes.text}\n              iconSize='0.8em'\n              {...restProps}\n              width='auto'\n            >\n              <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n                {isTruncated && (\n                  <>\n                    <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n                    <span>{children || text}</span>\n                  </>\n                )}\n                {!isTruncated && (children || text)}\n              </div>\n            </TextAndIcons>\n          )}\n      </LayoutBox>\n      {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n    </>\n  )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","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"}

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":"aAQYA,IAAAA,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":"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"}

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"),r=require("./typography.module.scss.js");const l=["children","text","className"],c=["children","text","className"],s=["children","text","className"],n=t.memo((t=>{let{children:c,text:s,className:n=""}=t,i=e.objectWithoutProperties(t,l);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headline," ").concat(n),element:"h1"}),c&&c,!c&&s&&s)}));n.displayName="Headline";const i=t.memo((t=>{let{children:l,text:s,className:n=""}=t,i=e.objectWithoutProperties(t,c);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headlineSecondary," ").concat(n),element:"h2"}),l&&l,!l&&s&&s)}));i.displayName="HeadlineSecondary";const o=t.memo((t=>{let{children:l,text:c,className:n=""}=t,i=e.objectWithoutProperties(t,s);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headlineTertiary," ").concat(n),element:"h3"}),l&&l,!l&&c&&c)}));o.displayName="HeadlineTertiary",exports.Headline=n,exports.HeadlineSecondary=i,exports.HeadlineTertiary=o;
+"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;
 //# 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","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","headline","element","displayName","HeadlineSecondary","_ref2","_excluded2","headlineSecondary","HeadlineTertiary","_ref3","_excluded3","headlineTertiary"],"mappings":"qRAOaA,EAAWC,EAAIA,MAC1BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,SAAQH,KAAAA,OAAIR,GAAaY,QAAQ,OACrEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASkB,YAAc,WAGVC,MAAAA,EAAoBlB,EAAIA,MACnCmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Be,EAAnBd,EAAKC,EAAAA,wBAAAa,EAAAC,GAAA,OACzCZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACO,kBAAiBT,KAAAA,OAAIR,GAAaY,QAAQ,OAC9Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAkBD,YAAc,oBAGnBK,MAAAA,EAAmBtB,EAAIA,MAClCuB,IAAA,IAACrB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BmB,EAAnBlB,EAAKC,EAAAA,wBAAAiB,EAAAC,GAAA,OACzChB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACW,iBAAgBb,KAAAA,OAAIR,GAAaY,QAAQ,OAC7Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXmB,EAAiBL,YAAc"}
+{"version":3,"file":"Headline.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("./Text.js"),s=require("./typography.module.scss.js");const a=["children","text","className"],l=t.memo((t=>{let{children:l,text:c,className:i=""}=t,n=e.objectWithoutProperties(t,a);return React.createElement(r.Text,e.extends({},n,{className:"".concat(s.default.link," ").concat(i),element:"a"}),l&&l,!l&&c&&c)}));l.displayName="Link",exports.Link=l;
+"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;
 //# 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","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","link","element","displayName"],"mappings":"iNAOaA,EAAOC,EAAIA,MACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,KAAIH,KAAAA,OAAIR,GAAaY,QAAQ,MACjEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKkB,YAAc"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.link} ${className}`} element='a'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","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"}

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"),t=require("./Text.js"),r=require("./typography.module.scss.js");const l=["children","text","className"],c=["children","text","className"],s=["children","text","className"],o=["children","text","className"],m=a.memo((a=>{let{children:c,text:s,className:o=""}=a,m=e.objectWithoutProperties(a,l);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraph," ").concat(o),element:"p"}),c&&c,!c&&s&&s)}));m.displayName="Paragraph";const n=a.memo((a=>{let{children:l,text:s,className:o=""}=a,m=e.objectWithoutProperties(a,c);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphSmall," ").concat(o),element:"p"}),l&&l,!l&&s&&s)}));n.displayName="ParagraphSmall";const p=a.memo((a=>{let{children:l,text:c,className:o=""}=a,m=e.objectWithoutProperties(a,s);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphBold," ").concat(o),element:"p"}),l&&l,!l&&c&&c)}));p.displayName="ParagraphBold";const d=a.memo((a=>{let{children:l,text:c,className:s=""}=a,m=e.objectWithoutProperties(a,o);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphBoldSmall," ").concat(s),element:"p"}),l&&l,!l&&c&&c)}));d.displayName="ParagraphBoldSmall",exports.Paragraph=m,exports.ParagraphBold=p,exports.ParagraphBoldSmall=d,exports.ParagraphSmall=n;
+"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;
 //# 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","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","paragraph","element","displayName","ParagraphSmall","_ref2","_excluded2","paragraphSmall","ParagraphBold","_ref3","_excluded3","paragraphBold","ParagraphBoldSmall","_ref4","_excluded4","paragraphBoldSmall"],"mappings":"uTAOaA,EAAYC,EAAIA,MAC3BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,UAASH,KAAAA,OAAIR,GAAaY,QAAQ,MACtEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUkB,YAAc,YAGXC,MAAAA,EAAiBlB,EAAIA,MAChCmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Be,EAAnBd,EAAKC,EAAAA,wBAAAa,EAAAC,GAAA,OACzCZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACO,eAAcT,KAAAA,OAAIR,GAAaY,QAAQ,MAC3Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAeD,YAAc,iBAGhBK,MAAAA,EAAgBtB,EAAIA,MAC/BuB,IAAA,IAACrB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BmB,EAAnBlB,EAAKC,EAAAA,wBAAAiB,EAAAC,GAAA,OACzChB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACW,cAAab,KAAAA,OAAIR,GAAaY,QAAQ,MAC1Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXmB,EAAcL,YAAc,gBAGfS,MAAAA,EAAqB1B,EAAIA,MACpC2B,IAAA,IAACzB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BuB,EAAnBtB,EAAKC,EAAAA,wBAAAqB,EAAAC,GAAA,OACzCpB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACe,mBAAkBjB,KAAAA,OAAIR,GAAaY,QAAQ,MAC/Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXuB,EAAmBT,YAAc"}
+{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("../../../../hooks/useParseProps.js"),s=require("../../../../utils/helpers/text.js");const a=["element","children","href","target","className","id","onClick","text"],o=t.memo((o=>{let{element:l="span",children:c,href:i,target:n,className:d="",id:p,onClick:u,text:m}=o,h=e.objectWithoutProperties(o,a);const{dataProps:x,restProps:P}=r.useParseProps(h),b=m||(null==c?void 0:c.toString()),j=t.useMemo((()=>u?{onClick:u,onKeyDown:u,role:"button",tabIndex:-1}:{}),[u]);return t.createElement(l,e.objectSpread2(e.objectSpread2(e.objectSpread2({id:"".concat(p||b&&s.composeId(b)),href:i,text:m,target:n,className:d},j),{},{style:P},x),{},{"data-testid":"".concat(x.dataTestId||x["data-testid"]||p||b&&s.composeId(b))}),c)}));o.displayName="Text",exports.Text=o;
+"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;
 //# 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","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","createElement","_objectSpread","concat","composeId","style","dataTestId","displayName"],"mappings":"yRAQaA,EAAsBC,EAAIA,MAAaC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAASC,KAAAA,GAA2BR,EAAlBS,EAAIC,EAAAA,wBAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,WAAQ,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAaA,cAClBrB,EAAOsB,gBAAAA,EAAAA,cAAAA,EAAAA,cAAA,CAELjB,GAAE,GAAAkB,OAAKlB,GAAOS,GAAoBU,EAAAA,UAAUV,IAC5CZ,YACAK,EACAJ,SACAC,aACGY,GAAY,GAAA,CACfS,MAAOb,GACJD,GAAS,GAAA,CACZ,iBAAaY,OACVZ,EAAUe,YAAcf,EAAU,gBAAkBN,GAAOS,GAAoBU,EAAAA,UAAUV,MAE9Fb,EACD,IAGHJ,EAAK8B,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","_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"}

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

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={"overflow-hidden":"anchorLink-module_overflow-hidden__-MElA","text-truncate":"anchorLink-module_text-truncate__62t8P","text-nowrap":"anchorLink-module_text-nowrap__IBO5f","text-ellipsis":"anchorLink-module_text-ellipsis__RAHH3",anchorLink:"anchorLink-module_anchorLink__-WJV4",disabled:"anchorLink-module_disabled__N9Qfv"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={anchorLink:"anchorLink-module_anchorLink__-WJV4",disabled:"anchorLink-module_disabled__N9Qfv"};
 //# 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={"overflow-hidden":"typography-module_overflow-hidden__UmQ-v","text-truncate":"typography-module_text-truncate__8MgV9","text-nowrap":"typography-module_text-nowrap__dt3uu","text-ellipsis":"typography-module_text-ellipsis__iyHeZ",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",disabled:"typography-module_disabled__hjK8C"};
+"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"};
 //# 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");require("../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("react"),o=require("../../error/propsValidationError.js"),n=require("../text/Text.js"),r=require("./textAndContent.module.scss.js"),c=require("../../container/layoutBox/LayoutBox.js"),i=require("../../icon/IconBase.js");const s=["text","children","components","leftContent","rightContent","textProps","className"],l=["iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick"],a=t.memo((t=>{let{text:i,children:l,components:a,leftContent:d,rightContent:x,textProps:u={},className:m=""}=t,p=e.objectWithoutProperties(t,s);if(null==i&&!l)throw new o.PropsValidationError("Missing `text or children` property!");const C=(null==a?void 0:a.TextComponent)||n.Text;return React.createElement(c.LayoutBox,e.extends({className:"".concat(r.default.textAndContent," ").concat(m)},p),d&&d,React.createElement(C,e.extends({className:"text-truncate"},u,{"data-testid":"text-content-text-component"}),i||l),x&&x)}));a.displayName="TextAndContent";const d=t.memo((o=>{let{iconSize:n,iconColor:r,iconLeft:c,iconRight:s,iconLeftUrl:d,iconRightUrl:x,onLeftIconClick:u,onRightIconClick:m}=o,p=e.objectWithoutProperties(o,l);const[C,h]=t.useMemo((()=>{let t,o;if(c||d){const o=u?{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(i.IconBase,e.extends({iconUrl:d,size:n,color:r},o),c&&c)}if(s||x){const t=m?{onClick:m,onKeyDown:m,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};o=React.createElement(i.IconBase,e.extends({iconUrl:x,size:n,color:r},t),s&&s)}return[t,o]}),[r,c,d,s,x,n,u,m]);return React.createElement(a,e.extends({leftContent:C,rightContent:h},p))}));d.displayName="TextAndIcons",exports.TextAndContent=a,exports.TextAndIcons=d;
+"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;
 //# 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","_objectWithoutProperties","_excluded","PropsValidationError","TextComponent","BodyText","Text","React","createElement","LayoutBox","_extends","concat","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","_excluded2","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"4mBAiBaA,EAA0CC,EAAIA,MAAsBC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,IAEQP,EADjBQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAER,GAAI,MAACT,IAAyCC,EAC5C,MAAM,IAAIS,EAAoBA,qBAAC,wCAGjC,MAAMC,GAAgBT,aAAU,EAAVA,EAAYS,gBAAiBC,EAAQC,KAE3D,OACEC,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRX,UAAS,GAAAY,OAAKC,EAAAA,QAAQC,eAAc,KAAAF,OAAIZ,IACpCC,GAEHJ,GAAeA,EAChBW,MAAAC,cAACJ,EAAaM,UAAA,CAACX,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAewB,YAAc,uBAShBC,EAAsCxB,EAAIA,MAAoByB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,GAEkBR,EADfhB,EAAKC,EAAAA,wBAAAe,EAAAS,GAER,MAAO7B,EAAaC,GAAgB6B,EAAOA,SAAC,KAC1C,IAAI9B,EACAC,EAEJ,GAAIsB,GAAYE,EAAa,CAC3B,MAAMM,EAAuBJ,EAAmB,CAC9CK,QAASL,EACTM,UAAWN,EACXO,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,CAAE,EAEPnC,EACEW,MAAAC,cAACwB,EAAAA,SAAQtB,EAAAA,QAAA,CAACuB,QAASZ,EAAaa,KAAMjB,EAAUkB,MAAOjB,GAAeS,GACnER,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMc,EAAwBZ,EAAoB,CAChDI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,CAAE,EAEPlC,EACEU,MAAAC,cAACwB,EAAAA,SAAQtB,EAAAA,QAAA,CAACuB,QAASX,EAAcY,KAAMjB,EAAUkB,MAAOjB,GAAekB,GACpEhB,GAAaA,EAEpB,CACA,MAAO,CAACxB,EAAaC,EAAa,GACjC,CAACqB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAAClB,EAAcoB,UAAA,CACbd,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINe,EAAaD,YAAc"}
+{"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n  text,\n  children,\n  components,\n  leftContent,\n  rightContent,\n  textProps = {},\n  className = '',\n  ...props\n}: TextAndContentProps) => {\n  if ((text === undefined || text === null) && !children) {\n    throw new PropsValidationError('Missing `text or children` property!')\n  }\n\n  const TextComponent = components?.TextComponent || BodyText\n\n  return (\n    <LayoutBox\n      className={`${classes.textAndContent} ${className}`}\n      {...props}\n    >\n      {leftContent && leftContent}\n      <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n      {rightContent && rightContent}\n    </LayoutBox>\n  )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n  iconSize,\n  iconColor,\n  iconLeft,\n  iconRight,\n  iconLeftUrl,\n  iconRightUrl,\n  onLeftIconClick,\n  onRightIconClick,\n  ...props\n}: TextAndIconsProps) => {\n  const [leftContent, rightContent] = useMemo(() => {\n    let leftContent\n    let rightContent\n\n    if (iconLeft || iconLeftUrl) {\n      const onLeftIconClickProps = onLeftIconClick ? ({\n        onClick: onLeftIconClick,\n        onKeyDown: onLeftIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-left',\n      }) : {}\n\n      leftContent = (\n        <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n          {iconLeft && iconLeft}\n        </IconBase>)\n    }\n    if (iconRight || iconRightUrl) {\n      const onRightIconClickProps = onRightIconClick ? ({\n        onClick: onRightIconClick,\n        onKeyDown: onRightIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-right',\n      }) : {}\n\n      rightContent = (\n        <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n          {iconRight && iconRight}\n        </IconBase>)\n    }\n    return [leftContent, rightContent]\n  }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n  return (\n    <TextAndContent\n      leftContent={leftContent}\n      rightContent={rightContent}\n      {...props}\n    />\n  )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","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"}

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"),l=require("../../../../utils/helpers/ui.js"),r=require("../../../../hooks/useParseProps.js");const t=["id","checked","disabled","className","invalid","onChange"],d=s.forwardRef(((d,o)=>{let{id:i,checked:c=!1,disabled:u=!1,className:n="",invalid:m,onChange:g}=d,p=e.objectWithoutProperties(d,t);const h=s.useId(),b=s.useMemo((()=>l.classNames(a.default.toggle,u&&a.default.disabled,n)),[u,n]),{dataProps:P,restProps:N}=r.useParseProps(p);return React.createElement("label",e.extends({htmlFor:null!=i?i:h,className:b},P,{style:N}),React.createElement("input",e.extends({},p,{id:null!=i?i:h,ref:o,role:"switch",type:"checkbox",disabled:u,checked:c,onChange:g})),React.createElement("span",{className:a.default.slider}))}));d.displayName="ToggleForwarded";const o=s.memo(d);o.displayName="Toggle",exports.Toggle=o;
+"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;
 //# sourceMappingURL=Toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n  useId,\n  forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n  ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n  onChange?: (event: ChangeEvent) => void\n  checked?: FieldProps['checked']\n  disabled?: FieldProps['disabled']\n  invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n  id,\n  checked = false,\n  disabled = false,\n  className = '',\n  // TODO add eror styling for invalid\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  invalid,\n  onChange,\n  ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n  const shadowId = useId()\n\n  const styles = useMemo(\n    () => classNames(\n      classes.toggle,\n      disabled && classes.disabled,\n      className,\n    ),\n    [disabled, className],\n  )\n\n  const { dataProps, restProps } = useParseProps(props)\n\n  return (\n    <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n      <input\n        {...props}\n        id={id ?? shadowId}\n        ref={ref}\n        role='switch'\n        type='checkbox'\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n      />\n      <span className={classes.slider} />\n    </label>\n  )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","_objectWithoutProperties","_excluded","shadowId","useId","styles","useMemo","classNames","classes","toggle","default","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","extends","role","type","slider","displayName","Toggle","memo"],"mappings":"gTA6BMA,EAAkBC,EAAUA,YAAC,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,GAEYP,EADTQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAER,MAAMC,EAAWC,EAAAA,QAEXC,EAASC,EAAOA,SACpB,IAAMC,EAAAA,WACJC,EAAAA,QAAQC,OACRb,GAAYY,EAAOE,QAACd,SACpBC,IAEF,CAACD,EAAUC,KAGPc,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcb,GAE/C,OACEc,MAAAC,cAAA,QAAAC,UAAA,CAAOC,QAASvB,QAAAA,EAAMS,EAAUN,UAAWQ,GAAYM,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,EAAAG,WACMnB,EAAK,CACTN,GAAIA,QAAAA,EAAMS,EACVV,IAAKA,EACL2B,KAAK,SACLC,KAAK,WACLzB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZe,MAAAC,cAAA,OAAA,CAAMlB,UAAWW,EAAAA,QAAQc,SACnB,IAIZhC,EAAgBiC,YAAc,wBAEjBC,EAA0BC,EAAIA,KAAcnC,GAIzDkC,EAAOD,YAAc"}
+{"version":3,"file":"Toggle.js","sources":["../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n  useId,\n  forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n  ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n  onChange?: (event: ChangeEvent) => void\n  checked?: FieldProps['checked']\n  disabled?: FieldProps['disabled']\n  invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n  id,\n  checked = false,\n  disabled = false,\n  className = '',\n  // TODO add eror styling for invalid\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  invalid,\n  onChange,\n  ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n  const shadowId = useId()\n\n  const styles = useMemo(\n    () => classNames(\n      classes.toggle,\n      disabled && classes.disabled,\n      className,\n    ),\n    [disabled, className],\n  )\n\n  const { dataProps, restProps } = useParseProps(props)\n\n  return (\n    <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n      <input\n        {...props}\n        id={id ?? shadowId}\n        ref={ref}\n        role='switch'\n        type='checkbox'\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n      />\n      <span className={classes.slider} />\n    </label>\n  )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","shadowId","useId","styles","useMemo","classNames","classes","toggle","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","role","type","slider","displayName","Toggle","memo"],"mappings":"2OA6BA,MAAMA,EAAkBC,EAAAA,YAAW,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,KACGC,GACSR,EACZ,MAAMS,EAAWC,EAAAA,QAEXC,EAASC,EAAAA,SACb,IAAMC,EAAAA,WACJC,EAAAA,QAAQC,OACRX,GAAYU,EAAAA,QAAQV,SACpBC,IAEF,CAACD,EAAUC,KAGPW,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcV,GAE/C,OACEW,MAAAC,cAAA,QAAAC,UAAA,CAAOC,QAASpB,GAAMO,EAAUJ,UAAWM,GAAYK,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAA,QAAAC,EAAAA,WACMb,EAAK,CACTN,GAAIA,GAAMO,EACVR,IAAKA,EACLuB,KAAK,SACLC,KAAK,WACLrB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZY,MAAAC,cAAA,OAAA,CAAMf,UAAWS,EAAAA,QAAQY,SACnB,IAIZ5B,EAAgB6B,YAAc,wBAEjBC,EAA0BC,EAAAA,KAAkB/B,GAIzD8B,EAAOD,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"overflow-hidden":"toggle-module_overflow-hidden__NxfFx","text-truncate":"toggle-module_text-truncate__Wg-Jx","text-nowrap":"toggle-module_text-nowrap__F9ld6","text-ellipsis":"toggle-module_text-ellipsis__ftYlg",toggle:"toggle-module_toggle__p1Ep4",slider:"toggle-module_slider__2IVaG",disabled:"toggle-module_disabled__0nElH"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={toggle:"toggle-module_toggle__p1Ep4",slider:"toggle-module_slider__2IVaG",disabled:"toggle-module_disabled__0nElH"};
 //# sourceMappingURL=toggle.module.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\n/**\n * Mapping of element property names for calculating dimensions.\n */\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\n/**\n * Props for the CollapsibleContainer component.\n */\nexport type CollapsibleContainerProps = PropsWithChildren & Omit<LayoutBoxProps, 'ref'> & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\n/**\n * CollapsibleContainer component.\n *\n * @type {React.FC<CollapsibleContainerProps>}\n * @returns {React.ReactElement} The CollapsibleContainer.\n */\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      id={`${(typeof id !== 'undefined' && id) || id}`}\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","id","props","_objectWithoutProperties","_excluded","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","_objectSpread","concat","classNames","classes","default","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"kXAYMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,EAAIA,MAACC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,GACxDN,EAD+DO,EAAKC,EAAAA,wBAAAR,EAAAS,GAE9F,MAAMC,EAAeC,EAAMA,OAAiB,OACrCC,EAAaC,GAAkBC,EAAAA,SAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAAA,cAAcX,GAEhDY,GAAYf,EAElBgB,EAAAA,WAAU,KACRlB,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBoB,EAAAA,iBAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgB3B,EAAmB4B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,WAAQ,IAAAC,gBAAA,CACxC,cAAeR,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAc,GAAAS,OAAKhB,EAAW,OAC3BK,IACgB,CAACE,EAAUF,EAAOL,IAEjCiB,EAAaH,EAAAA,SAAQ,KACzB,MAAMG,EAAa,CAACV,EAAWW,EAAOC,QAACZ,SAAWW,EAAOC,QAAC3B,YAQ1D,OANIH,GAAaW,GAAbX,MAA4BW,GAC9BiB,EAAWG,KAAKF,EAAOC,QAAC9B,YAErBA,GAAaW,GAAd,MAA6BA,GAC/BiB,EAAWG,KAAKF,EAAOC,QAACE,UAEnBJ,EAAWK,KAAK,IAAI,GAC1B,CAACjC,EAAWW,EAAaO,IAE5B,OACEgB,MAAAC,cAAA,MAAAC,UAAA,CACE/B,GAAE,GAAAsB,YAAoB,IAAPtB,GAAsBA,GAAOA,GAC5CD,UAASuB,GAAAA,OAAKE,EAAAA,QAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIvB,EAAa,KAC7EiC,IAAK5B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUwB,YAAcxB,EAAU,gBAAkBT,IAEhEH,EACG,IAIVL,EAAqB0C,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\n/**\n * Mapping of element property names for calculating dimensions.\n */\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\n/**\n * Props for the CollapsibleContainer component.\n */\nexport type CollapsibleContainerProps = PropsWithChildren & Omit<LayoutBoxProps, 'ref'> & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\n/**\n * CollapsibleContainer component.\n *\n * @type {React.FC<CollapsibleContainerProps>}\n * @returns {React.ReactElement} The CollapsibleContainer.\n */\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      id={`${(typeof id !== 'undefined' && id) || id}`}\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","id","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","classNames","classes","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"sMAYA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,EAAAA,MAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,KAAOC,GAC/DP,EAC1B,MAAMQ,EAAeC,EAAAA,OAAuB,OACrCC,EAAaC,GAAkBC,EAAAA,SAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAAA,cAAcT,GAEhDU,GAAYb,EAElBc,EAAAA,WAAU,KACRhB,IAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBkB,EAAAA,iBAAgB,KACd,GAAIX,GAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,GAAcY,SAChBT,EAAgBH,EAAaY,QAAgBzB,EAAmB0B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,EAAAA,SAAQ,KAAA,CACxC,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAgB,GAAGP,SAChBK,KACgB,CAACE,EAAUF,EAAOL,IAEjCe,EAAaD,EAAAA,SAAQ,KACzB,MAAMC,EAAa,CAACR,EAAWS,EAAAA,QAAQT,SAAWS,EAAAA,QAAQtB,YAQ1D,OANIH,GAAaS,GAAbT,MAA4BS,GAC9Be,EAAWE,KAAKD,EAAAA,QAAQzB,YAErBA,GAAaS,GAAd,MAA6BA,GAC/Be,EAAWE,KAAKD,EAAAA,QAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC5B,EAAWS,EAAaO,IAE5B,OACEa,MAAAC,cAAA,MAAAC,UAAA,CACE1B,GAAI,QAAkB,IAAPA,GAAsBA,GAAOA,IAC5CD,UAAW,GAAGqB,EAAAA,QAAQ,4BAA4BD,KAAcpB,KAChE4B,IAAKzB,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUqB,YAAcrB,EAAU,gBAAkBP,IAEhEH,EACG,IAIVL,EAAqBqC,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("react"),o=require("../../../hooks/useResize.js"),i=require("./layoutBox/LayoutBox.js");const n=["children","debounceDelay"],l={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},r=t.memo((t=>{let{children:r,debounceDelay:a=250}=t,s=e.objectWithoutProperties(t,n);const[u,c]=o.useResize(a);return React.createElement(i.LayoutBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},s),React.createElement(i.LayoutBox,{style:l.main,width:"100%",height:"100%",ref:u}),!r&&React.createElement(i.LayoutBox,{width:"".concat(Math.max((null==c?void 0:c.width)||200,200)||200,"px"),height:"".concat(Math.max((null==c?void 0:c.height)||200,200)||200,"px"),style:l.empty}),r&&(null==r?void 0:r({height:"".concat((null==c?void 0:c.height)||200,"px"),width:"".concat((null==c?void 0:c.width)||200,"px"),measured:!(null==c||!c.height)})))}));r.displayName="ResizableContainer",exports.ResizableContainer=r;
+"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("../../../hooks/useResize.js"),a=require("./layoutBox/LayoutBox.js");const n={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},r=t.memo((t=>{let{children:r,debounceDelay:o=250,...s}=t;const[h,l]=i.useResize(o);return React.createElement(a.LayoutBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},s),React.createElement(a.LayoutBox,{style:n.main,width:"100%",height:"100%",ref:h}),!r&&React.createElement(a.LayoutBox,{width:`${Math.max(l?.width||200,200)||200}px`,height:`${Math.max(l?.height||200,200)||200}px`,style:n.empty}),r&&r?.({height:`${l?.height||200}px`,width:`${l?.width||200}px`,measured:!!l?.height}))}));r.displayName="ResizableContainer",exports.ResizableContainer=r;
 //# sourceMappingURL=ResizableContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC, CSSProperties } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main as CSSProperties}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty as CSSProperties}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","_objectWithoutProperties","_excluded","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"qTAmBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,EAAIA,MACjEC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,KAAwCF,EAAhCG,EAAKC,EAAAA,wBAAAJ,EAAAK,GACxC,MAAOC,EAAcC,GAAiBC,EAAAA,UAAUN,GAEhD,OACEO,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNd,GAEJM,MAAAC,cAACC,EAAAA,UAAS,CACRO,MAAO3B,EAAOC,KACdqB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELL,GACFQ,MAAAC,cAACC,EAAAA,UAAS,CACRE,MAAK,GAAAO,OAAKC,KAAKC,KAAIf,eAAAA,EAAeM,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAM,OAAKC,KAAKC,KAAIf,eAAAA,EAAeO,SAAU,IAAK,MAAQ,IAAQ,MAClEI,MAAO3B,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBa,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBhB,EAAmB0B,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC, CSSProperties } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main as CSSProperties}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty as CSSProperties}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","Math","max","measured","displayName"],"mappings":"qLAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,EAAAA,MAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAOI,EAAcC,GAAiBC,EAAAA,UAAUJ,GAEhD,OACEK,MAAAC,cAACC,EAAAA,UAASC,UAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNZ,GAEJI,MAAAC,cAACC,EAAAA,UAAS,CACRO,MAAOzB,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELH,GACFM,MAAAC,cAACC,EAAAA,UAAS,CACRE,MAAO,GAAGO,KAAKC,IAAId,GAAeM,OAAS,IAAK,MAAQ,QACxDC,OAAQ,GAAGM,KAAKC,IAAId,GAAeO,QAAU,IAAK,MAAQ,QAC1DI,MAAOzB,EAAOM,QAGfI,GAAYA,IAAW,CACtBW,OAAQ,GAAGP,GAAeO,QAAU,QACpCD,MAAO,GAAGN,GAAeM,OAAS,QAClCS,WAAYf,GAAeO,SAEnB,IAKlBd,EAAmBuB,YAAc"}

package/dist/ui/src/core/ui/components/container/layoutBox/LayoutBox.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),o=require("../../../../hooks/useParseProps.js"),r=require("../../../../utils/helpers/ui.js"),s=require("./layoutBox.module.scss.js"),a=require("./layoutBox.types.js");const i=["id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background"],l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=e=>e&&l[e]||e,u=t.forwardRef(((l,u)=>{let{id:n,style:c,children:x,tabIndex:p,className:y="",column:f,asGrid:m=!1,wFull:h=!1,hFull:b=!1,centered:g=!1,flex:j,width:v,height:w,debug:B=!1,background:N}=l,P=e.objectWithoutProperties(l,i);const{dataProps:L,restProps:q}=o.useParseProps(P),I=t.useMemo((()=>void 0!==f&&!0===f?a.LayoutDirection.COLUMN:null),[f]),F=t.useMemo((()=>{const t=e.objectSpread2({},q);return(q.direction||I)&&(t.flexDirection=q.direction||I),g?(t.alignItems="center",t.justifyContent="center"):(q.align&&(t.alignItems=d(q.align)),q.justify&&(t.justifyContent=d(q.justify))),t.display=m?"grid":"flex",h?t.width="100%":void 0!==v&&(t.width="number"==typeof v?"".concat(v,"px"):v),b?t.height="100%":void 0!==w&&(t.height="number"==typeof w?"".concat(w,"px"):w),void 0!==j&&(t.flex=!0===j?1:j),void 0!==N&&(t.background=N),B&&(t.outline="1px solid red"),e.objectSpread2(e.objectSpread2({},t),c)}),[m,N,g,B,j,b,w,I,q,c,h,v]);return React.createElement("div",e.extends({},n?{id:"".concat(n)}:{},{ref:u,tabIndex:p,className:r.classNames(s.default["layout-box"],y),style:F},L,{"data-testid":L.dataTestId||L["data-testid"]||n}),x)}));u.displayName="LayoutBoxRefForwarded";const n=t.memo(u),c=t.memo(u);n.displayName="LayoutBox",c.displayName="BoxLayout",exports.BoxLayout=c,exports.LayoutBox=n;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),s=require("../../../../hooks/useParseProps.js"),r=require("../../../../utils/helpers/ui.js"),o=require("./layoutBox.module.scss.js"),a=require("./layoutBox.types.js");const i={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},l=e=>e&&i[e]||e,d=t.forwardRef(((i,d)=>{let{id:u,style:n,children:x,tabIndex:c,className:y="",column:f,asGrid:m=!1,wFull:p=!1,hFull:h=!1,centered:g=!1,flex:b,width:j,height:v,debug:B=!1,background:L,...N}=i;const{dataProps:P,restProps:q}=s.useParseProps(N),w=t.useMemo((()=>void 0!==f&&!0===f?a.LayoutDirection.COLUMN:null),[f]),I=t.useMemo((()=>{const e={...q};return(q.direction||w)&&(e.flexDirection=q.direction||w),g?(e.alignItems="center",e.justifyContent="center"):(q.align&&(e.alignItems=l(q.align)),q.justify&&(e.justifyContent=l(q.justify))),e.display=m?"grid":"flex",p?e.width="100%":void 0!==j&&(e.width="number"==typeof j?`${j}px`:j),h?e.height="100%":void 0!==v&&(e.height="number"==typeof v?`${v}px`:v),void 0!==b&&(e.flex=!0===b?1:b),void 0!==L&&(e.background=L),B&&(e.outline="1px solid red"),{...e,...n}}),[m,L,g,B,b,h,v,w,q,n,p,j]);return React.createElement("div",e.extends({},u?{id:`${u}`}:{},{ref:d,tabIndex:c,className:r.classNames(o.default["layout-box"],y),style:I},P,{"data-testid":P.dataTestId||P["data-testid"]||u}),x)}));d.displayName="LayoutBoxRefForwarded";const u=t.memo(d),n=t.memo(d);u.displayName="LayoutBox",n.displayName="BoxLayout",exports.BoxLayout=n,exports.LayoutBox=u;
 //# sourceMappingURL=LayoutBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id,\n  style,\n  children,\n  tabIndex,\n  className = '',\n  column,\n  asGrid = false,\n  wFull = false,\n  hFull = false,\n  centered = false,\n  flex,\n  width,\n  height,\n  debug = false,\n  background,\n  ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n  * Memoized styles combining parsed props, BoxLayout-like helpers and additional styles.\n  * @type {CSSProperties}\n  */\n  const styles = useMemo(() => {\n    const baseStyles: CSSProperties = {\n      ...(restProps as CSSProperties),\n    }\n\n    // Resolve direction (supports column helper)\n    if (restProps.direction || resolvedColumn) {\n      baseStyles.flexDirection = (restProps.direction || resolvedColumn) as CSSProperties['flexDirection']\n    }\n\n    // Resolve alignment and justification\n    if (centered) {\n      baseStyles.alignItems = 'center'\n      baseStyles.justifyContent = 'center'\n    } else {\n      if (restProps.align) {\n        baseStyles.alignItems = resolveFlexProps(restProps.align as string)\n      }\n      if (restProps.justify) {\n        baseStyles.justifyContent = resolveFlexProps(restProps.justify as string)\n      }\n    }\n\n    // Flex or grid display\n    if (asGrid) {\n      baseStyles.display = 'grid'\n    } else {\n      baseStyles.display = 'flex'\n    }\n\n    // Width / height helpers\n    if (wFull) {\n      baseStyles.width = '100%'\n    } else if (width !== undefined) {\n      baseStyles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (hFull) {\n      baseStyles.height = '100%'\n    } else if (height !== undefined) {\n      baseStyles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    // Flex helper\n    if (flex !== undefined) {\n      if (flex === true) {\n        baseStyles.flex = 1\n      } else if (typeof flex === 'number') {\n        baseStyles.flex = flex\n      } else {\n        baseStyles.flex = flex as string\n      }\n    }\n\n    // Background helper\n    if (background !== undefined) {\n      baseStyles.background = background\n    }\n\n    // Debug outline helper\n    if (debug) {\n      baseStyles.outline = '1px solid red'\n    }\n\n    // User provided style wins last\n    return {\n      ...baseStyles,\n      ...style,\n    }\n  }, [\n    asGrid,\n    background,\n    centered,\n    debug,\n    flex,\n    hFull,\n    height,\n    resolvedColumn,\n    restProps,\n    style,\n    wFull,\n    width,\n  ])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nexport const BoxLayout: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n\nBoxLayout.displayName = 'BoxLayout'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","resolvedColumn","useMemo","undefined","LayoutDirection","COLUMN","styles","baseStyles","_objectSpread","direction","flexDirection","alignItems","justifyContent","align","justify","display","concat","outline","objectSpread2","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo","BoxLayout"],"mappings":"maAYMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAiBtBC,KAAsD,IAjB/BC,GACxCA,EAAEC,MACFA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,UACRA,EAAY,GAAEC,OACdA,EAAMC,OACNA,GAAS,EAAKC,MACdA,GAAQ,EAAKC,MACbA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,KAChBA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,MACNA,GAAQ,EAAKC,WACbA,GAEehB,EADZiB,EAAKC,EAAAA,wBAAAlB,EAAAmB,GAER,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GAMzCM,EAAiBC,EAAAA,SAAQ,SAClBC,IAAXlB,IAAmC,IAAXA,EACtBmB,EAAeA,gBAACC,OAChB,MAAO,CAACpB,IAMNqB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAyBC,EAAAA,cAAA,CAAA,EACzBT,GA+DN,OA3DIA,EAAUU,WAAaR,KACzBM,EAAWG,cAAiBX,EAAUU,WAAaR,GAIjDZ,GACFkB,EAAWI,WAAa,SACxBJ,EAAWK,eAAiB,WAExBb,EAAUc,QACZN,EAAWI,WAAarC,EAAiByB,EAAUc,QAEjDd,EAAUe,UACZP,EAAWK,eAAiBtC,EAAiByB,EAAUe,WAMzDP,EAAWQ,QADT7B,EACmB,OAEA,OAInBC,EACFoB,EAAWhB,MAAQ,YACAY,IAAVZ,IACTgB,EAAWhB,MAAyB,iBAAVA,EAAkB,GAAAyB,OAAMzB,EAAK,MAAOA,GAG5DH,EACFmB,EAAWf,OAAS,YACAW,IAAXX,IACTe,EAAWf,OAA2B,iBAAXA,EAAmB,GAAAwB,OAAMxB,EAAM,MAAOA,QAItDW,IAATb,IAEAiB,EAAWjB,MADA,IAATA,EACgB,EAEAA,QAOHa,IAAfT,IACFa,EAAWb,WAAaA,GAItBD,IACFc,EAAWU,QAAU,iBAIvBT,EAAAU,cAAAV,EAAAU,cACKX,CAAAA,EAAAA,GACA1B,EAAK,GAET,CACDK,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,EACAS,EACAF,EACAlB,EACAM,EACAI,IAGF,OACE4B,MAAAC,oBAAAC,EAAAA,QAAA,CAAA,EACOzC,EAAK,CAAEA,GAAE,GAAAoC,OAAKpC,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAWsC,EAAAA,WACTC,EAAAA,QAAQ,cACRvC,GAEFH,MAAOyB,GACHR,EAAS,CACb,cAAaA,EAAU0B,YAAc1B,EAAU,gBAAkBlB,IAEhEE,EACG,IAIVN,EAAsBiD,YAAc,8BAMvBC,EAAgCC,EAAIA,KAAiBnD,GAErDoD,EAAgCD,EAAIA,KAAiBnD,GAElEkD,EAAUD,YAAc,YAExBG,EAAUH,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id,\n  style,\n  children,\n  tabIndex,\n  className = '',\n  column,\n  asGrid = false,\n  wFull = false,\n  hFull = false,\n  centered = false,\n  flex,\n  width,\n  height,\n  debug = false,\n  background,\n  ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n  * Memoized styles combining parsed props, BoxLayout-like helpers and additional styles.\n  * @type {CSSProperties}\n  */\n  const styles = useMemo(() => {\n    const baseStyles: CSSProperties = {\n      ...(restProps as CSSProperties),\n    }\n\n    // Resolve direction (supports column helper)\n    if (restProps.direction || resolvedColumn) {\n      baseStyles.flexDirection = (restProps.direction || resolvedColumn) as CSSProperties['flexDirection']\n    }\n\n    // Resolve alignment and justification\n    if (centered) {\n      baseStyles.alignItems = 'center'\n      baseStyles.justifyContent = 'center'\n    } else {\n      if (restProps.align) {\n        baseStyles.alignItems = resolveFlexProps(restProps.align as string)\n      }\n      if (restProps.justify) {\n        baseStyles.justifyContent = resolveFlexProps(restProps.justify as string)\n      }\n    }\n\n    // Flex or grid display\n    if (asGrid) {\n      baseStyles.display = 'grid'\n    } else {\n      baseStyles.display = 'flex'\n    }\n\n    // Width / height helpers\n    if (wFull) {\n      baseStyles.width = '100%'\n    } else if (width !== undefined) {\n      baseStyles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (hFull) {\n      baseStyles.height = '100%'\n    } else if (height !== undefined) {\n      baseStyles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    // Flex helper\n    if (flex !== undefined) {\n      if (flex === true) {\n        baseStyles.flex = 1\n      } else if (typeof flex === 'number') {\n        baseStyles.flex = flex\n      } else {\n        baseStyles.flex = flex as string\n      }\n    }\n\n    // Background helper\n    if (background !== undefined) {\n      baseStyles.background = background\n    }\n\n    // Debug outline helper\n    if (debug) {\n      baseStyles.outline = '1px solid red'\n    }\n\n    // User provided style wins last\n    return {\n      ...baseStyles,\n      ...style,\n    }\n  }, [\n    asGrid,\n    background,\n    centered,\n    debug,\n    flex,\n    hFull,\n    height,\n    resolvedColumn,\n    restProps,\n    style,\n    wFull,\n    width,\n  ])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nexport const BoxLayout: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n\nBoxLayout.displayName = 'BoxLayout'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","dataProps","restProps","useParseProps","resolvedColumn","useMemo","undefined","LayoutDirection","COLUMN","styles","baseStyles","direction","flexDirection","alignItems","justifyContent","align","justify","display","outline","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo","BoxLayout"],"mappings":"gRAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAAA,YAAW,CAAAC,EAiBtBC,KAAsD,IAjB/BC,GACxCA,EAAEC,MACFA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,UACRA,EAAY,GAAEC,OACdA,EAAMC,OACNA,GAAS,EAAKC,MACdA,GAAQ,EAAKC,MACbA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,KAChBA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,MACNA,GAAQ,EAAKC,WACbA,KACGC,GACYjB,EACf,MAAMkB,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAMzCI,EAAiBC,EAAAA,SAAQ,SAClBC,IAAXhB,IAAmC,IAAXA,EACtBiB,EAAAA,gBAAgBC,OAChB,MAAO,CAAClB,IAMNmB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAA4B,IAC5BR,GA+DN,OA3DIA,EAAUS,WAAaP,KACzBM,EAAWE,cAAiBV,EAAUS,WAAaP,GAIjDV,GACFgB,EAAWG,WAAa,SACxBH,EAAWI,eAAiB,WAExBZ,EAAUa,QACZL,EAAWG,WAAalC,EAAiBuB,EAAUa,QAEjDb,EAAUc,UACZN,EAAWI,eAAiBnC,EAAiBuB,EAAUc,WAMzDN,EAAWO,QADT1B,EACmB,OAEA,OAInBC,EACFkB,EAAWd,MAAQ,YACAU,IAAVV,IACTc,EAAWd,MAAyB,iBAAVA,EAAqB,GAAGA,MAAYA,GAG5DH,EACFiB,EAAWb,OAAS,YACAS,IAAXT,IACTa,EAAWb,OAA2B,iBAAXA,EAAsB,GAAGA,MAAaA,QAItDS,IAATX,IAEAe,EAAWf,MADA,IAATA,EACgB,EAEAA,QAOHW,IAAfP,IACFW,EAAWX,WAAaA,GAItBD,IACFY,EAAWQ,QAAU,iBAIhB,IACFR,KACAxB,EACJ,GACA,CACDK,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,EACAO,EACAF,EACAhB,EACAM,EACAI,IAGF,OACEuB,MAAAC,oBAAAC,EAAAA,QAAA,CAAA,EACOpC,EAAK,CAAEA,GAAI,GAAGA,KAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAWiC,EAAAA,WACTC,EAAAA,QAAQ,cACRlC,GAEFH,MAAOuB,GACHR,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBhB,IAEhEE,EACG,IAIVN,EAAsB4C,YAAc,8BAMvBC,EAAgCC,EAAAA,KAAqB9C,GAErD+C,EAAgCD,EAAAA,KAAqB9C,GAElE6C,EAAUD,YAAc,YAExBG,EAAUH,YAAc"}

package/dist/ui/src/core/ui/components/container/layoutBox/layoutBox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutBox.types.js","sources":["../../../../../../../../src/core/ui/components/container/layoutBox/layoutBox.types.ts"],"sourcesContent":["import { CSSProperties, LegacyRef, HTMLAttributes } from 'react'\n\n/**\n * Enum representing the possible layout directions.\n */\nexport enum LayoutDirection {\n  ROW = 'row',\n  COLUMN = 'column',\n}\n\n/**\n * Props for the LayoutBox component.\n */\n// TODO replace with & React.DIVHtmlAttributes<HTMLDivElement>\nexport type LayoutBoxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onKeyDown'> & {\n  /** CSS flex property. Can be string, boolean (true = flex-1), or number. */\n  flex?: string | boolean | number\n  /** CSS flexGrow property. */\n  flexGrow?: string | number\n  /** Text alignment within the box. */\n  alignText?: 'center' | 'right' | 'left'\n  /** Direction of the layout (row or column). */\n  direction?: LayoutDirection | string\n  /** CSS flexShrink property. */\n  flexShrink?: string | number\n  /** CSS flexBasis property. */\n  flexBasis?: string\n  /** CSS flexWrap property. */\n  flexWrap?: string\n  /** CSS justify-content property. */\n  justify?: string\n  /** CSS align-items property. */\n  align?: string\n  /** CSS align-self property. */\n  alignSelf?: string\n  /** CSS margin property. */\n  margin?: string\n  /** CSS padding property. */\n  padding?: string\n  /** CSS width property. Can be string or number (converted to px). */\n  width?: string | number\n  /** CSS height property. Can be string or number (converted to px). */\n  height?: string | number\n  /** CSS maxWidth property. */\n  maxWidth?: string\n  /** CSS maxHeight property. */\n  maxHeight?: string\n  /** CSS minWidth property. */\n  minWidth?: string\n  /** CSS minHeight property. */\n  minHeight?: string\n  /** Gap between child elements. */\n  gap?: string\n  /** CSS borderRadius property. */\n  borderRadius?: string\n  /** CSS background property. */\n  background?: string\n  /** Ref for accessing the underlying DOM element. */\n  ref?: LegacyRef<HTMLDivElement> | undefined | null\n  /** If true, sets the layout direction to column. */\n  column?: boolean\n  /** If true, uses CSS Grid instead of Flexbox. */\n  asGrid?: boolean\n  /** If true, sets width to 100%. */\n  wFull?: boolean\n  /** If true, sets height to 100%. */\n  hFull?: boolean\n  /** If true, centers content in both axes. */\n  centered?: boolean\n  /** If true, adds an outline to help debug layout issues. */\n  debug?: boolean\n} & Omit<CSSProperties, 'direction' | 'flex'>;\n"],"names":["LayoutDirection"],"mappings":"aAKYA,IAAAA,WAAAA,GAAe,OAAfA,EAAe,IAAA,MAAfA,EAAe,OAAA,SAAfA,CAAe,EAAA,CAAA"}
+{"version":3,"file":"layoutBox.types.js","sources":["../../../../../../../../src/core/ui/components/container/layoutBox/layoutBox.types.ts"],"sourcesContent":["import { CSSProperties, LegacyRef, HTMLAttributes } from 'react'\n\n/**\n * Enum representing the possible layout directions.\n */\nexport enum LayoutDirection {\n  ROW = 'row',\n  COLUMN = 'column',\n}\n\n/**\n * Props for the LayoutBox component.\n */\n// TODO replace with & React.DIVHtmlAttributes<HTMLDivElement>\nexport type LayoutBoxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onKeyDown'> & {\n  /** CSS flex property. Can be string, boolean (true = flex-1), or number. */\n  flex?: string | boolean | number\n  /** CSS flexGrow property. */\n  flexGrow?: string | number\n  /** Text alignment within the box. */\n  alignText?: 'center' | 'right' | 'left'\n  /** Direction of the layout (row or column). */\n  direction?: LayoutDirection | string\n  /** CSS flexShrink property. */\n  flexShrink?: string | number\n  /** CSS flexBasis property. */\n  flexBasis?: string\n  /** CSS flexWrap property. */\n  flexWrap?: string\n  /** CSS justify-content property. */\n  justify?: string\n  /** CSS align-items property. */\n  align?: string\n  /** CSS align-self property. */\n  alignSelf?: string\n  /** CSS margin property. */\n  margin?: string\n  /** CSS padding property. */\n  padding?: string\n  /** CSS width property. Can be string or number (converted to px). */\n  width?: string | number\n  /** CSS height property. Can be string or number (converted to px). */\n  height?: string | number\n  /** CSS maxWidth property. */\n  maxWidth?: string\n  /** CSS maxHeight property. */\n  maxHeight?: string\n  /** CSS minWidth property. */\n  minWidth?: string\n  /** CSS minHeight property. */\n  minHeight?: string\n  /** Gap between child elements. */\n  gap?: string\n  /** CSS borderRadius property. */\n  borderRadius?: string\n  /** CSS background property. */\n  background?: string\n  /** Ref for accessing the underlying DOM element. */\n  ref?: LegacyRef<HTMLDivElement> | undefined | null\n  /** If true, sets the layout direction to column. */\n  column?: boolean\n  /** If true, uses CSS Grid instead of Flexbox. */\n  asGrid?: boolean\n  /** If true, sets width to 100%. */\n  wFull?: boolean\n  /** If true, sets height to 100%. */\n  hFull?: boolean\n  /** If true, centers content in both axes. */\n  centered?: boolean\n  /** If true, adds an outline to help debug layout issues. */\n  debug?: boolean\n} & Omit<CSSProperties, 'direction' | 'flex'>;\n"],"names":["LayoutDirection"],"mappings":"aAKA,IAAYA,WAAAA,GAAe,OAAfA,EAAe,IAAA,MAAfA,EAAe,OAAA,SAAfA,CAAe,EAAA,CAAA"}

package/dist/ui/src/core/ui/components/container/lazyComponent/LazyComponent.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../../error/ErrorBoundary.js"),n=require("./lazyComponent.module.scss.js");const o=["children","Component","LoaderJSX"],a={},l=e=>{let r,t="pending";const n=("function"==typeof e?e():e).then((e=>{t="success",r=e}),(e=>{t="error",r=e}));return{read(){if("pending"===t)throw n;if("error"===t)throw r;if("success"===t)return r}}},c=r.memo((a=>{let{children:l,Component:c,LoaderJSX:s}=a,i=e.objectWithoutProperties(a,o);return React.createElement(t.ErrorBoundary,null,React.createElement(r.Suspense,{fallback:s||React.createElement("div",{className:n.default.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))},c&&React.createElement(c,i),l&&l))}));c.displayName="LazyComponent";const s=r.memo((e=>{let{pendingPromise:t,promise:n,fallback:o,children:a}=e;const s=r.useRef(t||n&&l(n)),i=r.useMemo((()=>e=>{var r,t;let{children:n}=e;const o=null===(r=s.current)||void 0===r||null===(t=r.read)||void 0===t?void 0:t.call(r);return null!=o&&o.then?null:n}),[]);return React.createElement(c,{LoaderJSX:o},React.createElement(i,null,a))}));s.displayName="PendingBoundary";exports.LazyComponent=c,exports.PendingBoundary=s,exports.createLazyModule=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!a[n]){const l=r.lazy(t);a[n]=r.memo((r=>React.createElement(c,e.extends({Component:l},o,r)))),a[n].displayName=n}return a[n]},exports.createLazyModuleWithStore=(t,n,o)=>l=>{if(!a[n]){const s=r.lazy((()=>t(l)));a[n]=r.memo((r=>React.createElement(c,e.extends({Component:s},o,r)))),a[n].displayName=n}return a[n]},exports.wrapPromise=l;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../../error/ErrorBoundary.js"),n=require("./lazyComponent.module.scss.js");const a={},o=e=>{let r,t="pending";const n=("function"==typeof e?e():e).then((e=>{t="success",r=e}),(e=>{t="error",r=e}));return{read(){if("pending"===t)throw n;if("error"===t)throw r;if("success"===t)return r}}},l=r.memo((e=>{let{children:a,Component:o,LoaderJSX:l,...c}=e;return React.createElement(t.ErrorBoundary,null,React.createElement(r.Suspense,{fallback:l||React.createElement("div",{className:n.default.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))},o&&React.createElement(o,c),a&&a))}));l.displayName="LazyComponent";const c=r.memo((e=>{let{pendingPromise:t,promise:n,fallback:a,children:c}=e;const s=r.useRef(t||n&&o(n)),i=r.useMemo((()=>e=>{let{children:r}=e;const t=s.current?.read?.();return t?.then?null:r}),[]);return React.createElement(l,{LoaderJSX:a},React.createElement(i,null,c))}));c.displayName="PendingBoundary";exports.LazyComponent=l,exports.PendingBoundary=c,exports.createLazyModule=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!a[n]){const c=r.lazy(t);a[n]=r.memo((r=>React.createElement(l,e.extends({Component:c},o,r)))),a[n].displayName=n}return a[n]},exports.createLazyModuleWithStore=(t,n,o)=>c=>{if(!a[n]){const s=r.lazy((()=>t(c)));a[n]=r.memo((r=>React.createElement(l,e.extends({Component:s},o,r)))),a[n].displayName=n}return a[n]},exports.wrapPromise=o;
 //# sourceMappingURL=LazyComponent.js.map

package/dist/ui/src/core/ui/components/container/lazyComponent/LazyComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n  <div className={classes.loader}>\n    <svg className='spinner' viewBox='0 0 50 50'>\n      <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n    </svg>\n  </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n  <ErrorBoundary>\n    <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n      {Component && <Component {...props} />}\n      {children && children}\n    </Suspense>\n  </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","_objectWithoutProperties","_excluded","React","createElement","ErrorBoundary","Suspense","fallback","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","useMemo","_ref3","_wrappedPromiseRef$cu","_wrappedPromiseRef$cu2","innerPromise","current","call","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"4OAUMA,EAA+B,CAAE,EAa1BC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAWUO,EACXC,EAAIA,MAAqBC,IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,GAAyCH,EAA3BI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACpEC,MAAAC,cAACC,EAAaA,mBACZF,MAAAC,cAACE,WAAQ,CAACC,SAAUR,GAVtBI,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAAA,QAAQC,QACtBP,MAAAC,cAAA,MAAA,CAAKI,UAAU,UAAUG,QAAQ,aAC/BR,MAAAC,cAAA,SAAA,CAAQI,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SASvElB,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAGlBH,EAAcuB,YAAc,sBAQfC,EACXvB,EAAIA,MAAuBwB,IAA2E,IAA1EC,eAAEA,EAAclC,QAAEA,EAAOqB,SAAEA,EAAQV,SAAEA,GAAgCsB,EACjG,MAAME,EAAoBC,EAAAA,OAAOF,GAAmBlC,GAAWD,EAAYC,IAErEqC,EAA6CC,WAAQ,IAAMC,IAA0C,IAAAC,EAAAC,EAAA,IAAzC9B,SAAEA,GAAkC4B,EACpG,MAAMG,EAAwCF,QAA5BA,EAAGL,EAAkBQ,eAAOF,IAAAD,GAAM,QAANC,EAAzBD,EAA2BjC,YAAI,IAAAkC,OAAA,EAA/BA,EAAAG,KAAAJ,GAErB,OAAOE,SAAAA,EAActC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWQ,GACxBJ,MAAAC,cAACmB,EAAgB1B,KAAAA,GACH,IAIpBqB,EAAgBD,YAAc,6FAGE,SAC9Bc,EACAd,GAEgB,IADhBe,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAE,EAE1C,IAAKjD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYsC,EAAIA,KAACL,GAGvB/C,EAAIiC,GAAetB,QAAMK,GAAWG,MAAAC,cAACV,EAAa2C,UAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EACb,oCAGyCqB,CACvCP,EACAd,EACAe,IACqCO,IACnC,IAAKvD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYsC,EAAIA,MAAC,IAAML,EAAaQ,KAG1CvD,EAAIiC,GAAetB,QAAMK,GAAWG,MAAAC,cAACV,EAAa2C,UAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EAAY"}
+{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n  <div className={classes.loader}>\n    <svg className='spinner' viewBox='0 0 50 50'>\n      <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n    </svg>\n  </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n  <ErrorBoundary>\n    <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n      {Component && <Component {...props} />}\n      {children && children}\n    </Suspense>\n  </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","React","createElement","ErrorBoundary","Suspense","fallback","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","useMemo","_ref3","innerPromise","current","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"+LAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAWUO,EACXC,EAAAA,MAAyBC,IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAAA,OAC1FK,MAAAC,cAACC,EAAAA,mBACCF,MAAAC,cAACE,WAAQ,CAACC,SAAUN,GAVtBE,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAAA,QAAQC,QACtBP,MAAAC,cAAA,MAAA,CAAKI,UAAU,UAAUG,QAAQ,aAC/BR,MAAAC,cAAA,SAAA,CAAQI,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SASvEhB,GAAaG,MAAAC,cAACJ,EAAcE,GAC5BH,GAAYA,GAED,IAGlBH,EAAcqB,YAAc,sBAQfC,EACXrB,EAAAA,MAA2BsB,IAA2E,IAA1EC,eAAEA,EAAchC,QAAEA,EAAOmB,SAAEA,EAAQR,SAAEA,GAAgCoB,EACjG,MAAME,EAAoBC,EAAAA,OAAOF,GAAmBhC,GAAWD,EAAYC,IAErEmC,EAA6CC,WAAQ,IAAMC,IAA0C,IAAzC1B,SAAEA,GAAkC0B,EACpG,MAAMC,EAAeL,EAAkBM,SAAShC,SAEhD,OAAO+B,GAAclC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEI,MAAAC,cAACR,EAAa,CAACK,UAAWM,GACxBJ,MAAAC,cAACmB,EAAc,KAAExB,GACH,IAIpBmB,EAAgBD,YAAc,6FAGE,SAC9BW,EACAX,GAEgB,IADhBY,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK5C,EAAI+B,GAAc,CACrB,MAAMjB,EAAYiC,EAAAA,KAAKL,GAGvB1C,EAAI+B,GAAepB,QAAMK,GAAWC,MAAAC,cAACR,EAAasC,UAAA,CAAClC,UAAWA,GAAe6B,EAAkB3B,MAC/FhB,EAAI+B,GAAaA,YAAcA,CACjC,CAEA,OAAO/B,EAAI+B,EACb,oCAGyCkB,CACvCP,EACAX,EACAY,IACqCO,IACnC,IAAKlD,EAAI+B,GAAc,CACrB,MAAMjB,EAAYiC,EAAAA,MAAK,IAAML,EAAaQ,KAG1ClD,EAAI+B,GAAepB,QAAMK,GAAWC,MAAAC,cAACR,EAAasC,UAAA,CAAClC,UAAWA,GAAe6B,EAAkB3B,MAC/FhB,EAAI+B,GAAaA,YAAcA,CACjC,CAEA,OAAO/B,EAAI+B,EAAY"}