@e1011/es-kit 1.0.34 → 1.0.38

package/dist/hooks/esm/index.css

@@ -1,8 +1,32 @@
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
+}
+
 .icon-module_icon-base__S0tHf {
   min-width: var(--min-width);
-  min-height: var(--min-width);
-  width: var(--height);
-  height: var(--width);
+  min-height: var(--min-height);
+  width: var(--width);
+  height: var(--height);
+  line-height: var(--height);
   background-color: var(--icon-color);
   color: var(--icon-content-color);
   background-repeat: no-repeat;
@@ -23,25 +47,6 @@
   width: var(--height);
   height: var(--width);
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;

package/dist/hooks/index.css

@@ -1,8 +1,32 @@
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
+}
+
 .icon-module_icon-base__S0tHf {
   min-width: var(--min-width);
-  min-height: var(--min-width);
-  width: var(--height);
-  height: var(--width);
+  min-height: var(--min-height);
+  width: var(--width);
+  height: var(--height);
+  line-height: var(--height);
   background-color: var(--icon-color);
   color: var(--icon-content-color);
   background-repeat: no-repeat;
@@ -23,25 +47,6 @@
   width: var(--height);
   height: var(--width);
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;

package/dist/lib/cjs/index.css

@@ -41,11 +41,16 @@
   height: var(--height);
   margin: var(--margin);
 }
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
+}
+
 .icon-module_icon-base__S0tHf {
   min-width: var(--min-width);
-  min-height: var(--min-width);
-  width: var(--height);
-  height: var(--width);
+  min-height: var(--min-height);
+  width: var(--width);
+  height: var(--height);
+  line-height: var(--height);
   background-color: var(--icon-color);
   color: var(--icon-content-color);
   background-repeat: no-repeat;

package/dist/lib/cjs/src/core/ui/components/container/FBox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("./fbox.module.scss.js"),a=["style","children","className"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},s=function(e){return e&&o[e]||e},l=r.forwardRef((function(o,l){var i=o.style,c=o.children,n=o.className,d=e.objectWithoutProperties(o,a),u=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},i),d),d.align?{alignItems:s(d.align)}:{}),d.justify?{justifyContent:s(d.justify)}:{}),d.direction?{flexDirection:d.direction}:{})}),[d,i]);return React.createElement("div",{ref:l,className:"".concat(t["flexible-box"]," ").concat(n),style:u},c)}));l.displayName="FBoxRefForwarded";var i=r.memo(l);i.displayName="FBox",exports.FBox=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("./fbox.module.scss.js"),a=["style","children","className"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},s=function(e){return e&&o[e]||e},l=r.forwardRef((function(o,l){var i=o.style,c=o.children,n=o.className,d=void 0===n?"":n,u=e.objectWithoutProperties(o,a),f=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},i),u),u.align?{alignItems:s(u.align)}:{}),u.justify?{justifyContent:s(u.justify)}:{}),u.direction?{flexDirection:u.direction}:{})}),[u,i]);return React.createElement("div",{ref:l,className:"".concat(t["flexible-box"]," ").concat(d),style:f},c)}));l.displayName="FBoxRefForwarded";var i=r.memo(l);i.displayName="FBox",exports.FBox=i;
 //# sourceMappingURL=FBox.js.map

package/dist/lib/cjs/src/core/ui/components/container/FBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n  style?: CSSProperties\n  className?: string\n}\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\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n  style, children, className, ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const styles = useMemo(() => (\n    {\n      ...style,\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\n    }\n  ), [props, style])\n\n  return (\n    <div\n      ref={ref}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"iTAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAASJ,EAATI,UAAcC,EAAKC,EAAAC,wBAAAP,EAAAQ,GAE9BC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,EAAAC,cAAA,GAEhBV,GACAG,GACCA,EAAMQ,MAAQ,CAAEC,WAAYlB,EAAiBS,EAAMQ,QAAW,CAAE,GAChER,EAAMU,QAAU,CAAEC,eAAgBpB,EAAiBS,EAAMU,UAAa,CAAE,GACxEV,EAAMY,UAAY,CAAEC,cAAeb,EAAMY,WAAc,CAAE,EAAA,GAE9D,CAACZ,EAAOH,IAEX,OACEiB,MAAAC,cAAA,MAAA,CACEnB,IAAKA,EACLG,UAAS,GAAAiB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIjB,GAClDF,MAAOO,GAENN,EAGP,IAEAL,EAAiByB,YAAc,uBAElBC,EAAOC,EAAIA,KAAY3B,GAGpC0B,EAAKD,YAAc"}
+{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n  style?: CSSProperties\n  className?: string\n}\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\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n  style, children, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const styles = useMemo(() => (\n    {\n      ...style,\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\n    }\n  ), [props, style])\n\n  return (\n    <div\n      ref={ref}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"iTAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAC,wBAAAR,EAAAS,GAEnCC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,EAAAC,cAAA,GAEhBX,GACAI,GACCA,EAAMQ,MAAQ,CAAEC,WAAYnB,EAAiBU,EAAMQ,QAAW,CAAE,GAChER,EAAMU,QAAU,CAAEC,eAAgBrB,EAAiBU,EAAMU,UAAa,CAAE,GACxEV,EAAMY,UAAY,CAAEC,cAAeb,EAAMY,WAAc,CAAE,EAAA,GAE9D,CAACZ,EAAOJ,IAEX,OACEkB,MAAAC,cAAA,MAAA,CACEpB,IAAKA,EACLI,UAAS,GAAAiB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIjB,GAClDH,MAAOQ,GAENP,EAGP,IAEAL,EAAiB0B,YAAc,uBAElBC,EAAOC,EAAIA,KAAY5B,GAGpC2B,EAAKD,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var o=require("react"),r=require("./icon.module.scss.js"),c=o.memo((function(c){var i=c.iconUrl,t=c.minWidth,n=void 0===t?"1rem":t,a=c.minHeight,s=void 0===a?"1rem":a,l=c.size,u=c.width,d=c.height,m=c.color,h=void 0===m?"currentColor":m,p=c.className,v=void 0===p?"":p,j=c.children,b=o.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":n,"--min-height":s,"--width":l||u,"--height":l||d},l?{fontSize:l}:{}),i?{"--icon-url":"url(".concat(i,")")}:{}),i?{"--icon-color":h}:{"--icon-content-color":h})}),[n,s,l,u,d,i,h]);return React.createElement("span",{className:"".concat(r["icon-base"]," icon-base ").concat(v),style:b},!i&&j&&j)}));c.displayName="IconBase",exports.IconBase=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var o=require("react"),r=require("./icon.module.scss.js"),i=o.memo((function(i){var t=i.iconUrl,c=i.minWidth,n=void 0===c?"1rem":c,a=i.minHeight,s=void 0===a?"1rem":a,l=i.size,u=i.fontSize,d=i.width,m=i.height,h=i.color,p=void 0===h?"currentColor":h,v=i.className,j=void 0===v?"":v,b=i.children,f=o.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":Math.min(n,l||d),"--min-height":Math.min(s,l||m),"--width":l||d,"--height":l||m},u?{fontSize:u}:{}),t?{"--icon-url":"url(".concat(t,")")}:{}),t?{"--icon-color":p}:{"--icon-content-color":p})}),[n,s,l,d,m,u,t,p]);return React.createElement("span",{className:"".concat(r["icon-base"]," icon-base ").concat(j),style:f},!t&&b&&b)}));i.displayName="IconBase",exports.IconBase=i;
 //# 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, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\ntype IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', size, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': size || width,\n      '--height': size || height,\n      ...(size ? { fontSize: size } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","objectSpread2","fontSize","concat","React","createElement","classes","style","displayName"],"mappings":"8QAeaA,EAAWC,EAAAA,MAAmB,SAAAC,GAEvB,IADlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAIN,EAAJM,KAAMC,EAAKP,EAALO,MAAOC,EAAMR,EAANQ,OAAMC,EAAAT,EAAEU,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EAAEY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQb,EAARa,SAEvGC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,EAAAC,cAAAD,EAAAC,cAAAD,gBAAA,CAEnB,cAAeb,EACf,eAAgBE,EAChB,UAAWC,GAAQC,EACnB,WAAYD,GAAQE,GAChBF,EAAO,CAAEY,SAAUZ,GAAS,CAAA,GAC5BL,EAAU,CAAE,aAAY,OAAAkB,OAASlB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBS,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACP,EAAUE,EAAWC,EAAMC,EAAOC,EAAQP,EAASS,IAEvD,OACEU,MAAAC,cAAA,OAAA,CACET,UAAS,GAAAO,OAAMG,EAAgB,aAAYH,eAAAA,OAAcP,GACzDW,MAAOT,IAEJb,GAAWY,GAAaA,EAGjC,IAEAf,EAAS0B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\nexport type IconBaseType = PropsWithChildren<any> & {\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\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem',\n  size, fontSize, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': Math.min(minWidth, size || width),\n      '--min-height': Math.min(minHeight, size || height),\n      '--width': size || width,\n      '--height': size || height,\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","fontSize","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","objectSpread2","Math","min","concat","React","createElement","classes","style","displayName"],"mappings":"8QAgBaA,EAAWC,EAAAA,MAAmB,SAAAC,GAGvB,IAFlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAC9CE,EAAIN,EAAJM,KAAMC,EAAQP,EAARO,SAAUC,EAAKR,EAALQ,MAAOC,EAAMT,EAANS,OAAMC,EAAAV,EAAEW,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAZ,EAAEa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQd,EAARc,SAEjEC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,EAAAC,cAAAD,EAAAC,cAAAD,gBAAA,CAEnB,cAAeE,KAAKC,IAAIjB,EAAUG,GAAQE,GAC1C,eAAgBW,KAAKC,IAAIf,EAAWC,GAAQG,GAC5C,UAAWH,GAAQE,EACnB,WAAYF,GAAQG,GAChBF,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAC1BN,EAAU,CAAE,aAAY,OAAAoB,OAASpB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBU,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACR,EAAUE,EAAWC,EAAME,EAAOC,EAAQF,EAAUN,EAASU,IAEjE,OACEW,MAAAC,cAAA,OAAA,CACEV,UAAS,GAAAQ,OAAMG,EAAgB,aAAYH,eAAAA,OAAcR,GACzDY,MAAOV,IAEJd,GAAWa,GAAaA,EAGjC,IAEAhB,EAAS4B,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js");var t,i=require("../../../utils/web-components/coreElements/coreElements.js"),s=require("./icon.module.scss.js"),n=document.createElement("template");n.innerHTML='<span class="icon-base"></span>';var r=i.ced("icon-base")(t=function(t){e.inherits(r,t);var i=e.createSuper(r);function r(){var t;e.classCallCheck(this,r);for(var n=arguments.length,o=new Array(n),c=0;c<n;c++)o[c]=arguments[c];return(t=i.call.apply(i,[this].concat(o))).content=void 0,t.mainElement=void 0,t.iconUrl=void 0,t.minWidth=void 0,t.minHeight=void 0,t.width=void 0,t.height=void 0,t.size=void 0,t.color=void 0,t.render=function(){if(t.mainElement=t.mainElement||t.querySelector(".icon-base"),t.mainElement){t.mainElement.classList.add(s["icon-base"]);var i=e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":t.minWidth||"unset","--min-height":t.minHeight||"unset","--width":t.size||t.width||"unset","--height":t.size||t.height||"unset"},t.size?{"font-size":t.size||"unset"}:{}),t.iconUrl?{"--icon-url":"url(".concat(t.iconUrl,")")}:{}),t.iconUrl?{"--icon-color":t.color}:{"--icon-content-color":t.color});t.mainElement.innerHTML=t.iconUrl?"":t.content||"",t.mainElement.setAttribute("style",Object.entries(i).map((function(t){var i=e.slicedToArray(t,2),s=i[0],n=i[1];return"".concat(s,": ").concat(n,";")})).join(" "))}},t}return e.createClass(r,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=n.innerHTML,this.iconUrl=this.iconUrl||this.getAttribute("iconUrl"),this.minWidth=this.minWidth||this.getAttribute("minWidth"),this.minHeight=this.minHeight||this.getAttribute("minHeight"),this.width=this.width||this.getAttribute("width"),this.height=this.height||this.getAttribute("height"),this.size=this.size||this.getAttribute("size"),this.color=this.color||this.getAttribute("color"),this.className=this.className||this.getAttribute("className"),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){if("className"===e)return this.className=i||"",void(this.className&&(this.classList.remove(this.className),this.classList.add(this.className)));this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","color","className"]}}]),r}(e.wrapNativeSuper(HTMLElement)))||t,o={IconBaseWC:r};exports.IconBaseWC=o,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../../node_modules/core-js/modules/es.number.constructor.js"),require("../../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js");var t,i=require("../../../utils/webComponents/webComponent.utils.js"),n=require("./icon.module.scss.js"),s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';var r=i.ced("icon-base")(t=function(t){e.inherits(o,t);var r=e.createSuper(o);function o(){var t;e.classCallCheck(this,o);for(var i=arguments.length,s=new Array(i),a=0;a<i;a++)s[a]=arguments[a];return(t=r.call.apply(r,[this].concat(s))).content=void 0,t.mainElement=void 0,t.iconUrl=void 0,t.minWidth=void 0,t.minHeight=void 0,t.width=void 0,t.height=void 0,t.size=void 0,t.fontSize=void 0,t.color=void 0,t.render=function(){if(t.mainElement=t.mainElement||t.querySelector(".icon-base"),t.mainElement){t.classList.add(n["icon-base-parent"]),t.mainElement.classList.add(n["icon-base"]);var i=e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":Math.min(Number(t.minWidth),Number(t.size||t.width))||"unset","--min-height":Math.min(Number(t.minHeight),Number(t.size||t.height))||"unset","--width":t.size||t.width||"unset","--height":t.size||t.height||"unset"},t.fontSize?{"font-size":t.fontSize||"unset"}:{}),t.iconUrl?{"--icon-url":"url(".concat(t.iconUrl,")")}:{}),t.iconUrl?{"--icon-color":t.color}:{"--icon-content-color":t.color});t.mainElement.innerHTML=t.iconUrl?"":t.content||"",t.mainElement.setAttribute("style",Object.entries(i).map((function(t){var i=e.slicedToArray(t,2),n=i[0],s=i[1];return"".concat(n,": ").concat(s,";")})).join(" "))}},t}return e.createClass(o,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,o.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){if("className"===e)return this.className=i||"",void(this.className&&(this.classList.remove(this.className),this.classList.add(this.className)));this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),o}(e.wrapNativeSuper(HTMLElement)))||t,o={IconBaseWC:r};exports.IconBaseWC=o,exports.default=r;
 //# 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 } from '../../../utils/web-components/coreElements/coreElements'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\n\n@ced('icon-base')\nexport default class IconBase 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  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    this.iconUrl = this.iconUrl || this.getAttribute('iconUrl')\n    this.minWidth = this.minWidth || this.getAttribute('minWidth')\n    this.minHeight = this.minHeight || this.getAttribute('minHeight')\n    this.width = this.width || this.getAttribute('width')\n    this.height = this.height || this.getAttribute('height')\n    this.size = this.size || this.getAttribute('size')\n    this.color = this.color || this.getAttribute('color')\n    this.className = (this.className || this.getAttribute('className')) as string\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n      return\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || 'unset',\n      '--min-height': this.minHeight || 'unset',\n      '--width': this.size || this.width || 'unset',\n      '--height': this.size || this.height || 'unset',\n      ...(this.size ? { 'font-size': this.size || '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 IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","color","render","querySelector","classList","add","classes","styles","_objectSpread","objectSpread2","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","createClass","getAttribute","className","attrName","oldVal","newVal","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"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"}
+{"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\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 default class IconBase 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() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, IconBase.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n      return\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\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': Math.min(Number(this.minWidth), Number(this.size || this.width)) || 'unset',\n      '--min-height': Math.min(Number(this.minHeight), Number(this.size || this.height)) || 'unset',\n      '--width': this.size || this.width || 'unset',\n      '--height': this.size || this.height || 'unset',\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 IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","objectSpread2","Math","min","Number","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"giBAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAAiC,IAejCC,EADpBC,MAAI,YAAYC,CAAAC,WAAAC,GAAAC,WAAAL,EAAAI,GAAA,IAAAE,EAAAC,cAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,sBAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GA0Ed,OA1EcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAiCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,IAAMC,EAAMC,EAAAA,cAAAA,EAAAC,cAAAD,gBAAA,CACV,cAAeE,KAAKC,IAAIC,OAAOhC,EAAKe,UAAWiB,OAAOhC,EAAKmB,MAAQnB,EAAKiB,SAAW,QACnF,eAAgBa,KAAKC,IAAIC,OAAOhC,EAAKgB,WAAYgB,OAAOhC,EAAKmB,MAAQnB,EAAKkB,UAAY,QACtF,UAAWlB,EAAKmB,MAAQnB,EAAKiB,OAAS,QACtC,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAAU,SACpClB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYoB,aAAa,QAASC,OAAOC,QAAQR,GAAQS,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAA3B,OAAS6B,EAAG7B,MAAAA,OAAK8B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBD1C,CAAA,CAlDA,OAkDA2C,EAAAC,YAAApD,EAAA,CAAA,CAAAgD,IAAA,oBAAAC,MAhDD,WACM/B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAKmC,aAAa,YAGrEnC,KAAKnB,UAAYH,EAASG,UAE1BuD,EAAAA,kBAAkBpC,KAAMlB,EAASuD,oBAEjCrC,KAAKY,QACP,GAAC,CAAAkB,IAAA,2BAAAC,MAED,SAAyBO,EAAkBC,EAAgCC,GACzE,GAAiB,cAAbF,EAMF,OALAtC,KAAKyC,UAAaD,GAAqB,QACnCxC,KAAKyC,YACPzC,KAAKc,UAAU4B,OAAO1C,KAAKyC,WAC3BzC,KAAKc,UAAUC,IAAIf,KAAKyC,aAM5BzC,KAAKsC,GAAYE,EACjBxC,KAAKY,QACP,IAAC,CAAA,CAAAkB,IAAA,qBAAAa,IA7BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAAC7D,CAAA,EAAA8D,kBAvBmCC,gBAAW5D,EAqFpC6D,EAAa,CACxBA,WAAYhE"}

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

@@ -1,2 +1,2 @@
-"use strict";module.exports={"icon-base":"icon-module_icon-base__S0tHf"};
+"use strict";module.exports={"icon-base-parent":"icon-module_icon-base-parent__nOMvW","icon-base":"icon-module_icon-base__S0tHf"};
 //# sourceMappingURL=icon.module.scss.js.map

package/dist/lib/cjs/src/core/utils/webComponents/webComponent.utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../../node_modules/core-js/modules/web.dom-collections.for-each.js");var e=function(e){return function(t){customElements.get(e)||customElements.define(e,t)}},t=e,o=function(e){return function(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2?arguments[2]:void 0,n=e.getAttribute(t),s=void 0!==n;return o&&s&&void 0===e[t]&&(e[t]=r?r(n):n),s}};exports.ced=e,exports.createResolveAttribute=o,exports.customElementDefine=t,exports.resolveAttributes=function(e,t){var r=o(e);t.forEach((function(e){if("string"==typeof e)r(e);else{var t=e.name,o=e.override,n=e.valueMap;r(t,o,n)}}))};
+//# sourceMappingURL=webComponent.utils.js.map

package/dist/lib/cjs/src/core/utils/webComponents/webComponent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webComponent.utils.js","sources":["../../../../../../../src/core/utils/webComponents/webComponent.utils.ts"],"sourcesContent":["/* custom elements define */\nexport const ced = (name: string) => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  const attrValueDefined = attrValue !== undefined\n\n  if (overrideProperty && attrValueDefined && component[attributeName] === undefined) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(attrValue) : attrValue\n  }\n\n  return attrValueDefined\n}\n\nexport const resolveAttributes = (\n  component: Element & Record<string, any>,\n  attributes: ({ name: string; override: boolean; valueMap?: (value: unknown) => unknown } | string)[],\n) => {\n  const resolver = createResolveAttribute(component)\n\n  attributes.forEach((attribute) => {\n    if (typeof attribute === 'string') {\n      resolver(attribute)\n    } else {\n      const { name, override, valueMap } = attribute\n\n      resolver(name, override, valueMap)\n    }\n  })\n}\n"],"names":["ced","name","componentClass","customElements","get","define","customElementDefine","createResolveAttribute","component","attributeName","overrideProperty","arguments","length","undefined","valueMap","attrValue","getAttribute","attrValueDefined","attributes","resolver","forEach","attribute","override"],"mappings":"uOACaA,EAAM,SAACC,GAAY,OAAK,SACnCC,GAEAC,eAAeC,IAAIH,IAASE,eAAeE,OAAOJ,EAAMC,GACzD,EAEYI,EAAsBN,EAItBO,EAAyB,SACpCC,GAAwC,OACrC,SACHC,GAIY,IAFZC,IAAgBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAChBG,EAAsCH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEhCE,EAAYP,EAAUQ,aAAaP,GACnCQ,OAAiCJ,IAAdE,EAOzB,OALIL,GAAoBO,QAAiDJ,IAA7BL,EAAUC,KAEpDD,EAAUC,GAAiBK,EAAWA,EAASC,GAAaA,GAGvDE,EACR,yGAEgC,SAC/BT,EACAU,GAEA,IAAMC,EAAWZ,EAAuBC,GAExCU,EAAWE,SAAQ,SAACC,GAClB,GAAyB,iBAAdA,EACTF,EAASE,OACJ,CACL,IAAQpB,EAA6BoB,EAA7BpB,KAAMqB,EAAuBD,EAAvBC,SAAUR,EAAaO,EAAbP,SAExBK,EAASlB,EAAMqB,EAAUR,EAC3B,CACF,GACF"}

package/dist/lib/cjs/src/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useTranslations.js"),o=require("./core/hooks/useOutsideClick.js"),s=require("./core/hooks/useResize.js"),i=require("./core/utils/helpers/birthnumber.validator.js"),a=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),n=require("./core/utils/helpers/fileValidator.js"),l=require("./core/utils/helpers/date.js"),p=require("./core/utils/helpers/deviceInfo.js"),c=require("./core/utils/helpers/emailMatcher.js"),u=require("./core/utils/helpers/file.js"),x=require("./core/utils/helpers/objectOperations.js"),m=require("./core/utils/helpers/other.js"),d=require("./core/utils/helpers/textValueOperations.js"),g=require("./core/utils/helpers/valueOperations.js"),T=require("./core/utils/keyExtractor.js"),h=require("./core/utils/date.js"),F=require("./core/utils/web-components/coreElements/coreElements.js"),j=require("./core/ui/utils/style.js"),v=require("./core/ui/components/container/FBox.js"),C=require("./core/ui/components/container/Flex.js"),b=require("./core/ui/components/container/Placeholder.js"),f=require("./core/ui/components/container/Container.js"),q=require("./core/ui/components/container/ResizableContainer.js"),S=require("./core/ui/components/field/Field.js"),y=require("./core/ui/components/dividers/DividerLine.js"),I=require("./core/ui/components/icon/IconBase.js"),O=require("./core/ui/components/icon/Icon.js"),D=require("./core/ui/components/icon/IconWC.js"),z=require("./core/constants/ui.constants.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.createSafeT=t.createSafeT,exports.setUseTranslation=t.setUseTranslation,exports.useTranslations=t.useTranslations,exports.useOutsideClick=o.useOutsideClick,exports.useResize=s.useResize,exports.isBirthNumberValid=i.isBirthNumberValid,exports.getMatch=a.getMatch,exports.isValidFormat=a.isValidFormat,exports.isValidModulo11=a.isValidModulo11,exports.parse=a.parse,exports.regex=a.regex,exports.parseCSVdata=n.parseCSVdata,exports.validateCSVFile=n.validateCSVFile,exports.validateCSVlines=n.validateCSVlines,exports.validateJSONFile=n.validateJSONFile,exports.validateLineCellTrimmed=n.validateLineCellTrimmed,exports.validateLineNumColumns=n.validateLineNumColumns,exports.validateSDFFile=n.validateSDFFile,exports.DATE_FORMAT=l.DATE_FORMAT,exports.formatDateToTimestamp=l.formatDateToTimestamp,exports.getDate=l.getDate,exports.getDeviceId=p.getDeviceId,exports.emailMatch=c.emailMatch,exports.emailMatcher=c.emailMatcher,exports.regexBuilder=c.regexBuilder,exports.cleanCsvLines=u.cleanCsvLines,exports.formatFilePath=u.formatFilePath,exports.arrayToObjectTree=x.arrayToObjectTree,exports.chunkArray=x.chunkArray,exports.duplicatesInArray=x.duplicatesInArray,exports.formatJsonString=x.formatJsonString,exports.formatObj=x.formatObj,exports.debounce=m.debounce,exports.delay=m.delay,exports.memoize=m.memoize,exports.memoizeComplex=m.memoizeComplex,exports.memoizer=m.memoizer,exports.nestedTernary=m.nestedTernary,exports.escapeRegExp=d.escapeRegExp,exports.fileNameExt=d.fileNameExt,exports.findStringInText=d.findStringInText,exports.normalizeString=d.normalizeString,exports.removeWhitespaces=d.removeWhitespaces,exports.sanitizeId=d.sanitizeId,exports.sanitizePathId=d.sanitizePathId,exports.toLowerCase=d.toLowerCase,exports.toUpperCase=d.toUpperCase,exports.truncateText=d.truncateText,Object.defineProperty(exports,"Operation",{enumerable:!0,get:function(){return g.Operation}}),exports.decrementValue=g.decrementValue,exports.incerementValue=g.incerementValue,exports.numberDefined=g.numberDefined,exports.numberOperation=g.numberOperation,exports.restrictNumberInLimits=g.restrictNumberInLimits,exports.setValue=g.setValue,exports.keyExtractor=T.keyExtractor,exports.keyExtractorFunction=T.keyExtractorFunction,exports.dateRangeFormat=h.dateRangeFormat,exports.getDateTime=h.getDateTime,exports.getTimeFromNow=h.getTimeFromNow,exports.getTimeFromNowOriginal=h.getTimeFromNowOriginal,exports.getTimeTo=h.getTimeTo,exports.ced=F.ced,exports.createResolveAttribute=F.createResolveAttribute,exports.customElementDefine=F.customElementDefine,exports.stringArrayParser=F.stringArrayParser,exports.stringObjectParser=F.stringObjectParser,exports.calculateColors=j.calculateColors,exports.calculatePercColor=j.calculatePercColor,exports.convertHex=j.convertHex,exports.convertRGB=j.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return j.defaultFontSize}}),exports.pxToRem=j.pxToRem,exports.resolveStyleValue=j.resolveStyleValue,exports.setDefaultFontSize=j.setDefaultFontSize,exports.toHex=j.toHex,exports.FBox=v.FBox,exports.Flex=C.Flex,exports.FlexTight=C.FlexTight,exports.FlexTightStyled=C.FlexTightStyled,exports.FlexWrapper=C.FlexWrapper,exports.Placeholder=b.Placeholder,exports.Container=f.Container,exports.ResizableContainer=q.ResizableContainer,exports.Field=S.Field,exports.FieldWrapper=S.FieldWrapper,exports.Select=S.Select,exports.setIconColor=S.setIconColor,exports.setIconComponent=S.setIconComponent,exports.DividerHorizontal=y.DividerHorizontal,exports.DividerLine=y.DividerLine,exports.DividerVertical=y.DividerVertical,exports.IconBase=I.IconBase,exports.Icon=O.Icon,exports.IconBaseWC=D.IconBaseWC,Object.defineProperty(exports,"EventName",{enumerable:!0,get:function(){return z.EventName}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core/hooks/useApi.js"),r=require("./core/hooks/useToggle.js"),t=require("./core/hooks/useTranslations.js"),o=require("./core/hooks/useOutsideClick.js"),s=require("./core/hooks/useResize.js"),i=require("./core/utils/helpers/birthnumber.validator.js"),a=require("./core/utils/helpers/birthnumberCZSKvalidator.js"),n=require("./core/utils/helpers/fileValidator.js"),l=require("./core/utils/helpers/date.js"),p=require("./core/utils/helpers/deviceInfo.js"),c=require("./core/utils/helpers/emailMatcher.js"),u=require("./core/utils/helpers/file.js"),x=require("./core/utils/helpers/objectOperations.js"),m=require("./core/utils/helpers/other.js"),d=require("./core/utils/helpers/textValueOperations.js"),T=require("./core/utils/helpers/valueOperations.js"),v=require("./core/utils/keyExtractor.js"),g=require("./core/utils/date.js"),h=require("./core/utils/webComponents/webComponent.utils.js"),F=require("./core/ui/utils/style.js"),C=require("./core/ui/components/container/FBox.js"),j=require("./core/ui/components/container/Flex.js"),b=require("./core/ui/components/container/Placeholder.js"),f=require("./core/ui/components/container/Container.js"),q=require("./core/ui/components/container/ResizableContainer.js"),S=require("./core/ui/components/field/Field.js"),I=require("./core/ui/components/dividers/DividerLine.js"),D=require("./core/ui/components/icon/IconBase.js"),y=require("./core/ui/components/icon/Icon.js"),z=require("./core/ui/components/icon/IconWC.js"),O=require("./core/constants/ui.constants.js");exports.useApi=e.useApi,exports.useToggle=r.useToggle,exports.createSafeT=t.createSafeT,exports.setUseTranslation=t.setUseTranslation,exports.useTranslations=t.useTranslations,exports.useOutsideClick=o.useOutsideClick,exports.useResize=s.useResize,exports.isBirthNumberValid=i.isBirthNumberValid,exports.getMatch=a.getMatch,exports.isValidFormat=a.isValidFormat,exports.isValidModulo11=a.isValidModulo11,exports.parse=a.parse,exports.regex=a.regex,exports.parseCSVdata=n.parseCSVdata,exports.validateCSVFile=n.validateCSVFile,exports.validateCSVlines=n.validateCSVlines,exports.validateJSONFile=n.validateJSONFile,exports.validateLineCellTrimmed=n.validateLineCellTrimmed,exports.validateLineNumColumns=n.validateLineNumColumns,exports.validateSDFFile=n.validateSDFFile,exports.DATE_FORMAT=l.DATE_FORMAT,exports.formatDateToTimestamp=l.formatDateToTimestamp,exports.getDate=l.getDate,exports.getDeviceId=p.getDeviceId,exports.emailMatch=c.emailMatch,exports.emailMatcher=c.emailMatcher,exports.regexBuilder=c.regexBuilder,exports.cleanCsvLines=u.cleanCsvLines,exports.formatFilePath=u.formatFilePath,exports.arrayToObjectTree=x.arrayToObjectTree,exports.chunkArray=x.chunkArray,exports.duplicatesInArray=x.duplicatesInArray,exports.formatJsonString=x.formatJsonString,exports.formatObj=x.formatObj,exports.debounce=m.debounce,exports.delay=m.delay,exports.memoize=m.memoize,exports.memoizeComplex=m.memoizeComplex,exports.memoizer=m.memoizer,exports.nestedTernary=m.nestedTernary,exports.escapeRegExp=d.escapeRegExp,exports.fileNameExt=d.fileNameExt,exports.findStringInText=d.findStringInText,exports.normalizeString=d.normalizeString,exports.removeWhitespaces=d.removeWhitespaces,exports.sanitizeId=d.sanitizeId,exports.sanitizePathId=d.sanitizePathId,exports.toLowerCase=d.toLowerCase,exports.toUpperCase=d.toUpperCase,exports.truncateText=d.truncateText,Object.defineProperty(exports,"Operation",{enumerable:!0,get:function(){return T.Operation}}),exports.decrementValue=T.decrementValue,exports.incerementValue=T.incerementValue,exports.numberDefined=T.numberDefined,exports.numberOperation=T.numberOperation,exports.restrictNumberInLimits=T.restrictNumberInLimits,exports.setValue=T.setValue,exports.keyExtractor=v.keyExtractor,exports.keyExtractorFunction=v.keyExtractorFunction,exports.dateRangeFormat=g.dateRangeFormat,exports.getDateTime=g.getDateTime,exports.getTimeFromNow=g.getTimeFromNow,exports.getTimeFromNowOriginal=g.getTimeFromNowOriginal,exports.getTimeTo=g.getTimeTo,exports.ced=h.ced,exports.createResolveAttribute=h.createResolveAttribute,exports.customElementDefine=h.customElementDefine,exports.resolveAttributes=h.resolveAttributes,exports.calculateColors=F.calculateColors,exports.calculatePercColor=F.calculatePercColor,exports.convertHex=F.convertHex,exports.convertRGB=F.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return F.defaultFontSize}}),exports.pxToRem=F.pxToRem,exports.resolveStyleValue=F.resolveStyleValue,exports.setDefaultFontSize=F.setDefaultFontSize,exports.toHex=F.toHex,exports.FBox=C.FBox,exports.Flex=j.Flex,exports.FlexTight=j.FlexTight,exports.FlexTightStyled=j.FlexTightStyled,exports.FlexWrapper=j.FlexWrapper,exports.Placeholder=b.Placeholder,exports.Container=f.Container,exports.ResizableContainer=q.ResizableContainer,exports.Field=S.Field,exports.FieldWrapper=S.FieldWrapper,exports.Select=S.Select,exports.setIconColor=S.setIconColor,exports.setIconComponent=S.setIconComponent,exports.DividerHorizontal=I.DividerHorizontal,exports.DividerLine=I.DividerLine,exports.DividerVertical=I.DividerVertical,exports.IconBase=D.IconBase,exports.Icon=y.Icon,exports.IconBaseWC=z.IconBaseWC,Object.defineProperty(exports,"EventName",{enumerable:!0,get:function(){return O.EventName}});
 //# sourceMappingURL=index.js.map

package/dist/lib/esm/index.css

@@ -41,11 +41,16 @@
   height: var(--height);
   margin: var(--margin);
 }
+.icon-module_icon-base-parent__nOMvW {
+  line-height: 1px !important;
+}
+
 .icon-module_icon-base__S0tHf {
   min-width: var(--min-width);
-  min-height: var(--min-width);
-  width: var(--height);
-  height: var(--width);
+  min-height: var(--min-height);
+  width: var(--width);
+  height: var(--height);
+  line-height: var(--height);
   background-color: var(--icon-color);
   color: var(--icon-content-color);
   background-repeat: no-repeat;

package/dist/lib/esm/src/core/ui/components/container/FBox.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as r,forwardRef as a,useMemo as o}from"react";import s from"./fbox.module.scss.js";var l=["style","children","className"],i={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=function(e){return e&&i[e]||e},c=a((function(r,a){var i=r.style,c=r.children,f=r.className,d=e(r,l),m=o((function(){return t(t(t(t(t({},i),d),d.align?{alignItems:n(d.align)}:{}),d.justify?{justifyContent:n(d.justify)}:{}),d.direction?{flexDirection:d.direction}:{})}),[d,i]);return React.createElement("div",{ref:a,className:"".concat(s["flexible-box"]," ").concat(f),style:m},c)}));c.displayName="FBoxRefForwarded";var f=r(c);f.displayName="FBox";export{f as FBox};
+import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as r,forwardRef as a,useMemo as o}from"react";import s from"./fbox.module.scss.js";var l=["style","children","className"],i={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=function(e){return e&&i[e]||e},c=a((function(r,a){var i=r.style,c=r.children,f=r.className,d=void 0===f?"":f,m=e(r,l),u=o((function(){return t(t(t(t(t({},i),m),m.align?{alignItems:n(m.align)}:{}),m.justify?{justifyContent:n(m.justify)}:{}),m.direction?{flexDirection:m.direction}:{})}),[m,i]);return React.createElement("div",{ref:a,className:"".concat(s["flexible-box"]," ").concat(d),style:u},c)}));c.displayName="FBoxRefForwarded";var f=r(c);f.displayName="FBox";export{f as FBox};
 //# sourceMappingURL=FBox.js.map

package/dist/lib/esm/src/core/ui/components/container/FBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n  style?: CSSProperties\n  className?: string\n}\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\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n  style, children, className, ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const styles = useMemo(() => (\n    {\n      ...style,\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\n    }\n  ), [props, style])\n\n  return (\n    <div\n      ref={ref}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","className","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"+TAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,GAAW,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAASJ,EAATI,UAAcC,EAAKC,EAAAN,EAAAO,GAE9BC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,GAEhBR,GACAG,GACCA,EAAMM,MAAQ,CAAEC,WAAYhB,EAAiBS,EAAMM,QAAW,CAAE,GAChEN,EAAMQ,QAAU,CAAEC,eAAgBlB,EAAiBS,EAAMQ,UAAa,CAAE,GACxER,EAAMU,UAAY,CAAEC,cAAeX,EAAMU,WAAc,CAAE,EAAA,GAE9D,CAACV,EAAOH,IAEX,OACEe,MAAAC,cAAA,MAAA,CACEjB,IAAKA,EACLG,UAAS,GAAAe,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIf,GAClDF,MAAOM,GAENL,EAGP,IAEAL,EAAiBuB,YAAc,uBAElBC,EAAOC,EAAgBzB,GAGpCwB,EAAKD,YAAc"}
+{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n  style?: CSSProperties\n  className?: string\n}\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\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n  style, children, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const styles = useMemo(() => (\n    {\n      ...style,\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\n    }\n  ), [props, style])\n\n  return (\n    <div\n      ref={ref}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n    >\n      {children}\n    </div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","_ref$className","className","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"+TAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,GAAW,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAP,EAAAQ,GAEnCC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,GAEhBT,GACAI,GACCA,EAAMM,MAAQ,CAAEC,WAAYjB,EAAiBU,EAAMM,QAAW,CAAE,GAChEN,EAAMQ,QAAU,CAAEC,eAAgBnB,EAAiBU,EAAMQ,UAAa,CAAE,GACxER,EAAMU,UAAY,CAAEC,cAAeX,EAAMU,WAAc,CAAE,EAAA,GAE9D,CAACV,EAAOJ,IAEX,OACEgB,MAAAC,cAAA,MAAA,CACElB,IAAKA,EACLI,UAAS,GAAAe,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIf,GAClDH,MAAOO,GAENN,EAGP,IAEAL,EAAiBwB,YAAc,uBAElBC,EAAOC,EAAgB1B,GAGpCyB,EAAKD,YAAc"}

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

@@ -1,2 +1,2 @@
-import{objectSpread2 as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as e,useMemo as i}from"react";import r from"./icon.module.scss.js";var c=e((function(e){var c=e.iconUrl,t=e.minWidth,n=void 0===t?"1rem":t,a=e.minHeight,s=void 0===a?"1rem":a,l=e.size,m=e.width,d=e.height,u=e.color,h=void 0===u?"currentColor":u,p=e.className,v=void 0===p?"":p,f=e.children,g=i((function(){return o(o(o({"--min-width":n,"--min-height":s,"--width":l||m,"--height":l||d},l?{fontSize:l}:{}),c?{"--icon-url":"url(".concat(c,")")}:{}),c?{"--icon-color":h}:{"--icon-content-color":h})}),[n,s,l,m,d,c,h]);return React.createElement("span",{className:"".concat(r["icon-base"]," icon-base ").concat(v),style:g},!c&&f&&f)}));c.displayName="IconBase";export{c as IconBase};
+import{objectSpread2 as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as e,useMemo as i}from"react";import r from"./icon.module.scss.js";var t=e((function(e){var t=e.iconUrl,n=e.minWidth,c=void 0===n?"1rem":n,a=e.minHeight,s=void 0===a?"1rem":a,l=e.size,m=e.fontSize,d=e.width,h=e.height,u=e.color,p=void 0===u?"currentColor":u,f=e.className,v=void 0===f?"":f,g=e.children,j=i((function(){return o(o(o({"--min-width":Math.min(c,l||d),"--min-height":Math.min(s,l||h),"--width":l||d,"--height":l||h},m?{fontSize:m}:{}),t?{"--icon-url":"url(".concat(t,")")}:{}),t?{"--icon-color":p}:{"--icon-content-color":p})}),[c,s,l,d,h,m,t,p]);return React.createElement("span",{className:"".concat(r["icon-base"]," icon-base ").concat(v),style:j},!t&&g&&g)}));t.displayName="IconBase";export{t as IconBase};
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/esm/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, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\ntype IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', size, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': size || width,\n      '--height': size || height,\n      ...(size ? { fontSize: size } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","fontSize","concat","React","createElement","classes","style","displayName"],"mappings":"+OAeaA,EAAWC,GAAmB,SAAAC,GAEvB,IADlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAIN,EAAJM,KAAMC,EAAKP,EAALO,MAAOC,EAAMR,EAANQ,OAAMC,EAAAT,EAAEU,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EAAEY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQb,EAARa,SAEvGC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAA,CAEnB,cAAeb,EACf,eAAgBE,EAChB,UAAWC,GAAQC,EACnB,WAAYD,GAAQE,GAChBF,EAAO,CAAEW,SAAUX,GAAS,CAAA,GAC5BL,EAAU,CAAE,aAAY,OAAAiB,OAASjB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBS,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACP,EAAUE,EAAWC,EAAMC,EAAOC,EAAQP,EAASS,IAEvD,OACES,MAAAC,cAAA,OAAA,CACER,UAAS,GAAAM,OAAMG,EAAgB,aAAYH,eAAAA,OAAcN,GACzDU,MAAOR,IAEJb,GAAWY,GAAaA,EAGjC,IAEAf,EAASyB,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\nexport type IconBaseType = PropsWithChildren<any> & {\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\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem',\n  size, fontSize, width, height, color = 'currentColor', className = '', children,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': Math.min(minWidth, size || width),\n      '--min-height': Math.min(minHeight, size || height),\n      '--width': size || width,\n      '--height': size || height,\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n    }\n  ), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color])\n\n  return (\n    <span\n      className={`${(classes as any)['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","size","fontSize","width","height","_ref$color","color","_ref$className","className","children","styles","useMemo","_objectSpread","Math","min","concat","React","createElement","classes","style","displayName"],"mappings":"+OAgBaA,EAAWC,GAAmB,SAAAC,GAGvB,IAFlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAC9CE,EAAIN,EAAJM,KAAMC,EAAQP,EAARO,SAAUC,EAAKR,EAALQ,MAAOC,EAAMT,EAANS,OAAMC,EAAAV,EAAEW,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAAE,EAAAZ,EAAEa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAEE,EAAQd,EAARc,SAEjEC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAA,CAEnB,cAAeC,KAAKC,IAAIhB,EAAUG,GAAQE,GAC1C,eAAgBU,KAAKC,IAAId,EAAWC,GAAQG,GAC5C,UAAWH,GAAQE,EACnB,WAAYF,GAAQG,GAChBF,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAC1BN,EAAU,CAAE,aAAY,OAAAmB,OAASnB,EAAO,MAAQ,CAAA,GAChDA,EAAU,CAAE,eAAgBU,GAAU,CAAE,uBAAwBA,GAAO,GAE5E,CAACR,EAAUE,EAAWC,EAAME,EAAOC,EAAQF,EAAUN,EAASU,IAEjE,OACEU,MAAAC,cAAA,OAAA,CACET,UAAS,GAAAO,OAAMG,EAAgB,aAAYH,eAAAA,OAAcP,GACzDW,MAAOT,IAEJd,GAAWa,GAAaA,EAGjC,IAEAhB,EAAS2B,YAAc"}

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

@@ -1,2 +1,2 @@
-import{inherits as t,createSuper as e,createClass as i,classCallCheck as s,objectSpread2 as n,slicedToArray as o,wrapNativeSuper as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import"../../../../../node_modules/core-js/modules/es.array.map.js";import"../../../../../node_modules/core-js/modules/es.object.entries.js";import{ced as a}from"../../../utils/web-components/coreElements/coreElements.js";import c from"./icon.module.scss.js";var h,l=document.createElement("template");l.innerHTML='<span class="icon-base"></span>';var m=a("icon-base")(h=function(r){t(h,r);var a=e(h);function h(){var t;s(this,h);for(var e=arguments.length,i=new Array(e),r=0;r<e;r++)i[r]=arguments[r];return(t=a.call.apply(a,[this].concat(i))).content=void 0,t.mainElement=void 0,t.iconUrl=void 0,t.minWidth=void 0,t.minHeight=void 0,t.width=void 0,t.height=void 0,t.size=void 0,t.color=void 0,t.render=function(){if(t.mainElement=t.mainElement||t.querySelector(".icon-base"),t.mainElement){t.mainElement.classList.add(c["icon-base"]);var e=n(n(n({"--min-width":t.minWidth||"unset","--min-height":t.minHeight||"unset","--width":t.size||t.width||"unset","--height":t.size||t.height||"unset"},t.size?{"font-size":t.size||"unset"}:{}),t.iconUrl?{"--icon-url":"url(".concat(t.iconUrl,")")}:{}),t.iconUrl?{"--icon-color":t.color}:{"--icon-content-color":t.color});t.mainElement.innerHTML=t.iconUrl?"":t.content||"",t.mainElement.setAttribute("style",Object.entries(e).map((function(t){var e=o(t,2),i=e[0],s=e[1];return"".concat(i,": ").concat(s,";")})).join(" "))}},t}return i(h,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=l.innerHTML,this.iconUrl=this.iconUrl||this.getAttribute("iconUrl"),this.minWidth=this.minWidth||this.getAttribute("minWidth"),this.minHeight=this.minHeight||this.getAttribute("minHeight"),this.width=this.width||this.getAttribute("width"),this.height=this.height||this.getAttribute("height"),this.size=this.size||this.getAttribute("size"),this.color=this.color||this.getAttribute("color"),this.className=this.className||this.getAttribute("className"),this.render()}},{key:"attributeChangedCallback",value:function(t,e,i){if("className"===t)return this.className=i||"",void(this.className&&(this.classList.remove(this.className),this.classList.add(this.className)));this[t]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","color","className"]}}]),h}(r(HTMLElement)))||h,u={IconBaseWC:m};export{u as IconBaseWC,m as default};
+import{inherits as e,createSuper as t,createClass as i,classCallCheck as n,objectSpread2 as s,slicedToArray as o,wrapNativeSuper as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import"../../../../../node_modules/core-js/modules/es.number.constructor.js";import"../../../../../node_modules/core-js/modules/es.array.map.js";import"../../../../../node_modules/core-js/modules/es.object.entries.js";import{ced as a,resolveAttributes as c}from"../../../utils/webComponents/webComponent.utils.js";import l from"./icon.module.scss.js";var m,u=document.createElement("template");u.innerHTML='<span class="icon-base"></span>';var d=a("icon-base")(m=function(r){e(m,r);var a=t(m);function m(){var e;n(this,m);for(var t=arguments.length,i=new Array(t),r=0;r<t;r++)i[r]=arguments[r];return(e=a.call.apply(a,[this].concat(i))).content=void 0,e.mainElement=void 0,e.iconUrl=void 0,e.minWidth=void 0,e.minHeight=void 0,e.width=void 0,e.height=void 0,e.size=void 0,e.fontSize=void 0,e.color=void 0,e.render=function(){if(e.mainElement=e.mainElement||e.querySelector(".icon-base"),e.mainElement){e.classList.add(l["icon-base-parent"]),e.mainElement.classList.add(l["icon-base"]);var t=s(s(s({"--min-width":Math.min(Number(e.minWidth),Number(e.size||e.width))||"unset","--min-height":Math.min(Number(e.minHeight),Number(e.size||e.height))||"unset","--width":e.size||e.width||"unset","--height":e.size||e.height||"unset"},e.fontSize?{"font-size":e.fontSize||"unset"}:{}),e.iconUrl?{"--icon-url":"url(".concat(e.iconUrl,")")}:{}),e.iconUrl?{"--icon-color":e.color}:{"--icon-content-color":e.color});e.mainElement.innerHTML=e.iconUrl?"":e.content||"",e.mainElement.setAttribute("style",Object.entries(t).map((function(e){var t=o(e,2),i=t[0],n=t[1];return"".concat(i,": ").concat(n,";")})).join(" "))}},e}return i(m,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=u.innerHTML,c(this,m.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){if("className"===e)return this.className=i||"",void(this.className&&(this.classList.remove(this.className),this.classList.add(this.className)));this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),m}(r(HTMLElement)))||m,h={IconBaseWC:d};export{h as IconBaseWC,d as default};
 //# sourceMappingURL=IconWC.js.map

package/dist/lib/esm/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 } from '../../../utils/web-components/coreElements/coreElements'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\n\n@ced('icon-base')\nexport default class IconBase 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  color?: string | null\n\n  static get observedAttributes() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    this.iconUrl = this.iconUrl || this.getAttribute('iconUrl')\n    this.minWidth = this.minWidth || this.getAttribute('minWidth')\n    this.minHeight = this.minHeight || this.getAttribute('minHeight')\n    this.width = this.width || this.getAttribute('width')\n    this.height = this.height || this.getAttribute('height')\n    this.size = this.size || this.getAttribute('size')\n    this.color = this.color || this.getAttribute('color')\n    this.className = (this.className || this.getAttribute('className')) as string\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n      return\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || 'unset',\n      '--min-height': this.minHeight || 'unset',\n      '--width': this.size || this.width || 'unset',\n      '--height': this.size || this.height || 'unset',\n      ...(this.size ? { 'font-size': this.size || '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 IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","color","render","querySelector","classList","add","classes","styles","_objectSpread","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","getAttribute","className","attrName","oldVal","newVal","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"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"}
+{"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\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 default class IconBase 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() {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback() {\n    if (this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, IconBase.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n    if (attrName === 'className') {\n      this.className = (newVal as string) || ''\n      if (this.className) {\n        this.classList.remove(this.className)\n        this.classList.add(this.className)\n      }\n      return\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = newVal\n    this.render()\n  }\n\n  render = () => {\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': Math.min(Number(this.minWidth), Number(this.size || this.width)) || 'unset',\n      '--min-height': Math.min(Number(this.minHeight), Number(this.size || this.height)) || 'unset',\n      '--width': this.size || this.width || 'unset',\n      '--height': this.size || this.height || 'unset',\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 IconBaseWC = {\n  IconBaseWC: IconBase,\n}\n"],"names":["template","document","createElement","innerHTML","IconBase","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","Math","min","Number","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconBaseWC"],"mappings":"6mBAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAAiC,IAejCC,EADpBC,EAAI,YAAYC,CAAAC,WAAAC,GAAAC,EAAAL,EAAAI,GAAA,IAAAE,EAAAC,EAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,OAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GA0Ed,OA1EcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAiCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,IAAMC,EAAMC,EAAAA,EAAAA,EAAA,CACV,cAAeC,KAAKC,IAAIC,OAAO/B,EAAKe,UAAWgB,OAAO/B,EAAKmB,MAAQnB,EAAKiB,SAAW,QACnF,eAAgBY,KAAKC,IAAIC,OAAO/B,EAAKgB,WAAYe,OAAO/B,EAAKmB,MAAQnB,EAAKkB,UAAY,QACtF,UAAWlB,EAAKmB,MAAQnB,EAAKiB,OAAS,QACtC,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAAU,SACpClB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYmB,aAAa,QAASC,OAAOC,QAAQP,GAAQQ,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAA1B,OAAS4B,EAAG5B,MAAAA,OAAK6B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBDzC,CAAA,CAlDA,OAkDA0C,EAAAlD,EAAA,CAAA,CAAA+C,IAAA,oBAAAC,MAhDD,WACM9B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAKiC,aAAa,YAGrEjC,KAAKnB,UAAYH,EAASG,UAE1BqD,EAAkBlC,KAAMlB,EAASqD,oBAEjCnC,KAAKY,QACP,GAAC,CAAAiB,IAAA,2BAAAC,MAED,SAAyBM,EAAkBC,EAAgCC,GACzE,GAAiB,cAAbF,EAMF,OALApC,KAAKuC,UAAaD,GAAqB,QACnCtC,KAAKuC,YACPvC,KAAKc,UAAU0B,OAAOxC,KAAKuC,WAC3BvC,KAAKc,UAAUC,IAAIf,KAAKuC,aAM5BvC,KAAKoC,GAAYE,EACjBtC,KAAKY,QACP,IAAC,CAAA,CAAAiB,IAAA,qBAAAY,IA7BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAAC3D,CAAA,EAAA4D,EAvBmCC,gBAAW1D,EAqFpC2D,EAAa,CACxBA,WAAY9D"}

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

@@ -1,2 +1,2 @@
-var a={"icon-base":"icon-module_icon-base__S0tHf"};export{a as default};
+var e={"icon-base-parent":"icon-module_icon-base-parent__nOMvW","icon-base":"icon-module_icon-base__S0tHf"};export{e as default};
 //# sourceMappingURL=icon.module.scss.js.map

package/dist/lib/esm/src/core/utils/webComponents/webComponent.utils.js

@@ -0,0 +1,2 @@
+import"../../../../node_modules/core-js/modules/es.object.to-string.js";import"../../../../node_modules/core-js/modules/web.dom-collections.for-each.js";var e=function(e){return function(o){customElements.get(e)||customElements.define(e,o)}},o=e,t=function(e){return function(o){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2?arguments[2]:void 0,r=e.getAttribute(o),i=void 0!==r;return t&&i&&void 0===e[o]&&(e[o]=n?n(r):r),i}},n=function(e,o){var n=t(e);o.forEach((function(e){if("string"==typeof e)n(e);else{var o=e.name,t=e.override,r=e.valueMap;n(o,t,r)}}))};export{e as ced,t as createResolveAttribute,o as customElementDefine,n as resolveAttributes};
+//# sourceMappingURL=webComponent.utils.js.map

package/dist/lib/esm/src/core/utils/webComponents/webComponent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webComponent.utils.js","sources":["../../../../../../../src/core/utils/webComponents/webComponent.utils.ts"],"sourcesContent":["/* custom elements define */\nexport const ced = (name: string) => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  const attrValueDefined = attrValue !== undefined\n\n  if (overrideProperty && attrValueDefined && component[attributeName] === undefined) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(attrValue) : attrValue\n  }\n\n  return attrValueDefined\n}\n\nexport const resolveAttributes = (\n  component: Element & Record<string, any>,\n  attributes: ({ name: string; override: boolean; valueMap?: (value: unknown) => unknown } | string)[],\n) => {\n  const resolver = createResolveAttribute(component)\n\n  attributes.forEach((attribute) => {\n    if (typeof attribute === 'string') {\n      resolver(attribute)\n    } else {\n      const { name, override, valueMap } = attribute\n\n      resolver(name, override, valueMap)\n    }\n  })\n}\n"],"names":["ced","name","componentClass","customElements","get","define","customElementDefine","createResolveAttribute","component","attributeName","overrideProperty","arguments","length","undefined","valueMap","attrValue","getAttribute","attrValueDefined","resolveAttributes","attributes","resolver","forEach","attribute","override"],"mappings":"6JACaA,EAAM,SAACC,GAAY,OAAK,SACnCC,GAEAC,eAAeC,IAAIH,IAASE,eAAeE,OAAOJ,EAAMC,GACzD,EAEYI,EAAsBN,EAItBO,EAAyB,SACpCC,GAAwC,OACrC,SACHC,GAIY,IAFZC,IAAgBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAChBG,EAAsCH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEhCE,EAAYP,EAAUQ,aAAaP,GACnCQ,OAAiCJ,IAAdE,EAOzB,OALIL,GAAoBO,QAAiDJ,IAA7BL,EAAUC,KAEpDD,EAAUC,GAAiBK,EAAWA,EAASC,GAAaA,GAGvDE,EACR,EAEYC,EAAoB,SAC/BV,EACAW,GAEA,IAAMC,EAAWb,EAAuBC,GAExCW,EAAWE,SAAQ,SAACC,GAClB,GAAyB,iBAAdA,EACTF,EAASE,OACJ,CACL,IAAQrB,EAA6BqB,EAA7BrB,KAAMsB,EAAuBD,EAAvBC,SAAUT,EAAaQ,EAAbR,SAExBM,EAASnB,EAAMsB,EAAUT,EAC3B,CACF,GACF"}

package/dist/lib/esm/src/index.js

@@ -1,2 +1,2 @@
-export{useApi}from"./core/hooks/useApi.js";export{useToggle}from"./core/hooks/useToggle.js";export{createSafeT,setUseTranslation,useTranslations}from"./core/hooks/useTranslations.js";export{useOutsideClick}from"./core/hooks/useOutsideClick.js";export{useResize}from"./core/hooks/useResize.js";export{isBirthNumberValid}from"./core/utils/helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./core/utils/helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./core/utils/helpers/fileValidator.js";export{DATE_FORMAT,formatDateToTimestamp,getDate}from"./core/utils/helpers/date.js";export{getDeviceId}from"./core/utils/helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./core/utils/helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./core/utils/helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj}from"./core/utils/helpers/objectOperations.js";export{debounce,delay,memoize,memoizeComplex,memoizer,nestedTernary}from"./core/utils/helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./core/utils/helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./core/utils/helpers/valueOperations.js";export{keyExtractor,keyExtractorFunction}from"./core/utils/keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./core/utils/date.js";export{ced,createResolveAttribute,customElementDefine,stringArrayParser,stringObjectParser}from"./core/utils/web-components/coreElements/coreElements.js";export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./core/ui/utils/style.js";export{FBox}from"./core/ui/components/container/FBox.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./core/ui/components/container/Flex.js";export{Placeholder}from"./core/ui/components/container/Placeholder.js";export{Container}from"./core/ui/components/container/Container.js";export{ResizableContainer}from"./core/ui/components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./core/ui/components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./core/ui/components/dividers/DividerLine.js";export{IconBase}from"./core/ui/components/icon/IconBase.js";export{Icon}from"./core/ui/components/icon/Icon.js";export{IconBaseWC}from"./core/ui/components/icon/IconWC.js";export{EventName}from"./core/constants/ui.constants.js";
+export{useApi}from"./core/hooks/useApi.js";export{useToggle}from"./core/hooks/useToggle.js";export{createSafeT,setUseTranslation,useTranslations}from"./core/hooks/useTranslations.js";export{useOutsideClick}from"./core/hooks/useOutsideClick.js";export{useResize}from"./core/hooks/useResize.js";export{isBirthNumberValid}from"./core/utils/helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./core/utils/helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./core/utils/helpers/fileValidator.js";export{DATE_FORMAT,formatDateToTimestamp,getDate}from"./core/utils/helpers/date.js";export{getDeviceId}from"./core/utils/helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./core/utils/helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./core/utils/helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj}from"./core/utils/helpers/objectOperations.js";export{debounce,delay,memoize,memoizeComplex,memoizer,nestedTernary}from"./core/utils/helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./core/utils/helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./core/utils/helpers/valueOperations.js";export{keyExtractor,keyExtractorFunction}from"./core/utils/keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./core/utils/date.js";export{ced,createResolveAttribute,customElementDefine,resolveAttributes}from"./core/utils/webComponents/webComponent.utils.js";export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./core/ui/utils/style.js";export{FBox}from"./core/ui/components/container/FBox.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./core/ui/components/container/Flex.js";export{Placeholder}from"./core/ui/components/container/Placeholder.js";export{Container}from"./core/ui/components/container/Container.js";export{ResizableContainer}from"./core/ui/components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./core/ui/components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./core/ui/components/dividers/DividerLine.js";export{IconBase}from"./core/ui/components/icon/IconBase.js";export{Icon}from"./core/ui/components/icon/Icon.js";export{IconBaseWC}from"./core/ui/components/icon/IconWC.js";export{EventName}from"./core/constants/ui.constants.js";
 //# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/container/FBox.js

@@ -8,7 +8,7 @@ const flexValueMap = {
     'flex-end': 'flex-end',
 };
 const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
-const FBoxRefForwarded = forwardRef(({ style, children, className, ...props }, ref) => {
+const FBoxRefForwarded = forwardRef(({ style, children, className = '', ...props }, ref) => {
     const styles = useMemo(() => ({
         ...style,
         ...props,

package/dist/lib/src/core/ui/components/container/FBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FBox.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAqB,OAAO,EAAiB,UAAU,EAAa,MAAM,OAAO,CAAA;AAG9F,OAAO,OAAO,MAAM,oBAAoB,CAAA;AA6BxC,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,YAAY;IACnB,YAAY,EAAE,YAAY;IAC1B,GAAG,EAAE,UAAU;IACf,UAAU,EAAE,UAAU;CACvB,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAAsB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAGjH,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,EACnC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAC1B,EAAE,GAA0C,EAAE,EAAE;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,GAAG,KAAK;QACR,GAAG,KAAK;QACR,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7E,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC/D,CACF,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAI,OAAe,CAAC,cAAc,CAAC,IAAI,SAAS,EAAE,EAC7D,KAAK,EAAE,MAAuB,YAE7B,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAY,gBAAgB,CAAC,CAAA;AAGrD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
+{"version":3,"file":"FBox.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAqB,OAAO,EAAiB,UAAU,EAAa,MAAM,OAAO,CAAA;AAG9F,OAAO,OAAO,MAAM,oBAAoB,CAAA;AA6BxC,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,YAAY;IACnB,YAAY,EAAE,YAAY;IAC1B,GAAG,EAAE,UAAU;IACf,UAAU,EAAE,UAAU;CACvB,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAAsB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAGjH,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,EACnC,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAC/B,EAAE,GAA0C,EAAE,EAAE;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,GAAG,KAAK;QACR,GAAG,KAAK;QACR,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7E,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC/D,CACF,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAI,OAAe,CAAC,cAAc,CAAC,IAAI,SAAS,EAAE,EAC7D,KAAK,EAAE,MAAuB,YAE7B,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAY,gBAAgB,CAAC,CAAA;AAGrD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

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

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import classes from './icon.module.scss';
-export const IconBase = memo(({ iconUrl, minWidth = '1rem', minHeight = '1rem', size, width, height, color = 'currentColor', className = '', children, }) => {
+export const IconBase = memo(({ iconUrl, minWidth = '1rem', minHeight = '1rem', size, fontSize, width, height, color = 'currentColor', className = '', children, }) => {
     const styles = useMemo(() => ({
-        '--min-width': minWidth,
-        '--min-height': minHeight,
+        '--min-width': Math.min(minWidth, size || width),
+        '--min-height': Math.min(minHeight, size || height),
         '--width': size || width,
         '--height': size || height,
-        ...(size ? { fontSize: size } : {}),
+        ...(fontSize ? { fontSize } : {}),
         ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),
         ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),
-    }), [minWidth, minHeight, size, width, height, iconUrl, color]);
+    }), [minWidth, minHeight, size, width, height, fontSize, iconUrl, color]);
     return (_jsx("span", { className: `${classes['icon-base']} icon-base ${className}`, style: styles, children: (!iconUrl && children) && children }));
 });
 IconBase.displayName = 'IconBase';

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

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAEvE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAaxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,CAAC,EAC1C,OAAO,EAAE,QAAQ,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GACxG,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,IAAI,IAAI,KAAK;QACxB,UAAU,EAAE,IAAI,IAAI,MAAM;QAC1B,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACnC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;KAC7E,CACF,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAE9D,OAAO,CACL,eACE,SAAS,EAAE,GAAI,OAAe,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EACpE,KAAK,EAAE,MAAuB,YAE7B,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,QAAQ,GAC9B,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAEvE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAcxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,CAAC,EAC1C,OAAO,EAAE,QAAQ,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EAC9C,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAClE,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,IAAI,KAAK,CAAC;QAChD,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,IAAI,MAAM,CAAC;QACnD,SAAS,EAAE,IAAI,IAAI,KAAK;QACxB,UAAU,EAAE,IAAI,IAAI,MAAM;QAC1B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;KAC7E,CACF,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAExE,OAAO,CACL,eACE,SAAS,EAAE,GAAI,OAAe,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EACpE,KAAK,EAAE,MAAuB,YAE7B,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,QAAQ,GAC9B,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}