@e1011/es-kit 1.4.0 → 1.5.2

package/dist/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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/lib/cjs/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

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

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"8KAsBaA,EAA8BC,EAAAA,MAAoBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,KAAYC,GACtFd,EACd,MAAMe,EAAiBd,GAAWe,EAAAA,aAAaf,GAEzCgB,EAASC,EAAAA,SAAQ,KAAA,CAEnB,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BU,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,MACvEK,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,IAElFQ,EAAeF,WAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAU,GACP,CAAA,GAAK,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAAA,QAAA,CAAA,EACMX,EACAM,EAAY,CAChBX,UAAW,GAAGiB,EAAAA,QAAQ,0BAA0BjB,IAChDG,MAAOK,KAEJF,GAAkBL,GAAaA,GAC/BK,GAAkBJ,GAASA,EACzB,IAIXb,EAAS6B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","onClickProps","jsxs","classes"],"mappings":"0MAsBaA,EAA8BC,EAAAA,KAAoB,CAAC,CAC9D,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAC9B,SAAAC,EAAU,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAQ,eAAgB,UAAAC,EAAY,GAAI,SAAAC,EAAU,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CACtG,IAAqB,CACnB,MAAMC,EAAiBd,GAAWe,EAAAA,aAAaf,CAAO,EAEhDgB,EAASC,EAAAA,QAAQ,KACrB,CACE,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,OAC9B,GAAIF,EAAW,CAAE,SAAAA,CAAA,EAAa,CAAA,EAC9B,GAAIU,EAAiB,CAAE,aAAc,OAAOA,CAAc,GAAA,EAAQ,CAAA,EAClE,GAAIA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,CAAA,EAC3E,GAAIK,EAAU,CAAE,OAAQ,SAAA,EAAc,CAAA,EACtC,GAAGD,CAAA,GAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,CAAK,CAAC,EAExFO,EAAeD,UAAQ,IAAOL,EAAW,CAC7C,QAAAA,EACA,KAAM,SACN,SAAU,EAAA,EACP,CAAA,EAAK,CAACA,CAAO,CAAC,EAEnB,OACEO,EAAAA,KAAC,OAAA,CACE,GAAGN,EACH,GAAGK,EACJ,UAAW,GAAGE,EAAAA,QAAQ,WAAW,CAAC,cAAcZ,CAAS,GACzD,MAAOQ,EAEL,SAAA,CAAA,CAACF,GAAkBL,GAAaA,EAChC,CAACK,GAAkBJ,GAASA,CAAA,CAAA,CAAA,CAGpC,CAAC,EAEDZ,EAAS,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var t,i=require("../../../utils/webComponents/webComponent.utils.js"),e=require("./icon.module.scss.js");const s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';let n=i.ced("icon-base")(t=class t extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e.default["icon-base-parent"]),this.mainElement.classList.add(e.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,e]=t;return`${i}: ${e};`})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,t.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||t;const o={ESIconBase:n};exports.ESIcon=n,exports.ESIconBase=o;
+"use strict";var m=Object.defineProperty;var d=(n,i,t)=>i in n?m(n,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[i]=t;var e=(n,i,t)=>d(n,typeof i!="symbol"?i+"":i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../utils/webComponents/webComponent.utils.js"),r=require("./icon.module.scss.js");var u=Object.getOwnPropertyDescriptor,b=(n,i,t,o)=>{for(var s=o>1?void 0:o?u(i,t):i,c=n.length-1,h;c>=0;c--)(h=n[c])&&(s=h(s)||s);return s};const a=document.createElement("template");a.innerHTML='<span class="icon-base"></span>';exports.ESIcon=class extends HTMLElement{constructor(){super(...arguments);e(this,"content");e(this,"mainElement");e(this,"iconUrl");e(this,"minWidth");e(this,"minHeight");e(this,"width");e(this,"height");e(this,"size");e(this,"fontSize");e(this,"color");e(this,"render",()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(r.default["icon-base-parent"]),this.mainElement.classList.add(r.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map(([o,s])=>`${o}: ${s};`).join(" "))})}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=a.innerHTML,l.resolveAttributes(this,exports.ESIcon.observedAttributes),this.render()}attributeChangedCallback(t,o,s){(t==="className"||t==="classname"||t==="class")&&typeof s=="string"&&(this.classList.remove(s),this.classList.add(s)),this.color||(this.color="currentColor"),this[t]=s||"",this.render()}};exports.ESIcon=b([l.ced("icon-base")],exports.ESIcon);const E={ESIconBase:exports.ESIcon};exports.ESIconBase=E;
 //# sourceMappingURL=IconWC.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes(): string[] {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback(): void {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, ESIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null): void {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = (): void => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const ESIconBase = {\n  ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"sHAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAAA,IAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,KACtCC,aAAO,EAAAD,KAEPE,iBAAW,EAAAF,KAEXG,aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,KAAKE,YAAcF,KAAKE,aAAeF,KAAKY,cAAc,eACrDZ,KAAKE,YACR,OAEFF,KAAKa,UAAUC,IAAIC,EAAAA,QAAQ,qBAC3Bf,KAAKE,YAAYW,UAAUC,IAAIC,EAAAA,QAAQ,cAEvC,MAAMC,EAAS,CACb,cAAehB,KAAKI,UAAYJ,KAAKQ,MAAQR,KAAKM,OAAS,OAC3D,eAAgBN,KAAKK,WAAaL,KAAKQ,MAAQR,KAAKO,QAAU,OAC9D,UAAWP,KAAKQ,MAAQR,KAAKM,OAAS,OACtC,WAAYN,KAAKQ,MAAQR,KAAKO,QAAU,UACpCP,KAAKS,SAAW,CAAE,YAAaT,KAAKS,UAAY,SAAY,MAC5DT,KAAKG,QAAU,CAAE,aAAc,OAAOH,KAAKG,YAAe,MAC1DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,YAAYe,aAAa,QAASC,OAAOC,QAAQH,GAAQI,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAK,GAAGC,MAAQC,IAAQ,IAAEC,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM1B,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,KAAK2B,aAAa,YAGrE3B,KAAKT,UAAYH,EAASG,UAE1BqC,oBAAkB5B,KAAMR,EAAOiC,oBAE/BzB,KAAKW,QACP,CAEAkB,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACThC,KAAKa,UAAUoB,OAAOD,GACtBhC,KAAKa,UAAUC,IAAIkB,IAGlBhC,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,KAAK8B,GAAaE,GAAqB,GACvChC,KAAKW,QACP,KAwBDhB,EAWM,MAAMuC,EAAa,CACxBA,WAAY1C"}
+{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes(): string[] {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback(): void {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, ESIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null): void {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = (): void => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const ESIconBase = {\n  ESIconBase: ESIcon,\n}\n"],"names":["template","ESIcon","__publicField","classes","styles","key","value","resolveAttributes","attrName","oldVal","newVal","__decorateClass","ced","ESIconBase"],"mappings":"yeAKA,MAAMA,EAAW,SAAS,cAAc,UAAU,EAElDA,EAAS,UAAY,kCAeRC,QAAAA,OAAN,cAAqB,WAAY,CAAjC,kCACLC,EAAA,gBAEAA,EAAA,oBAEAA,EAAA,gBAEAA,EAAA,iBAEAA,EAAA,kBAEAA,EAAA,cAEAA,EAAA,eAEAA,EAAA,aAEAA,EAAA,iBAEAA,EAAA,cAkCAA,EAAA,cAAS,IAAY,CAEnB,GADA,KAAK,YAAc,KAAK,aAAe,KAAK,cAAc,YAAY,EAClE,CAAC,KAAK,YACR,OAEF,KAAK,UAAU,IAAIC,EAAAA,QAAQ,kBAAkB,CAAC,EAC9C,KAAK,YAAY,UAAU,IAAIA,EAAAA,QAAQ,WAAW,CAAC,EAEnD,MAAMC,EAAS,CACb,cAAe,KAAK,UAAY,KAAK,MAAQ,KAAK,OAAS,OAC3D,eAAgB,KAAK,WAAa,KAAK,MAAQ,KAAK,QAAU,OAC9D,UAAW,KAAK,MAAQ,KAAK,OAAS,OACtC,WAAY,KAAK,MAAQ,KAAK,QAAU,OACxC,GAAI,KAAK,SAAW,CAAE,YAAa,KAAK,UAAY,OAAA,EAAY,CAAA,EAChE,GAAI,KAAK,QAAU,CAAE,aAAc,OAAO,KAAK,OAAO,GAAA,EAAQ,CAAA,EAC9D,GAAI,KAAK,QAAU,CAAE,eAAgB,KAAK,OAAU,CAAE,uBAAwB,KAAK,KAAA,CAAM,EAG3F,KAAK,YAAY,UAAY,KAAK,QAAU,GAAM,KAAK,SAAW,GAElE,KAAK,YAAY,aAAa,QAAS,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,EAAKC,CAAK,IAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EAAE,KAAK,GAAG,CAAC,CACpH,GArDA,WAAW,oBAA+B,CACxC,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,WAAW,CACzG,CAEA,mBAA0B,EACpB,KAAK,SAAW,KAAK,aACvB,KAAK,QAAU,KAAK,SAAW,KAAK,WAAa,KAAK,aAAa,SAAS,GAG9E,KAAK,UAAYN,EAAS,UAE1BO,oBAAkB,KAAMN,QAAAA,OAAO,kBAAkB,EAEjD,KAAK,OAAA,CACP,CAEA,yBAAyBO,EAAkBC,EAAgCC,EAAsC,EAC3GF,IAAa,aAAeA,IAAa,aAAeA,IAAa,UACnE,OAAOE,GAAW,WACpB,KAAK,UAAU,OAAOA,CAAgB,EACtC,KAAK,UAAU,IAAIA,CAAgB,GAGlC,KAAK,QACR,KAAK,MAAQ,gBAIf,KAAKF,CAAQ,EAAKE,GAAqB,GACvC,KAAK,OAAA,CACP,CAwBF,EA3EaT,QAAAA,OAANU,EAAA,CADNC,EAAAA,IAAI,WAAW,CAAA,EACHX,cAAA,EAsFN,MAAMY,EAAa,CACxB,WAAYZ,QAAAA,MACd"}

package/dist/lib/cjs/src/core/ui/components/icon/icon.module.scss.js

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

package/dist/lib/cjs/src/core/ui/components/icon/unifyIconUrl.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../../../node_modules/core-js/modules/es.array.includes.js");var e=require("ramda");exports.unifyIconUrl=l=>{if(!l||!e.is(String,l)||!l||l?.includes(".svg")||l?.includes("data:image/svg+xml;base64"))return l;const a=l?.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return`data:image/svg+xml;base64,${btoa(a)}`};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("ramda"),t=e=>{if(!e||!l.is(String,e)||!e||e!=null&&e.includes(".svg")||e!=null&&e.includes("data:image/svg+xml;base64"))return e;const a=e==null?void 0:e.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return`data:image/svg+xml;base64,${btoa(a)}`};exports.unifyIconUrl=t;
 //# sourceMappingURL=unifyIconUrl.js.map

package/dist/lib/cjs/src/core/ui/components/icon/unifyIconUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n  if (!iconUrl || !is(String, iconUrl) || !iconUrl\n  || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n    return iconUrl\n  }\n\n  const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n    .replaceAll('\\'', '\"')\n    .replaceAll('%25', '%')\n    .replaceAll('%23', '#')\n    .replaceAll('%3c', '<')\n    .replaceAll('%3e', '>')\n    .replaceAll('%20', ' ')\n    .replaceAll('data:image/svg+xml,', '')\n\n  return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["iconUrl","is","String","includes","unifiedIconUrl","replaceAll","btoa"],"mappings":"qIAK6BA,IAC3B,IAAKA,IAAYC,EAAAA,GAAGC,OAAQF,KAAaA,GACtCA,GAASG,SAAS,SAAWH,GAASG,SAAS,6BAChD,OAAOH,EAGT,MAAMI,EAAiBJ,GAASK,WAAW,UAAW,KACnDA,WAAW,IAAM,KACjBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,sBAAuB,IAErC,MAAO,6BAA6BC,KAAKF,IAAiB"}
+{"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n  if (!iconUrl || !is(String, iconUrl) || !iconUrl\n  || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n    return iconUrl\n  }\n\n  const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n    .replaceAll('\\'', '\"')\n    .replaceAll('%25', '%')\n    .replaceAll('%23', '#')\n    .replaceAll('%3c', '<')\n    .replaceAll('%3e', '>')\n    .replaceAll('%20', ' ')\n    .replaceAll('data:image/svg+xml,', '')\n\n  return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["unifyIconUrl","iconUrl","is","unifiedIconUrl"],"mappings":"yGAKaA,EAAgBC,GAA4B,CACvD,GAAI,CAACA,GAAW,CAACC,EAAAA,GAAG,OAAQD,CAAO,GAAK,CAACA,GACtCA,GAAA,MAAAA,EAAS,SAAS,SAAWA,GAAA,MAAAA,EAAS,SAAS,6BAChD,OAAOA,EAGT,MAAME,EAAiBF,GAAA,YAAAA,EAAS,WAAW,UAAW,KACnD,WAAW,IAAM,KACjB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,sBAAuB,IAErC,MAAO,6BAA6B,KAAKE,CAAc,CAAC,EAC1D"}

package/dist/lib/cjs/src/core/ui/components/molecules/layouts/FlowLayout.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("./flowLayout.module.scss.js"),l=require("../../container/layoutBox/LayoutBox.js"),o=require("../../../../utils/helpers/ui.js");const r=t.memo((r=>{let{itemDTOs:s,containerProps:n={},defaultItemLayoutProps:u={},numColumns:c=1,className:m="",beforeContent:i,afterContent:d,...p}=r;const y=t.useMemo((()=>c>0?{display:"grid",gridTemplateColumns:`${"1fr ".repeat(c)}`,width:"100%",height:"unset"}:{display:"flex"}),[c]);return React.createElement(l.LayoutBox,e.extends({width:"100%",column:!0,className:o.classNames(a.default.flowLayout,m)},p),i&&React.createElement("span",{className:a.default.beforeContent,tabIndex:-1},i),React.createElement(l.LayoutBox,e.extends({flexWrap:"wrap",gap:"1rem",style:y,width:"100%"},n),s.map((t=>{let{id:a,spanColumn:o,Component:r,layoutProps:s,...n}=t;return React.createElement(l.LayoutBox,e.extends({key:a},u,s,o?{style:{width:`calc(${Math.round(100*o)}% - ${16*o}px)`}}:{}),React.createElement(r,n))}))),d&&React.createElement("span",{className:a.default.afterContent,tabIndex:-1},d))}));r.displayName="FlowLayout",exports.FlowLayout=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),s=require("./flowLayout.module.scss.js"),o=require("../../container/layoutBox/LayoutBox.js"),L=require("../../../../utils/helpers/ui.js"),u=i.memo(({itemDTOs:c,containerProps:d={},defaultItemLayoutProps:n={},numColumns:t=1,className:y="",beforeContent:r,afterContent:l,...x})=>{const h=i.useMemo(()=>t>0?{display:"grid",gridTemplateColumns:`${"1fr ".repeat(t)}`,width:"100%",height:"unset"}:{display:"flex"},[t]);return e.jsxs(o.LayoutBox,{width:"100%",column:!0,className:L.classNames(s.default.flowLayout,y),...x,children:[r&&e.jsx("span",{className:s.default.beforeContent,tabIndex:-1,children:r}),e.jsx(o.LayoutBox,{flexWrap:"wrap",gap:"1rem",style:h,width:"100%",...d,children:c.map(({id:m,spanColumn:a,Component:p,layoutProps:w,...f})=>e.jsx(o.LayoutBox,{...n,...w,...a?{style:{width:`calc(${Math.round(a*100)}% - ${a*16}px)`}}:{},children:e.jsx(p,{...f})},m))}),l&&e.jsx("span",{className:s.default.afterContent,tabIndex:-1,children:l})]})});u.displayName="FlowLayout";exports.FlowLayout=u;
 //# sourceMappingURL=FlowLayout.js.map