@e1011/es-kit 1.4.0 → 1.5.2

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","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"}
+{"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","id","checked","disabled","className","invalid","onChange","props","ref","shadowId","useId","styles","useMemo","classNames","classes","dataProps","restProps","useParseProps","jsxs","jsx","Toggle","memo"],"mappings":"0QA6BMA,EAAkBC,EAAAA,WAAW,CAAC,CAClC,GAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EAAY,GAGZ,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgBC,IAAqC,CACnD,MAAMC,EAAWC,EAAAA,MAAA,EAEXC,EAASC,EAAAA,QACb,IAAMC,EAAAA,WACJC,EAAAA,QAAQ,OACRX,GAAYW,EAAAA,QAAQ,SACpBV,CAAA,EAEF,CAACD,EAAUC,CAAS,CAAA,EAGhB,CAAE,UAAAW,EAAW,UAAAC,GAAcC,EAAAA,cAAcV,CAAK,EAEpD,OACEW,EAAAA,KAAC,QAAA,CAAM,QAASjB,GAAMQ,EAAU,UAAWE,EAAS,GAAGI,EAAW,MAAOC,EACvE,SAAA,CAAAG,EAAAA,IAAC,QAAA,CACE,GAAGZ,EACJ,GAAIN,GAAMQ,EACV,IAAAD,EACA,KAAK,SACL,KAAK,WACL,SAAAL,EACA,QAAAD,EACA,SAAAI,CAAA,CAAA,EAEFa,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAQ,MAAA,CAAQ,CAAA,EACnC,CAEJ,CAAC,EAEDf,EAAgB,YAAc,kBAEvB,MAAMqB,EAA0BC,EAAAA,KAAkBtB,CAAe,EAIxEqB,EAAO,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={toggle:"toggle-module_toggle__p1Ep4",slider:"toggle-module_slider__2IVaG",disabled:"toggle-module_disabled__0nElH"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_toggle_10kjs_17",s="_slider_10kjs_31",l="_disabled_10kjs_67",d={toggle:e,slider:s,disabled:l};exports.default=d;exports.disabled=l;exports.slider=s;exports.toggle=e;
 //# 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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),o=require("react"),g=require("../../../hooks/useParseProps.js"),a=require("./CollapsibleContainer.module.scss.js"),v={width:"scrollWidth",height:"scrollHeight"},p=o.memo(({collapsed:r=!1,collapseHandler:n,children:m,horizontal:d=!1,className:f="",id:u,...h})=>{const e=o.useRef(null),[t,P]=o.useState(0),{dataProps:l,restProps:c}=g.useParseProps(h),s=!d;o.useEffect(()=>{n==null||n(r)},[n,r]),o.useLayoutEffect(()=>{if(e!=null&&e.current){const i=s?"height":"width";setTimeout(()=>{e!=null&&e.current&&P(e.current[v[i]])},100)}},[e,s]);const C=o.useMemo(()=>({"--prop-name":s?"height":"width","--prop-max-name":s?"max-height":"max-width","--prop-value":`${t}px`,...c}),[s,c,t]),y=o.useMemo(()=>{const i=[s?a.default.vertical:a.default.horizontal];return r&&t&&t!==void 0&&t!==null&&i.push(a.default.collapsed),!r&&t&&t!==void 0&&t!==null&&i.push(a.default.expanded),i.join(" ")},[r,t,s]);return b.jsx("div",{id:`${typeof u<"u"&&u||u}`,className:`${a.default["collapsible-container"]} ${y} ${f} `,ref:e,style:C,...l,"data-testid":l.dataTestId||l["data-testid"]||u,children:m})});p.displayName="CollapsibleContainer";exports.CollapsibleContainer=p;
 //# 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","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"}
+{"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","CollapsibleContainer","memo","collapsed","collapseHandler","children","horizontal","className","id","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","style","useParseProps","vertical","useEffect","useLayoutEffect","propName","styleProps","useMemo","classNames","classes","jsx"],"mappings":"wOAYMA,EAA6C,CACjD,MAAO,cACP,OAAQ,cACV,EAmBaC,EAAsDC,EAAAA,KAAK,CAAC,CACvE,UAAAC,EAAY,GAAO,gBAAAC,EAAiB,SAAAC,EAAU,WAAAC,EAAa,GAAO,UAAAC,EAAY,GAAI,GAAAC,EAAI,GAAGC,CAC3F,IAAiC,CAC/B,MAAMC,EAAeC,EAAAA,OAAuB,IAAI,EAC1C,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,CAAC,EAE1C,CAAE,UAAAC,EAAW,UAAWC,CAAA,EAAUC,EAAAA,cAAcR,CAAK,EAErDS,EAAW,CAACZ,EAElBa,EAAAA,UAAU,IAAM,CACdf,GAAA,MAAAA,EAAkBD,EACpB,EAAG,CAACC,EAAiBD,CAAS,CAAC,EAE/BiB,EAAAA,gBAAgB,IAAM,CACpB,GAAIV,GAAA,MAAAA,EAAc,QAAS,CACzB,MAAMW,EAAWH,EAAW,SAAW,QAGvC,WAAW,IAAM,CACXR,GAAA,MAAAA,EAAc,SAChBG,EAAgBH,EAAa,QAAgBV,EAAmBqB,CAAQ,CAAC,CAAC,CAE9E,EAAG,GAAG,CACR,CACF,EAAG,CAACX,EAAcQ,CAAQ,CAAC,EAE3B,MAAMI,EAA4BC,EAAAA,QAAQ,KAAO,CAC/C,cAAeL,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAgB,GAAGN,CAAW,KAC9B,GAAGI,CAAA,GACgB,CAACE,EAAUF,EAAOJ,CAAW,CAAC,EAE7CY,EAAaD,EAAAA,QAAQ,IAAM,CAC/B,MAAMC,EAAa,CAACN,EAAWO,EAAAA,QAAQ,SAAWA,EAAAA,QAAQ,UAAU,EAEpE,OAAItB,GAAaS,GAAeA,IAAgB,QAAaA,IAAgB,MAC3EY,EAAW,KAAKC,EAAAA,QAAQ,SAAS,EAE/B,CAACtB,GAAaS,GAAeA,IAAgB,QAAaA,IAAgB,MAC5EY,EAAW,KAAKC,EAAAA,QAAQ,QAAQ,EAE3BD,EAAW,KAAK,GAAG,CAC5B,EAAG,CAACrB,EAAWS,EAAaM,CAAQ,CAAC,EAErC,OACEQ,EAAAA,IAAC,MAAA,CACC,GAAI,GAAI,OAAOlB,EAAO,KAAeA,GAAOA,CAAE,GAC9C,UAAW,GAAGiB,EAAAA,QAAQ,uBAAuB,CAAC,IAAID,CAAU,IAAIjB,CAAS,IACzE,IAAKG,EACL,MAAOY,EACN,GAAGP,EACJ,cAAaA,EAAU,YAAcA,EAAU,aAAa,GAAKP,EAEhE,SAAAH,CAAA,CAAA,CAGP,CAAC,EAEDJ,EAAqB,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"collapsible-container":"CollapsibleContainer-module_collapsible-container__u0Jmm",vertical:"CollapsibleContainer-module_vertical__w7MVN",collapsed:"CollapsibleContainer-module_collapsed__q8fs8",expanded:"CollapsibleContainer-module_expanded__O6Vh8",horizontal:"CollapsibleContainer-module_horizontal__QJWI-"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_vertical_h8vq7_6",l="_collapsed_h8vq7_10",o="_expanded_h8vq7_15",a="_horizontal_h8vq7_20",t={vertical:e,collapsed:l,expanded:o,horizontal:a};exports.collapsed=l;exports.default=t;exports.expanded=o;exports.horizontal=a;exports.vertical=e;
 //# sourceMappingURL=CollapsibleContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),n=require("../../../hooks/useResize.js"),o=require("./layoutBox/LayoutBox.js"),u={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},i=m.memo(({children:e,debounceDelay:h=250,...a})=>{const[x,t]=n.useResize(h);return s.jsxs(o.LayoutBox,{width:"100%",height:"100%",justify:"center",align:"center",direction:"column",...a,children:[s.jsx(o.LayoutBox,{style:u.main,width:"100%",height:"100%",ref:x}),!e&&s.jsx(o.LayoutBox,{width:`${Math.max((t==null?void 0:t.width)||200,200)||200}px`,height:`${Math.max((t==null?void 0:t.height)||200,200)||200}px`,style:u.empty}),e&&(e==null?void 0:e({height:`${(t==null?void 0:t.height)||200}px`,width:`${(t==null?void 0:t.width)||200}px`,measured:!!(t!=null&&t.height)}))]})});i.displayName="ResizableContainer";exports.ResizableContainer=i;
 //# 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","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"}
+{"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","ResizableContainer","memo","children","debounceDelay","props","containerRef","containerSize","useResize","jsxs","LayoutBox","jsx"],"mappings":"uNAmBMA,EAAS,CACb,KAAM,CACJ,SAAU,WACV,OAAQ,EACR,KAAM,EACN,cAAe,MAAA,EAEjB,MAAO,CACL,cAAe,MAAA,CAEnB,EAEaC,EAAkDC,EAAAA,KAC7D,CAAC,CAAE,SAAAC,EAAU,cAAAC,EAAgB,IAAK,GAAGC,KAAqC,CACxE,KAAM,CAACC,EAAcC,CAAa,EAAIC,EAAAA,UAAUJ,CAAa,EAE7D,OACEK,EAAAA,KAACC,EAAAA,UAAA,CACC,MAAM,OACN,OAAO,OACP,QAAQ,SACR,MAAM,SACN,UAAU,SACT,GAAGL,EAEJ,SAAA,CAAAM,EAAAA,IAACD,EAAAA,UAAA,CACC,MAAOV,EAAO,KACd,MAAM,OACN,OAAO,OACP,IAAKM,CAAA,CAAA,EAEN,CAACH,GACFQ,EAAAA,IAACD,EAAAA,UAAA,CACC,MAAO,GAAG,KAAK,KAAIH,GAAA,YAAAA,EAAe,QAAS,IAAK,GAAG,GAAK,GAAG,KAC3D,OAAQ,GAAG,KAAK,KAAIA,GAAA,YAAAA,EAAe,SAAU,IAAK,GAAG,GAAK,GAAG,KAC7D,MAAOP,EAAO,KAAA,CAAA,EAGfG,IAAYA,GAAA,YAAAA,EAAW,CACtB,OAAQ,IAAGI,GAAA,YAAAA,EAAe,SAAU,GAAG,KACvC,MAAO,IAAGA,GAAA,YAAAA,EAAe,QAAS,GAAG,KACrC,SAAU,CAAC,EAACA,GAAA,MAAAA,EAAe,OAAA,GACK,CAAA,CAAA,CAGxC,CACF,EAEAN,EAAmB,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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),r=require("react"),g=require("../../../../hooks/useParseProps.js"),I=require("../../../../utils/helpers/ui.js"),S=require("./layoutBox.module.scss.js"),$=require("./layoutBox.types.js"),D={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},L=t=>t&&(D[t]||t),d=r.forwardRef(({id:t,style:y,children:q,tabIndex:v,className:N="",column:n,asGrid:x=!1,wFull:c=!1,hFull:p=!1,centered:m=!1,flex:o,width:a,height:i,debug:B=!1,background:f,...b},M)=>{const{dataProps:l,restProps:s}=g.useParseProps(b),u=r.useMemo(()=>n!==void 0&&n===!0?$.LayoutDirection.COLUMN:null,[n]),C=r.useMemo(()=>{const e={...s};return(s.direction||u)&&(e.flexDirection=s.direction||u),m?(e.alignItems="center",e.justifyContent="center"):(s.align&&(e.alignItems=L(s.align)),s.justify&&(e.justifyContent=L(s.justify))),x?e.display="grid":e.display="flex",c?e.width="100%":a!==void 0&&(e.width=typeof a=="number"?`${a}px`:a),p?e.height="100%":i!==void 0&&(e.height=typeof i=="number"?`${i}px`:i),o!==void 0&&(o===!0?e.flex=1:e.flex=o),f!==void 0&&(e.background=f),B&&(e.outline="1px solid red"),{...e,...y}},[x,f,m,B,o,p,i,u,s,y,c,a]);return R.jsx("div",{...t?{id:`${t}`}:{},ref:M,tabIndex:v,className:I.classNames(S.default["layout-box"],N),style:C,...l,"data-testid":l.dataTestId||l["data-testid"]||t,children:q})});d.displayName="LayoutBoxRefForwarded";const P=r.memo(d),j=r.memo(d);P.displayName="LayoutBox";j.displayName="BoxLayout";exports.BoxLayout=j;exports.LayoutBox=P;
 //# 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","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"}
+{"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","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","id","style","children","tabIndex","className","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","ref","dataProps","restProps","useParseProps","resolvedColumn","useMemo","LayoutDirection","styles","baseStyles","jsx","classNames","classes","LayoutBox","memo","BoxLayout"],"mappings":"+SAYMA,EAAuC,CAC3C,MAAO,aACP,aAAc,aACd,IAAK,WACL,WAAY,UACd,EAOMC,EAAoBC,GAAwCA,IAASF,EAAaE,CAAK,GAAKA,GAQ5FC,EAAwBC,EAAAA,WAAW,CAAC,CACxC,GAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,OAAAC,EACA,OAAAC,EAAS,GACT,MAAAC,EAAQ,GACR,MAAAC,EAAQ,GACR,SAAAC,EAAW,GACX,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,GACR,WAAAC,EACA,GAAGC,CACL,EAAmBC,IAAsD,CACvE,KAAM,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAAA,cAAcJ,CAAK,EAM9CK,EAAiBC,EAAAA,QAAQ,IAC7BhB,IAAW,QAAaA,IAAW,GACjCiB,EAAAA,gBAAgB,OAChB,KAAO,CAACjB,CAAM,CAAC,EAMbkB,EAASF,EAAAA,QAAQ,IAAM,CAC3B,MAAMG,EAA4B,CAChC,GAAIN,CAAA,EAIN,OAAIA,EAAU,WAAaE,KACzBI,EAAW,cAAiBN,EAAU,WAAaE,GAIjDX,GACFe,EAAW,WAAa,SACxBA,EAAW,eAAiB,WAExBN,EAAU,QACZM,EAAW,WAAa5B,EAAiBsB,EAAU,KAAe,GAEhEA,EAAU,UACZM,EAAW,eAAiB5B,EAAiBsB,EAAU,OAAiB,IAKxEZ,EACFkB,EAAW,QAAU,OAErBA,EAAW,QAAU,OAInBjB,EACFiB,EAAW,MAAQ,OACVb,IAAU,SACnBa,EAAW,MAAQ,OAAOb,GAAU,SAAW,GAAGA,CAAK,KAAOA,GAG5DH,EACFgB,EAAW,OAAS,OACXZ,IAAW,SACpBY,EAAW,OAAS,OAAOZ,GAAW,SAAW,GAAGA,CAAM,KAAOA,GAI/DF,IAAS,SACPA,IAAS,GACXc,EAAW,KAAO,EAElBA,EAAW,KAAOd,GAOlBI,IAAe,SACjBU,EAAW,WAAaV,GAItBD,IACFW,EAAW,QAAU,iBAIhB,CACL,GAAGA,EACH,GAAGvB,CAAA,CAEP,EAAG,CACDK,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,EACAQ,EACAF,EACAjB,EACAM,EACAI,CAAA,CACD,EAED,OACEc,EAAAA,IAAC,MAAA,CACE,GAAIzB,EAAK,CAAE,GAAI,GAAGA,CAAE,EAAA,EAAO,CAAA,EAC5B,IAAAgB,EACA,SAAAb,EACA,UAAWuB,EAAAA,WACTC,EAAAA,QAAQ,YAAY,EACpBvB,CAAA,EAEF,MAAOmB,EACN,GAAGN,EACJ,cAAaA,EAAU,YAAcA,EAAU,aAAa,GAAKjB,EAEhE,SAAAE,CAAA,CAAA,CAGP,CAAC,EAEDJ,EAAsB,YAAc,wBAM7B,MAAM8B,EAAgCC,EAAAA,KAAqB/B,CAAqB,EAE1EgC,EAAgCD,EAAAA,KAAqB/B,CAAqB,EAEvF8B,EAAU,YAAc,YAExBE,EAAU,YAAc"}

package/dist/ui/src/core/ui/components/container/layoutBox/layoutBox.module.scss.js

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

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

@@ -1,2 +1,2 @@
-"use strict";let t=function(t){return t.ROW="row",t.COLUMN="column",t}({});exports.LayoutDirection=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.ROW="row",e.COLUMN="column",e))(r||{});exports.LayoutDirection=r;
 //# sourceMappingURL=layoutBox.types.js.map

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":"aAKA,IAAYA,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":"gFAKO,IAAKA,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),x=require("../../error/ErrorBoundary.js"),j=require("./lazyComponent.module.scss.js"),u={},y=n=>{let e="pending",r;const t=(typeof n=="function"?n():n).then(s=>{e="success",r=s},s=>{e="error",r=s});return{read(){if(e==="pending")throw t;if(e==="error")throw r;if(e==="success")return r}}},p=()=>o.jsx("div",{className:j.default.loader,children:o.jsx("svg",{className:"spinner",viewBox:"0 0 50 50",children:o.jsx("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})})}),a=c.memo(({children:n,Component:e,LoaderJSX:r,...t})=>o.jsx(x.ErrorBoundary,{children:o.jsxs(c.Suspense,{fallback:r||p(),children:[e&&o.jsx(e,{...t}),n&&n]})}));a.displayName="LazyComponent";const f=c.memo(({pendingPromise:n,promise:e,fallback:r,children:t})=>{const s=c.useRef(n||e&&y(e)),d=c.useMemo(()=>({children:h})=>{var l,m;const i=(m=(l=s.current)==null?void 0:l.read)==null?void 0:m.call(l);return i!=null&&i.then?null:h},[]);return o.jsx(a,{LoaderJSX:r,children:o.jsx(d,{children:t})})});f.displayName="PendingBoundary";const z=(n,e,r={})=>{if(!u[e]){const t=c.lazy(n);u[e]=c.memo(s=>o.jsx(a,{Component:t,...r,...s})),u[e].displayName=e}return u[e]},g=(n,e,r)=>t=>{if(!u[e]){const s=c.lazy(()=>n(t));u[e]=c.memo(d=>o.jsx(a,{Component:s,...r,...d})),u[e].displayName=e}return u[e]};exports.LazyComponent=a;exports.PendingBoundary=f;exports.createLazyModule=z;exports.createLazyModuleWithStore=g;exports.wrapPromise=y;
 //# 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","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"}
+{"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","status","result","suspend","res","err","getDefaultLoader","jsx","classes","LazyComponent","memo","children","Component","LoaderJSX","props","ErrorBoundary","jsxs","Suspense","PendingBoundary","pendingPromise","fallback","wrappedPromiseRef","useRef","InnerComponent","useMemo","innerPromise","_b","_a","createLazyModule","lazyResolver","displayName","defaultProps","lazy","createLazyModuleWithStore","store"],"mappings":"8NAUMA,EAA+B,CAAA,EAaxBC,EAAgCC,GAAiD,CAC5F,IAAIC,EAAS,UACTC,EACJ,MAAMC,GAAW,OAAOH,GAAY,WAAaA,EAAA,EAAYA,GAAS,KACnEI,GAAQ,CACPH,EAAS,UACTC,EAASE,CACX,EACCC,GAAQ,CACPJ,EAAS,QACTC,EAASG,CACX,CAAA,EAGF,MAAO,CAEL,MAAY,CACV,GAAIJ,IAAW,UACb,MAAME,EACR,GAAWF,IAAW,QACpB,MAAMC,EACR,GAAWD,IAAW,UACpB,OAAOC,CAEX,CAAA,CAEJ,EAEMI,EAAmB,IACvBC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAQ,OACtB,SAAAD,EAAAA,IAAC,MAAA,CAAI,UAAU,UAAU,QAAQ,YAC/B,SAAAA,EAAAA,IAAC,SAAA,CAAO,UAAU,OAAO,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAK,OAAO,YAAY,GAAA,CAAI,CAAA,CAC9E,EACF,EAGWE,EACXC,EAAAA,KAAyB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,GAAGC,CAAA,UAC9DC,EAAAA,cAAA,CACC,SAAAC,EAAAA,KAACC,YAAS,SAAUJ,GAAaP,IAC9B,SAAA,CAAAM,GAAaL,EAAAA,IAACK,EAAA,CAAW,GAAGE,CAAA,CAAO,EACnCH,GAAYA,CAAA,CAAA,CACf,EACF,CACD,EAEDF,EAAc,YAAc,gBAQrB,MAAMS,EACXR,EAAAA,KAA2B,CAAC,CAAE,eAAAS,EAAgB,QAAAnB,EAAS,SAAAoB,EAAU,SAAAT,KAAqC,CACtG,MAAMU,EAAoBC,EAAAA,OAAOH,GAAmBnB,GAAWD,EAAYC,CAAO,CAAE,EAE9EuB,EAA6CC,EAAAA,QAAQ,IAAM,CAAC,CAAE,SAAAb,KAAuC,SACzG,MAAMc,GAAeC,GAAAC,EAAAN,EAAkB,UAAlB,YAAAM,EAA2B,OAA3B,YAAAD,EAAA,KAAAC,GAErB,OAAOF,GAAA,MAAAA,EAAc,KAAO,KAAOd,CACrC,EAAG,CAAA,CAAE,EAEL,aACGF,EAAA,CAAc,UAAWW,EACxB,SAAAb,EAAAA,IAACgB,EAAA,CAAgB,SAAAZ,EAAS,CAAA,CAC5B,CAEJ,CAAC,EAEDO,EAAgB,YAAc,kBAGvB,MAAMU,EAAmB,CAC9BC,EACAC,EACAC,EAAwC,CAAA,IACxB,CAChB,GAAI,CAACjC,EAAIgC,CAAW,EAAG,CACrB,MAAMlB,EAAYoB,EAAAA,KAAKH,CAAY,EAGnC/B,EAAIgC,CAAW,EAAIpB,OAAMI,GAAWP,EAAAA,IAACE,EAAA,CAAc,UAAAG,EAAuB,GAAGmB,EAAe,GAAGjB,CAAA,CAAO,CAAG,EACzGhB,EAAIgC,CAAW,EAAE,YAAcA,CACjC,CAEA,OAAOhC,EAAIgC,CAAW,CACxB,EAGaG,EAA4B,CACvCJ,EACAC,EACAC,IACqCG,GAAa,CAChD,GAAI,CAACpC,EAAIgC,CAAW,EAAG,CACrB,MAAMlB,EAAYoB,EAAAA,KAAK,IAAMH,EAAaK,CAAK,CAAC,EAGhDpC,EAAIgC,CAAW,EAAIpB,OAAMI,GAAWP,EAAAA,IAACE,EAAA,CAAc,UAAAG,EAAuB,GAAGmB,EAAe,GAAGjB,CAAA,CAAO,CAAG,EACzGhB,EAAIgC,CAAW,EAAE,YAAcA,CACjC,CAEA,OAAOhC,EAAIgC,CAAW,CACxB"}

package/dist/ui/src/core/ui/components/container/lazyComponent/lazyComponent.module.scss.js

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("./divider.module.scss.js");const r=t.memo((e=>{let{orientation:r,vertical:a,color:l="var(--divider-line)",opacity:o,length:s="80%",left:n="0",width:c="1px",height:d="1px",margin:m,className:v=""}=e;const u=t.useMemo((()=>"vertical"===r||!0===a),[r,a]),p=t.useMemo((()=>({"--width":c,"--height":d,"--length":s,"--opacity":o,"--color":l,"--left":n,"--margin":m||(u?"auto 0":"0 auto")})),[c,d,s,o,l,n,m,u]),h=u?i.default.vertical:i.default.horizontal;return React.createElement("div",{className:`${i.default["divider-line"]} ${h} ${v}`,style:p})}));r.displayName="DividerLine";const a=t.memo((t=>React.createElement(r,e.extends({vertical:!0,length:"100%"},t))));a.displayName="DividerVertical";const l=t.memo((t=>React.createElement(r,e.extends({length:"100%"},t))));l.displayName="DividerHorizontal",exports.DividerHorizontal=l,exports.DividerLine=r,exports.DividerVertical=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),l=require("./divider.module.scss.js"),r=i.memo(({orientation:e,vertical:s,color:a="var(--divider-line)",opacity:d,length:n="80%",left:c="0",width:u="1px",height:v="1px",margin:m,className:p=""})=>{const t=i.useMemo(()=>e==="vertical"||s===!0,[e,s]),x=i.useMemo(()=>({"--width":u,"--height":v,"--length":n,"--opacity":d,"--color":a,"--left":c,"--margin":m||(t?"auto 0":"0 auto")}),[u,v,n,d,a,c,m,t]),j=t?l.default.vertical:l.default.horizontal;return o.jsx("div",{className:`${l.default["divider-line"]} ${j} ${p}`,style:x})});r.displayName="DividerLine";const D=i.memo(e=>o.jsx(r,{vertical:!0,length:"100%",...e}));D.displayName="DividerVertical";const y=i.memo(e=>o.jsx(r,{length:"100%",...e}));y.displayName="DividerHorizontal";exports.DividerHorizontal=y;exports.DividerLine=r;exports.DividerVertical=D;
 //# sourceMappingURL=DividerLine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = 'var(--divider-line)',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"kJAkBaA,EAAgCC,EAAAA,MAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,WAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,EAAAA,SAAQ,KAAA,CAEnB,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAAA,QAAQb,SAAWa,EAAAA,QAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAAW,GAAIK,EAAAA,QAAgB,mBAAmBD,KAAeJ,IACjES,MAAON,GACP,IAINf,EAAYsB,YAAc,cAEnB,MAAMC,EACTtB,EAAAA,MAAMuB,GAAUL,MAAAC,cAACpB,EAAWyB,UAAA,CAACrB,UAAQ,EAACG,OAAO,QAAWiB,MAC5DD,EAAgBD,YAAc,kBAEvB,MAAMI,EACTzB,EAAAA,MAAMuB,GAAUL,MAAAC,cAACpB,EAAWyB,UAAA,CAAClB,OAAO,QAAWiB,MACnDE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = 'var(--divider-line)',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","jsx","DividerVertical","props","DividerHorizontal"],"mappings":"8KAkBaA,EAAgCC,EAAAA,KAAmB,CAAC,CAC/D,YAAAC,EAAa,SAAAC,EACb,MAAAC,EAAQ,sBACR,QAAAC,EACA,OAAAC,EAAS,MAAO,KAAAC,EAAO,IACvB,MAAAC,EAAQ,MAAO,OAAAC,EAAS,MACxB,OAAAC,EACA,UAAAC,EAAY,EACd,IAAoB,CAClB,MAAMC,EAAaC,UAAQ,IAAMX,IAAgB,YAAcC,IAAa,GAAM,CAACD,EAAaC,CAAQ,CAAC,EAEnGW,EAASD,EAAAA,QAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,SAAA,GAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,CAAU,CAAC,EAE9DG,EAAcH,EAAaI,EAAAA,QAAQ,SAAWA,EAAAA,QAAQ,WAE5D,OACEC,EAAAA,IAAC,MAAA,CACC,UAAW,GAAID,EAAAA,QAAgB,cAAc,CAAC,IAAID,CAAW,IAAIJ,CAAS,GAC1E,MAAOG,CAAA,CAAA,CAGb,CAAC,EAEDd,EAAY,YAAc,cAEnB,MAAMkB,EACTjB,EAAAA,KAAMkB,GAAUF,EAAAA,IAACjB,EAAA,CAAY,SAAQ,GAAC,OAAO,OAAQ,GAAGmB,CAAA,CAAO,CAAE,EACrED,EAAgB,YAAc,kBAEvB,MAAME,EACTnB,EAAAA,KAAMkB,GAAUF,EAAAA,IAACjB,GAAY,OAAO,OAAQ,GAAGmB,EAAO,CAAE,EAC5DC,EAAkB,YAAc"}

package/dist/ui/src/core/ui/components/dividers/divider.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"divider-line":"divider-module_divider-line__6CesR",vertical:"divider-module_vertical__qSVWD",horizontal:"divider-module_horizontal__Gz-Oj"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_vertical_3ogx1_8",e="_horizontal_3ogx1_14",o={vertical:t,horizontal:e};exports.default=o;exports.horizontal=e;exports.vertical=t;
 //# sourceMappingURL=divider.module.scss.js.map

package/dist/ui/src/core/ui/components/error/ErrorBoundary.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../container/layoutBox/LayoutBox.js"),t=require("./errorBoundary.module.scss.js"),o=require("../icon/IconBase.js");const a=e.memo((e=>{let{title:a,text:s}=e;return React.createElement(r.LayoutBox,{className:t.default.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},a&&React.createElement("h1",null,a),React.createElement(r.LayoutBox,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(o.IconBase,{className:t.default.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),s&&React.createElement(r.LayoutBox,{flexShrink:"0",width:"90%"},s)))}));a.displayName="DefaultErrorComponent";class s extends e.PureComponent{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){this.props.muted,this.props.muted,this.props?.onError?.({error:e,errorInfo:r}),!this.props.muted&&this.setState({hasError:!0,error:e,errorInfo:r})}render(){const{ErrorComponent:e=a,title:r,text:t,muted:o}=this.props,{hasError:s,error:n,errorInfo:c}=this.state;return s&&!o?React.createElement(e,{title:r||n?.toString()||"Error",text:t||`${JSON.stringify(c,null,2)}`}):s&&o?null:this.props.children}}exports.DefaultErrorComponent=a,exports.ErrorBoundary=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),a=require("../container/layoutBox/LayoutBox.js"),l=require("./errorBoundary.module.scss.js"),p=require("../icon/IconBase.js"),u=d.memo(({title:n,text:r})=>e.jsxs(a.LayoutBox,{className:l.default.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem",children:[n&&e.jsx("h1",{children:n}),e.jsxs(a.LayoutBox,{align:"center",justify:"space-between",gap:"1rem",children:[e.jsx(p.IconBase,{className:l.default.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:e.jsx("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"})})}),r&&e.jsx(a.LayoutBox,{flexShrink:"0",width:"90%",children:r})]})]}));u.displayName="DefaultErrorComponent";class m extends d.PureComponent{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,o){var t,s;this.props.muted,this.props.muted,(s=(t=this.props)==null?void 0:t.onError)==null||s.call(t,{error:r,errorInfo:o}),!this.props.muted&&this.setState({hasError:!0,error:r,errorInfo:o})}render(){const{ErrorComponent:r=u,title:o,text:t,muted:s}=this.props,{hasError:c,error:i,errorInfo:h}=this.state;return c&&!s?e.jsx(r,{title:o||(i==null?void 0:i.toString())||"Error",text:t||`${JSON.stringify(h,null,2)}`}):c&&s?null:this.props.children}}exports.DefaultErrorComponent=u;exports.ErrorBoundary=m;
 //# sourceMappingURL=ErrorBoundary.js.map

package/dist/ui/src/core/ui/components/error/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { ErrorInfo, FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    !this.props.muted && error && console.error(error)\n    // eslint-disable-next-line no-console\n    !this.props.muted && errorInfo && console.error(errorInfo)\n\n    this.props?.onError?.({ error, errorInfo })\n\n    !this.props.muted && this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text, muted } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError && !muted) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    if (hasError && muted) {\n      return null\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","muted","onError","setState","render","ErrorComponent","toString","JSON","stringify","children"],"mappings":"kKAgBO,MAAMA,EACXC,EAAAA,MAAKC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,YAAS,CAACC,UAAWC,EAAAA,QAAQC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGX,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,YAAS,CAACQ,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDR,MAAAC,cAACW,WAAQ,CACPT,UAAWC,EAAAA,QAAQS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPhB,MAAAC,cAAA,MAAA,CAAKgB,MAAM,6BAA6BC,QAAQ,eAC9ClB,MAAAC,cAAA,OAAA,CAAMkB,EAAE,6WAGXpB,GACCC,MAAAC,cAACC,EAAAA,UAAS,CAACkB,WAAW,IAAIL,MAAM,OAC7BhB,IAIG,IAEdJ,EAAsB0B,YAAc,wBAE7B,MAAMC,UAAsBC,EAAAA,cACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAE7BN,KAAKF,MAAMS,MAEXP,KAAKF,MAAMS,MAEZP,KAAKF,OAAOU,UAAU,CAAEJ,QAAOE,eAE9BN,KAAKF,MAAMS,OAASP,KAAKS,SAAS,CAAEP,UAAU,EAAME,QAAOE,aAC9D,CAEAI,MAAAA,GACE,MAAMC,eAAEA,EAAiB3C,EAAqBG,MAAEA,EAAKC,KAAEA,EAAImC,MAAEA,GAAUP,KAAKF,OACtEI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,IAAaK,EAEblC,MAAAC,cAACqC,EAAc,CACbxC,MAAOA,GAASiC,GAAOQ,YAAc,QACrCxC,KAAMA,GAAQ,GAAGyC,KAAKC,UAAUR,EAAW,KAAM,OAKnDJ,GAAYK,EACP,KAGFP,KAAKF,MAAMiB,QACpB"}
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { ErrorInfo, FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    !this.props.muted && error && console.error(error)\n    // eslint-disable-next-line no-console\n    !this.props.muted && errorInfo && console.error(errorInfo)\n\n    this.props?.onError?.({ error, errorInfo })\n\n    !this.props.muted && this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text, muted } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError && !muted) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    if (hasError && muted) {\n      return null\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","title","text","jsxs","LayoutBox","classes","jsx","IconBase","ErrorBoundary","PureComponent","props","error","errorInfo","_b","_a","ErrorComponent","muted","hasError"],"mappings":"sQAgBaA,EACXC,EAAAA,KAAK,CAAC,CAAE,MAAAC,EAAO,KAAAC,CAAA,IACfC,EAAAA,KAACC,YAAA,CAAU,UAAWC,EAAAA,QAAQ,cAAe,UAAU,SAAS,SAAS,OAAO,IAAI,OAAO,QAAQ,OAChG,SAAA,CAAAJ,GAASK,EAAAA,IAAC,MAAI,SAAAL,CAAA,CAAM,SACpBG,EAAAA,UAAA,CAAU,MAAM,SAAS,QAAQ,gBAAgB,IAAI,OACpD,SAAA,CAAAE,EAAAA,IAACC,EAAAA,SAAA,CACC,UAAWF,EAAAA,QAAQ,WACnB,MAAM,UACN,MAAM,OACN,OAAO,OAEP,SAAAC,EAAAA,IAAC,MAAA,CAAI,MAAM,6BAA6B,QAAQ,cAC9C,SAAAA,EAAAA,IAAC,OAAA,CAAK,EAAE,wWAAA,CAAyW,CAAA,CACnX,CAAA,CAAA,EAEDJ,GACCI,EAAAA,IAACF,EAAAA,UAAA,CAAU,WAAW,IAAI,MAAM,MAC7B,SAAAF,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EACF,CACD,EACDH,EAAsB,YAAc,wBAE7B,MAAMS,UAAsBC,EAAAA,aAAyC,CAC1E,YAAYC,EAA2B,CACrC,MAAMA,CAAK,EACX,KAAK,MAAQ,CAAE,SAAU,EAAA,CAC3B,CAEA,OAAO,yBAAyBC,EAAqB,CACnD,MAAO,CAAE,SAAU,GAAM,MAAAA,CAAA,CAC3B,CAEA,kBAAkBA,EAAcC,EAA4B,SAEzD,KAAK,MAAM,MAEX,KAAK,MAAM,OAEZC,GAAAC,EAAA,KAAK,QAAL,YAAAA,EAAY,UAAZ,MAAAD,EAAA,KAAAC,EAAsB,CAAE,MAAAH,EAAO,UAAAC,IAE/B,CAAC,KAAK,MAAM,OAAS,KAAK,SAAS,CAAE,SAAU,GAAM,MAAAD,EAAO,UAAAC,EAAW,CACzE,CAEA,QAAoB,CAClB,KAAM,CAAE,eAAAG,EAAiBhB,EAAuB,MAAAE,EAAO,KAAAC,EAAM,MAAAc,CAAA,EAAU,KAAK,MACtE,CAAE,SAAAC,EAAU,MAAAN,EAAO,UAAAC,CAAA,EAAc,KAAK,MAE5C,OAAIK,GAAY,CAACD,EAEbV,EAAAA,IAACS,EAAA,CACC,MAAOd,IAASU,GAAA,YAAAA,EAAO,aAAc,QACrC,KAAMT,GAAQ,GAAG,KAAK,UAAUU,EAAW,KAAM,CAAC,CAAC,EAAA,CAAA,EAKrDK,GAAYD,EACP,KAGF,KAAK,MAAM,QACpB,CACF"}

package/dist/ui/src/core/ui/components/error/errorBoundary.module.scss.js

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

package/dist/ui/src/core/ui/components/error/propsValidationError.js

@@ -1,2 +1,2 @@
-"use strict";class r extends Error{constructor(r){super(r),this.name="PropsValidationError"}}exports.PropsValidationError=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o extends Error{constructor(r){super(r),this.name="PropsValidationError"}}exports.PropsValidationError=o;
 //# sourceMappingURL=propsValidationError.js.map

package/dist/ui/src/core/ui/components/error/propsValidationError.js.map

@@ -1 +1 @@
-{"version":3,"file":"propsValidationError.js","sources":["../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n  constructor(message:string) {\n    super(message)\n    this.name = 'PropsValidationError'\n  }\n}\n"],"names":["PropsValidationError","Error","constructor","message","super","this","name"],"mappings":"aAAO,MAAMA,UAA6BC,MACxCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,KAAO,sBACd"}
+{"version":3,"file":"propsValidationError.js","sources":["../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n  constructor(message:string) {\n    super(message)\n    this.name = 'PropsValidationError'\n  }\n}\n"],"names":["PropsValidationError","message"],"mappings":"gFAAO,MAAMA,UAA6B,KAAM,CAC9C,YAAYC,EAAgB,CAC1B,MAAMA,CAAO,EACb,KAAK,KAAO,sBACd,CACF"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../../../utils/helpers/ui.js"),l=require("./field.module.scss.js");let n=()=>"#000000";let o=t.memo((function(){return React.createElement("span",null)}));const s=t.memo((function(t){let{options:a,value:l,inputRef:n,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:n,defaultValue:l}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),c=t.memo((e=>t.createElement("textarea",e)));c.displayName="TextAreaComponent";const r=t.memo((e=>t.createElement("input",e)));r.displayName="InputComponent";const i=t.memo((i=>{let{label:m,name:u,type:p="text",value:d,defaultValue:f,placeholder:h,inputRef:R,error:N,disabled:C,userDisabled:E,withoutComponent:g,helpTextInfo:v,helpText:b,children:y,iconLeft:x,iconRight:k,addon:I,className:F,onChange:j,onChangeInner:q,onBlur:B,onFocus:D,rightIconClick:w,leftIconClick:T,options:V,style:$,...K}=i,L=r;y||"textarea"!==p||(L=c);const S=t.useCallback((e=>{E?e?.preventDefault?.():D&&D(e)}),[E,D]),_=t.useCallback((e=>{E||(q&&e?.target?(e.target.value=q(e.target.value),j&&j(e)):j&&j(e))}),[q,j,E]),A=t.useMemo((()=>void 0===d?{defaultValue:f}:{value:d}),[d,f]);return React.createElement("div",{className:a.classNames(l.default.field,(C||E)&&l.default.disabled,F),style:$},React.createElement("label",{htmlFor:u,className:"label"},m),React.createElement("div",{className:"field "+(I?"has-addons":"")},React.createElement("div",{className:`control mainControl ${x&&!g?"has-icons-left":""} ${k?"has-icons-right":""}`},!g&&(y||"select"!==p&&!V?!y&&React.createElement(L,e.extends({name:u,id:u,ref:R,className:"input "+(N?"is-danger":""),type:p,placeholder:h},A,{onChange:_,onBlur:B,onFocus:S,onKeyDown:S,autoComplete:"off",disabled:C},K)):React.createElement(s,e.extends({name:u,id:u,inputRef:R,className:"input "+(N?"is-danger":""),type:"select",placeholder:h,value:d,options:V,onChange:j,onBlur:B,onFocus:S,onKeyDown:S,autoComplete:"off",disabled:C},K))),x&&!g&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(T?"is-action":""),onClick:T},React.createElement(o,{iconName:x,color:n})),k&&React.createElement("span",{className:"iconRight icon is-small is-right "+(w?"is-action":""),onClick:w},React.createElement(o,{iconName:k,color:n})),y&&y),I&&I),v&&React.createElement("p",{className:"help"},v),b&&React.createElement("p",{className:"help "+(N?"is-danger":"")},b))}));i.displayName="Field",exports.Field=i,exports.Select=s,exports.setIconColor=e=>{n=e},exports.setIconComponent=e=>{o=e};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),Q=require("../../../utils/helpers/ui.js"),O=require("./field.module.scss.js");let h=()=>"#000000";const U=c=>{h=c};let p=a.memo(function(){return s.jsx("span",{})});const V=c=>{p=c},P=a.memo(function({options:t,value:i,inputRef:m,...u}){return s.jsx("div",{className:"select",children:s.jsx("select",{...u,ref:m,defaultValue:i,children:t==null?void 0:t.map(e=>s.jsx("option",{value:typeof e=="object"?e==null?void 0:e.value:e,children:typeof e=="object"?e==null?void 0:e.label:e},`${JSON.stringify(e)}`))})})}),J=a.memo(c=>a.createElement("textarea",c));J.displayName="TextAreaComponent";const T=a.memo(c=>a.createElement("input",c));T.displayName="InputComponent";const _=a.memo(({label:c,name:t,type:i="text",value:m,defaultValue:u,placeholder:e,inputRef:F,error:f,disabled:j,userDisabled:o,withoutComponent:x,helpTextInfo:b,helpText:g,children:n,iconLeft:N,iconRight:C,addon:y,className:w,onChange:r,onChangeInner:$,onBlur:q,onFocus:S,rightIconClick:I,leftIconClick:k,options:A,style:z,...E})=>{let K=T;!n&&i==="textarea"&&(K=J);const d=a.useCallback(l=>{var M;o?(M=l==null?void 0:l.preventDefault)==null||M.call(l):S&&S(l)},[o,S]),G=a.useCallback(l=>{o||($&&(l!=null&&l.target)&&(l.target.value=$(l.target.value)),r&&r(l))},[$,r,o]),H=a.useMemo(()=>m===void 0?{defaultValue:u}:{value:m},[m,u]);return s.jsxs("div",{className:Q.classNames(O.default.field,(j||o)&&O.default.disabled,w),style:z,children:[s.jsx("label",{htmlFor:t,className:"label",children:c}),s.jsxs("div",{className:`field ${y?"has-addons":""}`,children:[s.jsxs("div",{className:`control mainControl ${N&&!x?"has-icons-left":""} ${C?"has-icons-right":""}`,children:[!x&&(!n&&(i==="select"||A)?s.jsx(P,{name:t,id:t,inputRef:F,className:`input ${f?"is-danger":""}`,type:"select",placeholder:e,value:m,options:A,onChange:r,onBlur:q,onFocus:d,onKeyDown:d,autoComplete:"off",disabled:j,...E}):!n&&s.jsx(K,{name:t,id:t,ref:F,className:`input ${f?"is-danger":""}`,type:i,placeholder:e,...H,onChange:G,onBlur:q,onFocus:d,onKeyDown:d,autoComplete:"off",disabled:j,...E})),N&&!x&&s.jsx("span",{className:`iconLeft icon is-small is-left ${k?"is-action":""}`,onClick:k,children:s.jsx(p,{iconName:N,color:h})}),C&&s.jsx("span",{className:`iconRight icon is-small is-right ${I?"is-action":""}`,onClick:I,children:s.jsx(p,{iconName:C,color:h})}),n&&n]}),y&&y]}),b&&s.jsx("p",{className:"help",children:b}),g&&s.jsx("p",{className:`help ${f?"is-danger":""}`,children:g})]})});_.displayName="Field";exports.Field=_;exports.Select=P;exports.setIconColor=U;exports.setIconComponent=V;
 //# sourceMappingURL=Field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  checked?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disabled,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","field","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  checked?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disabled,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","setIconComponent","component","Select","options","value","inputRef","props","jsx","option","TextAreaComponent","createElement","InputComponent","Field","label","name","type","defaultValue","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","_a","handleChange","valueProps","useMemo","jsxs","classNames","classes"],"mappings":"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"}

package/dist/ui/src/core/ui/components/field/field.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={field:"field-module_field__UfKm3",disabled:"field-module_disabled__4aFNw"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_field_1utkt_1",d="_disabled_1utkt_5",l={field:e,disabled:d};exports.default=l;exports.disabled=d;exports.field=e;
 //# sourceMappingURL=field.module.scss.js.map

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react").memo((e=>{let{icon:a,className:c,color:o="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:`svg-inline--fa fa-${a.iconName} ${c}`,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a.icon[0]} ${a.icon[1]}`},React.createElement("path",{fill:o,d:a.icon[4]}))}));e.displayName="Icon",exports.Icon=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),r=t.memo(({icon:e,className:i,color:o="currentColor"})=>a.jsx("svg",{"aria-hidden":"true",focusable:"false","data-prefix":e.prefix,"data-icon":e.iconName,className:`svg-inline--fa fa-${e.iconName} ${i}`,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${e.icon[0]} ${e.icon[1]}`,children:a.jsx("path",{fill:o,d:e.icon[4]})}));r.displayName="Icon";exports.Icon=r;
 //# sourceMappingURL=Icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","role","xmlns","viewBox","fill","d","displayName"],"mappings":"aAYO,MAAMA,mBAAOC,MAAeC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAW,qBAAqBD,EAAKO,YAAYN,IACjDO,KAAK,MACLC,MAAM,6BACNC,QAAS,OAAOV,EAAKA,KAAK,MAAMA,EAAKA,KAAK,MAE1CG,MAAAC,cAAA,OAAA,CACEO,KAAMT,EACNU,EAAGZ,EAAKA,KAAK,KAEX,IAGRH,EAAKgB,YAAc"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","icon","className","color","jsx"],"mappings":"wIAYaA,EAAOC,EAAAA,KAAe,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,MAAAC,EAAQ,kBAC7DC,EAAAA,IAAC,MAAA,CACC,cAAY,OACZ,UAAU,QACV,cAAaH,EAAK,OAClB,YAAWA,EAAK,SAChB,UAAW,qBAAqBA,EAAK,QAAQ,IAAIC,CAAS,GAC1D,KAAK,MACL,MAAM,6BACN,QAAS,OAAOD,EAAK,KAAK,CAAC,CAAC,IAAIA,EAAK,KAAK,CAAC,CAAC,GAE5C,SAAAG,EAAAA,IAAC,OAAA,CACC,KAAMD,EACN,EAAGF,EAAK,KAAK,CAAC,CAAA,CAAA,CAChB,CACF,CACD,EAEDF,EAAK,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),i=require("./icon.module.scss.js"),n=require("./unifyIconUrl.js");const r=o.memo((r=>{let{iconUrl:t,minWidth:c,minHeight:s,size:l,fontSize:u,width:a,height:m,color:h="currentColor",className:d="",children:p,icon:b,style:f,onClick:g,...y}=r;const I=t&&n.unifyIconUrl(t),q=o.useMemo((()=>({"--min-width":c||l||a||"auto","--min-height":s||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...u?{fontSize:u}:{},...I?{"--icon-url":`url(${I})`}:{},...I?{"--icon-color":h}:{"--icon-content-color":h},...g?{cursor:"pointer"}:{},...f})),[c,l,a,s,m,u,I,h,g,f]),j=o.useMemo((()=>g?{onClick:g,role:"button",tabIndex:-1}:{}),[g]);return React.createElement("span",e.extends({},y,j,{className:`${i.default["icon-base"]} icon-base ${d}`,style:q}),!I&&p&&p,!I&&b&&b)}));r.displayName="IconBase",exports.IconBase=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),c=require("react"),x=require("./icon.module.scss.js"),B=require("./unifyIconUrl.js"),d=c.memo(({iconUrl:a,minWidth:l,minHeight:m,size:o,fontSize:n,width:s,height:t,color:u="currentColor",className:y="",children:i,icon:I,style:b,onClick:r,...p})=>{const e=a&&B.unifyIconUrl(a),q=c.useMemo(()=>({"--min-width":l||o||s||"auto","--min-height":m||o||t||"auto","--width":o||s||"1rem","--height":o||t||"1rem",...n?{fontSize:n}:{},...e?{"--icon-url":`url(${e})`}:{},...e?{"--icon-color":u}:{"--icon-content-color":u},...r?{cursor:"pointer"}:{},...b}),[l,o,s,m,t,n,e,u,r,b]),f=c.useMemo(()=>r?{onClick:r,role:"button",tabIndex:-1}:{},[r]);return j.jsxs("span",{...p,...f,className:`${x.default["icon-base"]} icon-base ${y}`,style:q,children:[!e&&i&&i,!e&&I&&I]})});d.displayName="IconBase";exports.IconBase=d;
 //# sourceMappingURL=IconBase.js.map