@e1011/es-kit 1.0.24 → 1.0.28

package/dist/hooks/esm/index.css

@@ -1,3 +1,22 @@
+.icon-module_icon-base__S0tHf {
+  min-width: var(--min-width);
+  min-height: var(--min-width);
+  width: var(--height);
+  height: var(--width);
+  mask-image: var(--icon-url);
+  -webkit-mask-image: var(--icon-url);
+  background-color: var(--icon-color);
+  background-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-position: center;
+  -webkit-mask-position: center;
+  display: inline-block;
+  will-change: transform;
+  transform: translate3d(0, 0, 0);
+}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;
@@ -40,23 +59,4 @@
   left: var(--left);
   height: var(--height);
   margin: var(--margin);
-}
-.icon-module_icon-base__S0tHf {
-  min-width: var(--min-width);
-  min-height: var(--min-width);
-  width: var(--height);
-  height: var(--width);
-  mask-image: var(--icon-url);
-  -webkit-mask-image: var(--icon-url);
-  background-color: var(--icon-color);
-  background-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-position: center;
-  -webkit-mask-position: center;
-  display: inline-block;
-  will-change: transform;
-  transform: translate3d(0, 0, 0);
 }

package/dist/hooks/esm/node_modules/core-js/internals/shared.js

@@ -1,2 +1,2 @@
-import{__module as o}from"../../../_virtual/shared.js";export{exports as default}from"../../../_virtual/shared.js";import r from"./shared-store.js";var s=r;(o.exports=function(o,r){return s[o]||(s[o]=void 0!==r?r:{})})("versions",[]).push({version:"3.28.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE",source:"https://github.com/zloirock/core-js"});
+import{__module as o}from"../../../_virtual/shared.js";export{exports as default}from"../../../_virtual/shared.js";import r from"./shared-store.js";var s=r;(o.exports=function(o,r){return s[o]||(s[o]=void 0!==r?r:{})})("versions",[]).push({version:"3.29.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"});
 //# sourceMappingURL=shared.js.map

package/dist/hooks/esm/node_modules/core-js/internals/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.28.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","require$$1","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"oJACA,IAAIA,EAAQC,GAEXC,UAAiB,SAAUC,EAAKC,GAC/B,OAAOJ,EAAMG,KAASH,EAAMG,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}
+{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.29.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","require$$1","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"oJACA,IAAIA,EAAQC,GAEXC,UAAiB,SAAUC,EAAKC,GAC/B,OAAOJ,EAAMG,KAASH,EAAMG,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}

package/dist/hooks/index.css

@@ -1,3 +1,22 @@
+.icon-module_icon-base__S0tHf {
+  min-width: var(--min-width);
+  min-height: var(--min-width);
+  width: var(--height);
+  height: var(--width);
+  mask-image: var(--icon-url);
+  -webkit-mask-image: var(--icon-url);
+  background-color: var(--icon-color);
+  background-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-position: center;
+  -webkit-mask-position: center;
+  display: inline-block;
+  will-change: transform;
+  transform: translate3d(0, 0, 0);
+}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;
@@ -40,23 +59,4 @@
   left: var(--left);
   height: var(--height);
   margin: var(--margin);
-}
-.icon-module_icon-base__S0tHf {
-  min-width: var(--min-width);
-  min-height: var(--min-width);
-  width: var(--height);
-  height: var(--width);
-  mask-image: var(--icon-url);
-  -webkit-mask-image: var(--icon-url);
-  background-color: var(--icon-color);
-  background-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-position: center;
-  -webkit-mask-position: center;
-  display: inline-block;
-  will-change: transform;
-  transform: translate3d(0, 0, 0);
 }

package/dist/hooks/node_modules/core-js/internals/shared.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("../../../_virtual/shared.js"),o=require("./shared-store.js");(r.__module.exports=function(r,e){return o[r]||(o[r]=void 0!==e?e:{})})("versions",[]).push({version:"3.28.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE",source:"https://github.com/zloirock/core-js"}),module.exports=r.exports;
+"use strict";var r=require("../../../_virtual/shared.js"),o=require("./shared-store.js");(r.__module.exports=function(r,e){return o[r]||(o[r]=void 0!==e?e:{})})("versions",[]).push({version:"3.29.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"}),module.exports=r.exports;
 //# sourceMappingURL=shared.js.map

package/dist/hooks/node_modules/core-js/internals/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.28.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"0DACIA,gCAEHC,EAAAA,iBAAiB,SAAUC,EAAKC,GAC/B,OAAOH,EAAME,KAASF,EAAME,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}
+{"version":3,"file":"shared.js","sources":["../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.29.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"0DACIA,gCAEHC,EAAAA,iBAAiB,SAAUC,EAAKC,GAC/B,OAAOH,EAAME,KAASF,EAAME,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}

package/dist/lib/cjs/node_modules/core-js/internals/shared.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("../../../_virtual/shared.js"),o=require("./shared-store.js");(r.__module.exports=function(r,e){return o[r]||(o[r]=void 0!==e?e:{})})("versions",[]).push({version:"3.28.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE",source:"https://github.com/zloirock/core-js"}),module.exports=r.exports;
+"use strict";var r=require("../../../_virtual/shared.js"),o=require("./shared-store.js");(r.__module.exports=function(r,e){return o[r]||(o[r]=void 0!==e?e:{})})("versions",[]).push({version:"3.29.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"}),module.exports=r.exports;
 //# sourceMappingURL=shared.js.map

package/dist/lib/cjs/node_modules/core-js/internals/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.28.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"0DACIA,gCAEHC,EAAAA,iBAAiB,SAAUC,EAAKC,GAC/B,OAAOH,EAAME,KAASF,EAAME,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}
+{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.29.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"0DACIA,gCAEHC,EAAAA,iBAAiB,SAAUC,EAAKC,GAC/B,OAAOH,EAAME,KAASF,EAAME,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}

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"),r=require("react"),t=require("./fbox.module.scss.js"),i=["style","children"],l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},o=function(e){return e&&l[e]||e},a=r.forwardRef((function(l,a){var s=l.style,n=l.children,d=e.objectWithoutProperties(l,i),c=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},s),d),d.align?{alignItems:o(d.align)}:{}),d.justify?{justifyContent:o(d.justify)}:{}),d.direction?{flexDirection:d.direction}:{})}),[d,s]);return React.createElement("div",{ref:a,className:t["flexible-box"],style:c},n)}));a.displayName="FBoxRefForwarded";var s=r.memo(a);s.displayName="FBox",exports.FBox=s;
+"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;
 //# 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}\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, ...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 ref={ref} className={(classes as any)['flexible-box']} style={styles as CSSProperties}>{children}</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","props","_objectWithoutProperties","objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","className","classes","displayName","FBox","memo"],"mappings":"uNA+BMA,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,SAAaC,EAAKC,EAAAC,wBAAAN,EAAAO,GAEnBC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,EAAAC,cAAA,GAEhBT,GACAE,GACCA,EAAMQ,MAAQ,CAAEC,WAAYjB,EAAiBQ,EAAMQ,QAAW,CAAE,GAChER,EAAMU,QAAU,CAAEC,eAAgBnB,EAAiBQ,EAAMU,UAAa,CAAE,GACxEV,EAAMY,UAAY,CAAEC,cAAeb,EAAMY,WAAc,CAAE,EAAA,GAE9D,CAACZ,EAAOF,IAEX,OACEgB,MAAAC,cAAA,MAAA,CAAKlB,IAAKA,EAAKmB,UAAYC,EAAgB,gBAAiBnB,MAAOM,GAA0BL,EAEjG,IAEAL,EAAiBwB,YAAc,uBAElBC,EAAOC,EAAIA,KAAY1B,GAGpCyB,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","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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("../../../../../node_modules/lodash-es/debounce.js"),n=require("./FBox.js"),r=["children"],l={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},o=t.memo((function(o){var u=o.children,c=e.objectWithoutProperties(o,r),h=t.useRef(),d=t.useRef({width:0,height:0}),a=t.useState({width:void 0,height:void 0}),s=e.slicedToArray(a,2),v=s[0],g=s[1],m=t.useMemo((function(){return i((function(e){var t,i,n,r,l=e[0].contentRect.width,o=e[0].contentRect.height;(null===(t=d.current)||void 0===t?void 0:t.width)===l&&(null===(i=d.current)||void 0===i?void 0:i.height)===o||(d.current={width:l,height:o},g({width:null==h||null===(n=h.current)||void 0===n?void 0:n.clientWidth,height:null==h||null===(r=h.current)||void 0===r?void 0:r.clientHeight}))}),250)}),[]);return t.useEffect((function(){var e,t;return null!=h&&h.current&&(t=null==h?void 0:h.current,(e=new ResizeObserver(m)).observe(t)),function(){var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[m,h]),React.createElement(n.FBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},c),React.createElement(n.FBox,{style:l.main,width:"100%",height:"100%",ref:h}),!u&&React.createElement(n.FBox,{width:"".concat(Math.max((null==v?void 0:v.width)||200,200)||200,"px"),height:"".concat(Math.max((null==v?void 0:v.height)||200,200)||200,"px"),style:l.empty}),u&&(null==u?void 0:u({height:"".concat((null==v?void 0:v.height)||200,"px"),width:"".concat((null==v?void 0:v.width)||200,"px"),measured:!(null==v||!v.height)})))}));o.displayName="ResizableContainer",exports.ResizableContainer=o;
+//# sourceMappingURL=ResizableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { FBox, FBoxProps } from './FBox'\n\n\n\n\nexport type ResizableContainerProps = FBoxProps & PropsWithChildren<any>\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n    // backgroundColor: '#FF000040',\n  },\n  empty: {\n    pointerEvents: 'none',\n    // background: '#FF000040',\n    // border: '1px solid #0000FF40',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n      const newResizeWidth = entries[0].contentRect.width\n      const newResizeHeight = entries[0].contentRect.height\n\n      if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n        return\n      }\n      lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, 250), [])\n\n    useEffect(() => {\n      let resizeObserver: ResizeObserver\n      let containerElement: HTMLElement\n\n      if (containerRef?.current) {\n        containerElement = containerRef?.current\n        resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n        resizeObserver.observe(containerElement as Element)\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    console.log('containerSize', containerSize)\n\n    return (\n      <FBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <FBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (<FBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />)}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </FBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","lastResizeWidthRef","width","height","_useState","useState","undefined","_useState2","_slicedToArray","containerSize","setContainerSize","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useEffect","resizeObserver","containerElement","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","FBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"kQAkBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAGjBC,MAAO,CACLD,cAAe,SAMNE,EAAqBC,EAAAA,MAChC,SAAAC,GAAqD,IAAlDC,EAAQD,EAARC,SAAaC,EAAKC,EAAAC,wBAAAJ,EAAAK,GACbC,EAAeC,EAAAA,SAEfC,EAAqBD,EAAAA,OAA0C,CAAEE,MAAO,EAAGC,OAAQ,IAEzFC,EACEC,EAAAA,SAAsB,CAAEH,WAAOI,EAAWH,YAAQG,IAAYC,EAAAC,EAAAA,cAAAJ,EAAA,GADzDK,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAyBC,EAAAA,SAAQ,WAAA,OAAMC,GAAS,SAACC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAC3DC,EAAiBL,EAAQ,GAAGM,YAAYlB,MACxCmB,EAAkBP,EAAQ,GAAGM,YAAYjB,QAEjBY,QAA1BA,EAAAd,EAAmBqB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4Bb,SAAUiB,IACb,QAA1BH,EAAAf,EAAmBqB,eAAO,IAAAN,OAAA,EAA1BA,EAA4Bb,UAAWkB,IAG1CpB,EAAmBqB,QAAU,CAAEpB,MAAOiB,EAAgBhB,OAAQkB,GAE9DX,EAAiB,CACfR,MAAOH,SAAqBkB,QAATA,EAAZlB,EAAcuB,eAAdL,IAAqBA,SAArBA,EAAuBM,YAC9BpB,OAAQJ,SAAqB,QAATmB,EAAZnB,EAAcuB,eAAO,IAAAJ,SAArBA,EAAuBM,eAElC,GAAE,IAAI,GAAE,IAoBT,OAlBAC,EAAAA,WAAU,WACR,IAAIC,EACAC,EAOJ,OALI5B,SAAAA,EAAcuB,UAChBK,EAAmB5B,aAAAA,EAAAA,EAAcuB,SACjCI,EAAiB,IAAIE,eAAejB,IACrBkB,QAAQF,IAElB,WAAM,IAAAG,EAAAC,EACG,QAAdD,EAAAJ,SAAcK,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BH,GAEhC,GAAG,CAAChB,EAAwBZ,IAO1BmC,MAAAC,cAACC,EAAIA,KAAAC,UAAA,CACHnC,MAAM,OACNC,OAAO,OACPmC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACN7C,GAEJuC,MAAAC,cAACC,EAAAA,KAAI,CACHK,MAAOzD,EAAOC,KACdiB,MAAM,OACNC,OAAO,OACPuC,IAAK3C,KAELL,GAAawC,MAAAC,cAACC,EAAAA,KAAI,CAClBlC,MAAK,GAAAyC,OAAKC,KAAKC,KAAIpC,eAAAA,EAAeP,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAwC,OAAKC,KAAKC,KAAIpC,eAAAA,EAAeN,SAAU,IAAK,MAAQ,IAAQ,MAClEsC,MAAOzD,EAAOM,QAEfI,IAAYA,aAAQ,EAARA,EAAW,CACtBS,OAAMwC,GAAAA,QAAKlC,aAAa,EAAbA,EAAeN,SAAU,IAAO,MAC3CD,MAAKyC,GAAAA,QAAKlC,aAAa,EAAbA,EAAeP,QAAS,IAAO,MACzC4C,WAAYrC,UAAAA,EAAeN,WAInC,IAGFZ,EAAmBwD,YAAc"}

package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.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"),i=require("./divider.module.scss.js"),t=r.memo((function(e){var t=e.orientation,o=e.vertical,a=e.color,n=void 0===a?"#999999":a,l=e.opacity,c=e.length,d=void 0===c?"80%":c,s=e.left,u=void 0===s?"0":s,v=e.width,m=void 0===v?"1px":v,p=e.height,h=void 0===p?"1px":p,g=e.margin,f=r.useMemo((function(){return"vertical"===t||!0===o}),[t,o]),x=r.useMemo((function(){return{"--width":m,"--height":h,"--length":d,"--opacity":l,"--color":n,"--left":u,"--margin":g||(f?"auto 0":"0 auto")}}),[m,h,d,l,n,u,g,f]),y=f?i.vertical:i.horizontal;return React.createElement("div",{className:"".concat(i["divider-line"]," ").concat(y),style:x})}));t.displayName="DividerLine";var o=r.memo((function(r){return React.createElement(t,e.extends({vertical:!0,length:"100%"},r))}));o.displayName="DividerVertical";var a=r.memo((function(r){return React.createElement(t,e.extends({length:"100%"},r))}));a.displayName="DividerHorizontal",exports.DividerHorizontal=a,exports.DividerLine=t,exports.DividerVertical=o;
+"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("./divider.module.scss.js"),i=r.memo((function(e){var i=e.orientation,a=e.vertical,o=e.color,n=void 0===o?"#999999":o,l=e.opacity,c=e.length,s=void 0===c?"80%":c,d=e.left,u=void 0===d?"0":d,v=e.width,m=void 0===v?"1px":v,p=e.height,h=void 0===p?"1px":p,g=e.margin,f=e.className,x=r.useMemo((function(){return"vertical"===i||!0===a}),[i,a]),y=r.useMemo((function(){return{"--width":m,"--height":h,"--length":s,"--opacity":l,"--color":n,"--left":u,"--margin":g||(x?"auto 0":"0 auto")}}),[m,h,s,l,n,u,g,x]),D=x?t.vertical:t.horizontal;return React.createElement("div",{className:"".concat(t["divider-line"]," ").concat(D," ").concat(f),style:y})}));i.displayName="DividerLine";var a=r.memo((function(r){return React.createElement(i,e.extends({vertical:!0,length:"100%"},r))}));a.displayName="DividerVertical";var o=r.memo((function(r){return React.createElement(i,e.extends({length:"100%"},r))}));o.displayName="DividerHorizontal",exports.DividerHorizontal=o,exports.DividerLine=i,exports.DividerVertical=a;
 //# sourceMappingURL=DividerLine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div className={`${classes['divider-line']} ${verHorClass}`} style={styles as CSSProperties} />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","_ref$color","color","opacity","_ref$length","length","_ref$left","left","_ref$width","width","_ref$height","height","margin","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","className","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"iRAiBaA,EAAgCC,EAAAA,MAAmB,SAAAC,GAO5C,IANlBC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAAQC,EAAAH,EACrBI,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAOL,EAAPK,QAAOC,EAAAN,EACPO,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EAAES,KAAAA,OAAO,IAAHD,EAAG,IAAGA,EAAAE,EAAAV,EAC1BW,MAAAA,OAAQ,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EAAEa,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAC7BE,EAAMd,EAANc,OAEMC,EAAaC,EAAAA,SAAQ,WAAA,MAAsB,aAAhBf,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1Fe,EAASD,EAAAA,SAAQ,WAAA,MACrB,CACE,UAAWL,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWC,EAAa,SAAW,UAChD,GACA,CAACJ,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQC,IAEnDG,EAAcH,EAAaI,EAAQjB,SAAWiB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CAAKC,UAAS,GAAAC,OAAKL,EAAQ,gBAAeK,KAAAA,OAAIN,GAAeO,MAAOR,GAExE,IAEAnB,EAAY4B,YAAc,kBAEbC,EACT5B,EAAAA,MAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,UAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,EAAAA,MAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,UAAA,CAACtB,OAAO,QAAWqB,GAAS,IAC5DE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className,\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","_ref$color","color","opacity","_ref$length","length","_ref$left","left","_ref$width","width","_ref$height","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"iRAkBaA,EAAgCC,EAAAA,MAAmB,SAAAC,GAQ5C,IAPlBC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAAQC,EAAAH,EACrBI,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAOL,EAAPK,QAAOC,EAAAN,EACPO,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EAAES,KAAAA,OAAO,IAAHD,EAAG,IAAGA,EAAAE,EAAAV,EAC1BW,MAAAA,OAAQ,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EAAEa,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAC7BE,EAAMd,EAANc,OACAC,EAASf,EAATe,UAEMC,EAAaC,EAAAA,SAAQ,WAAA,MAAsB,aAAhBhB,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1FgB,EAASD,EAAAA,SAAQ,WAAA,MACrB,CACE,UAAWN,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWE,EAAa,SAAW,UAChD,GACA,CAACL,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQlB,SAAWkB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GAGb,IAEApB,EAAY4B,YAAc,kBAEbC,EACT5B,EAAAA,MAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,UAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,EAAAA,MAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,UAAA,CAACtB,OAAO,QAAWqB,GAAS,IAC5DE,EAAkBJ,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("react"),i=require("./icon.module.scss.js"),o=e.memo((function(o){var r=o.iconUrl,t=o.minWidth,c=void 0===t?"1rem":t,n=o.minHeight,s=void 0===n?"1rem":n,a=o.width,u=o.height,l=o.color,m=void 0===l?"currentColor":l,d=e.useMemo((function(){return{"--min-width":c,"--min-height":s,"--width":a,"--height":u,"--icon-url":"url(".concat(r,")"),"--icon-color":m}}),[c,s,a,u,r,m]);return React.createElement("span",{className:"".concat(i["icon-base"]," icon-base"),style:d})}));o.displayName="IconBase",exports.IconBase=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../../node_modules/core-js/modules/es.array.concat.js");var e=require("react"),o=require("./icon.module.scss.js"),r=e.memo((function(r){var c=r.iconUrl,i=r.minWidth,t=void 0===i?"1rem":i,n=r.minHeight,s=void 0===n?"1rem":n,a=r.width,u=r.height,l=r.color,m=void 0===l?"currentColor":l,d=r.className,h=e.useMemo((function(){return{"--min-width":t,"--min-height":s,"--width":a,"--height":u,"--icon-url":"url(".concat(c,")"),"--icon-color":m}}),[t,s,a,u,c,m]);return React.createElement("span",{className:"".concat(o["icon-base"]," icon-base ").concat(d),style:h})}));r.displayName="IconBase",exports.IconBase=r;
 //# 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  color?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor',\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': width,\n      '--height': height,\n      '--icon-url': `url(${iconUrl})`,\n      '--icon-color': color,\n    }\n  ), [minWidth, minHeight, width, height, iconUrl, color])\n\n  return (\n    <span className={`${classes['icon-base']} icon-base`} style={styles as CSSProperties} />\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","width","height","_ref$color","color","styles","useMemo","concat","React","createElement","className","classes","style","displayName"],"mappings":"8HAaaA,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,EAAKN,EAALM,MAAOC,EAAMP,EAANO,OAAMC,EAAAR,EAAES,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAE/EE,EAASC,EAAAA,SAAQ,WAAA,MACrB,CACE,cAAeR,EACf,eAAgBE,EAChB,UAAWC,EACX,WAAYC,EACZ,aAAYK,OAAAA,OAASX,EAAU,KAC/B,eAAgBQ,EACjB,GACA,CAACN,EAAUE,EAAWC,EAAOC,EAAQN,EAASQ,IAEjD,OACEI,MAAAC,cAAA,OAAA,CAAMC,aAASH,OAAKI,EAAQ,aAAyB,cAACC,MAAOP,GAEjE,IAEAZ,EAASoB,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\ntype IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor', className,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': width,\n      '--height': height,\n      '--icon-url': `url(${iconUrl})`,\n      '--icon-color': color,\n    }\n  ), [minWidth, minHeight, 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  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","width","height","_ref$color","color","className","styles","useMemo","concat","React","createElement","classes","style","displayName"],"mappings":"wMAcaA,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,EAAKN,EAALM,MAAOC,EAAMP,EAANO,OAAMC,EAAAR,EAAES,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAEE,EAASV,EAATU,UAEjFC,EAASC,EAAAA,SAAQ,WAAA,MACrB,CACE,cAAeT,EACf,eAAgBE,EAChB,UAAWC,EACX,WAAYC,EACZ,aAAYM,OAAAA,OAASZ,EAAU,KAC/B,eAAgBQ,EACjB,GACA,CAACN,EAAUE,EAAWC,EAAOC,EAAQN,EAASQ,IAEjD,OACEK,MAAAC,cAAA,OAAA,CACEL,UAAS,GAAAG,OAAMG,EAAgB,aAAYH,eAAAA,OAAcH,GACzDO,MAAON,GAGb,IAEAb,EAASoB,YAAc"}

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"),l=require("./core/utils/helpers/fileValidator.js"),n=require("./core/utils/helpers/date.js"),p=require("./core/utils/helpers/deviceInfo.js"),x=require("./core/utils/helpers/emailMatcher.js"),c=require("./core/utils/helpers/file.js"),u=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"),g=require("./core/utils/keyExtractor.js"),h=require("./core/utils/date.js"),F=require("./core/ui/utils/style.js"),v=require("./core/ui/components/container/FBox.js"),j=require("./core/ui/components/container/Flex.js"),C=require("./core/ui/components/container/Placeholder.js"),f=require("./core/ui/components/container/Container.js"),S=require("./core/ui/components/field/Field.js"),q=require("./core/ui/components/dividers/DividerLine.js"),b=require("./core/ui/components/icon/IconBase.js"),y=require("./core/ui/components/icon/Icon.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=l.parseCSVdata,exports.validateCSVFile=l.validateCSVFile,exports.validateCSVlines=l.validateCSVlines,exports.validateJSONFile=l.validateJSONFile,exports.validateLineCellTrimmed=l.validateLineCellTrimmed,exports.validateLineNumColumns=l.validateLineNumColumns,exports.validateSDFFile=l.validateSDFFile,exports.DATE_FORMAT=n.DATE_FORMAT,exports.formatDateToTimestamp=n.formatDateToTimestamp,exports.getDate=n.getDate,exports.getDeviceId=p.getDeviceId,exports.emailMatch=x.emailMatch,exports.emailMatcher=x.emailMatcher,exports.regexBuilder=x.regexBuilder,exports.cleanCsvLines=c.cleanCsvLines,exports.formatFilePath=c.formatFilePath,exports.arrayToObjectTree=u.arrayToObjectTree,exports.chunkArray=u.chunkArray,exports.duplicatesInArray=u.duplicatesInArray,exports.formatJsonString=u.formatJsonString,exports.formatObj=u.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=g.keyExtractor,exports.keyExtractorFunction=g.keyExtractorFunction,exports.dateRangeFormat=h.dateRangeFormat,exports.getDateTime=h.getDateTime,exports.getTimeFromNow=h.getTimeFromNow,exports.getTimeFromNowOriginal=h.getTimeFromNowOriginal,exports.getTimeTo=h.getTimeTo,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=v.FBox,exports.Flex=j.Flex,exports.FlexTight=j.FlexTight,exports.FlexTightStyled=j.FlexTightStyled,exports.FlexWrapper=j.FlexWrapper,exports.Placeholder=C.Placeholder,exports.Container=f.Container,exports.Field=S.Field,exports.FieldWrapper=S.FieldWrapper,exports.Select=S.Select,exports.setIconColor=S.setIconColor,exports.setIconComponent=S.setIconComponent,exports.DividerHorizontal=q.DividerHorizontal,exports.DividerLine=q.DividerLine,exports.DividerVertical=q.DividerVertical,exports.IconBase=b.IconBase,exports.Icon=y.Icon,Object.defineProperty(exports,"EventName",{enumerable:!0,get:function(){return O.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"),x=require("./core/utils/helpers/file.js"),u=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"),g=require("./core/utils/keyExtractor.js"),h=require("./core/utils/date.js"),F=require("./core/ui/utils/style.js"),v=require("./core/ui/components/container/FBox.js"),j=require("./core/ui/components/container/Flex.js"),C=require("./core/ui/components/container/Placeholder.js"),f=require("./core/ui/components/container/Container.js"),b=require("./core/ui/components/container/ResizableContainer.js"),q=require("./core/ui/components/field/Field.js"),S=require("./core/ui/components/dividers/DividerLine.js"),y=require("./core/ui/components/icon/IconBase.js"),z=require("./core/ui/components/icon/Icon.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=x.cleanCsvLines,exports.formatFilePath=x.formatFilePath,exports.arrayToObjectTree=u.arrayToObjectTree,exports.chunkArray=u.chunkArray,exports.duplicatesInArray=u.duplicatesInArray,exports.formatJsonString=u.formatJsonString,exports.formatObj=u.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=g.keyExtractor,exports.keyExtractorFunction=g.keyExtractorFunction,exports.dateRangeFormat=h.dateRangeFormat,exports.getDateTime=h.getDateTime,exports.getTimeFromNow=h.getTimeFromNow,exports.getTimeFromNowOriginal=h.getTimeFromNowOriginal,exports.getTimeTo=h.getTimeTo,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=v.FBox,exports.Flex=j.Flex,exports.FlexTight=j.FlexTight,exports.FlexTightStyled=j.FlexTightStyled,exports.FlexWrapper=j.FlexWrapper,exports.Placeholder=C.Placeholder,exports.Container=f.Container,exports.ResizableContainer=b.ResizableContainer,exports.Field=q.Field,exports.FieldWrapper=q.FieldWrapper,exports.Select=q.Select,exports.setIconColor=q.setIconColor,exports.setIconComponent=q.setIconComponent,exports.DividerHorizontal=S.DividerHorizontal,exports.DividerLine=S.DividerLine,exports.DividerVertical=S.DividerVertical,exports.IconBase=y.IconBase,exports.Icon=z.Icon,Object.defineProperty(exports,"EventName",{enumerable:!0,get:function(){return O.EventName}});
 //# sourceMappingURL=index.js.map

package/dist/lib/esm/node_modules/core-js/internals/shared.js

@@ -1,2 +1,2 @@
-import{__module as o}from"../../../_virtual/shared.js";export{exports as default}from"../../../_virtual/shared.js";import r from"./shared-store.js";var s=r;(o.exports=function(o,r){return s[o]||(s[o]=void 0!==r?r:{})})("versions",[]).push({version:"3.28.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE",source:"https://github.com/zloirock/core-js"});
+import{__module as o}from"../../../_virtual/shared.js";export{exports as default}from"../../../_virtual/shared.js";import r from"./shared-store.js";var s=r;(o.exports=function(o,r){return s[o]||(s[o]=void 0!==r?r:{})})("versions",[]).push({version:"3.29.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE",source:"https://github.com/zloirock/core-js"});
 //# sourceMappingURL=shared.js.map

package/dist/lib/esm/node_modules/core-js/internals/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.28.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.28.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","require$$1","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"oJACA,IAAIA,EAAQC,GAEXC,UAAiB,SAAUC,EAAKC,GAC/B,OAAOJ,EAAMG,KAASH,EAAMG,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}
+{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.29.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","require$$1","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"oJACA,IAAIA,EAAQC,GAEXC,UAAiB,SAAUC,EAAKC,GAC/B,OAAOJ,EAAMG,KAASH,EAAMG,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}

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{memo as r,forwardRef as i,useMemo as l}from"react";import a from"./fbox.module.scss.js";var n=["style","children"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},s=function(e){return e&&o[e]||e},f=i((function(r,i){var o=r.style,f=r.children,c=e(r,n),d=l((function(){return t(t(t(t(t({},o),c),c.align?{alignItems:s(c.align)}:{}),c.justify?{justifyContent:s(c.justify)}:{}),c.direction?{flexDirection:c.direction}:{})}),[c,o]);return React.createElement("div",{ref:i,className:a["flexible-box"],style:d},f)}));f.displayName="FBoxRefForwarded";var c=r(f);c.displayName="FBox";export{c 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=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};
 //# 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}\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, ...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 ref={ref} className={(classes as any)['flexible-box']} style={styles as CSSProperties}>{children}</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","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","className","classes","displayName","FBox","memo"],"mappings":"4OA+BMA,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,SAAaC,EAAKC,EAAAL,EAAAM,GAEnBC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,GAEhBP,GACAE,GACCA,EAAMM,MAAQ,CAAEC,WAAYf,EAAiBQ,EAAMM,QAAW,CAAE,GAChEN,EAAMQ,QAAU,CAAEC,eAAgBjB,EAAiBQ,EAAMQ,UAAa,CAAE,GACxER,EAAMU,UAAY,CAAEC,cAAeX,EAAMU,WAAc,CAAE,EAAA,GAE9D,CAACV,EAAOF,IAEX,OACEc,MAAAC,cAAA,MAAA,CAAKhB,IAAKA,EAAKiB,UAAYC,EAAgB,gBAAiBjB,MAAOK,GAA0BJ,EAEjG,IAEAL,EAAiBsB,YAAc,uBAElBC,EAAOC,EAAgBxB,GAGpCuB,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","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"}

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

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,slicedToArray as t,extends as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as n,useRef as o,useState as r,useMemo as l,useEffect as h}from"react";import c from"../../../../../node_modules/lodash-es/debounce.js";import{FBox as d}from"./FBox.js";var u=["children"],a={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},v=n((function(n){var v=n.children,s=e(n,u),m=o(),p=o({width:0,height:0}),g=r({width:void 0,height:void 0}),w=t(g,2),f=w[0],x=w[1],b=l((function(){return c((function(e){var t,i,n,o,r=e[0].contentRect.width,l=e[0].contentRect.height;(null===(t=p.current)||void 0===t?void 0:t.width)===r&&(null===(i=p.current)||void 0===i?void 0:i.height)===l||(p.current={width:r,height:l},x({width:null==m||null===(n=m.current)||void 0===n?void 0:n.clientWidth,height:null==m||null===(o=m.current)||void 0===o?void 0:o.clientHeight}))}),250)}),[]);return h((function(){var e,t;return null!=m&&m.current&&(t=null==m?void 0:m.current,(e=new ResizeObserver(b)).observe(t)),function(){var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[b,m]),React.createElement(d,i({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},s),React.createElement(d,{style:a.main,width:"100%",height:"100%",ref:m}),!v&&React.createElement(d,{width:"".concat(Math.max((null==f?void 0:f.width)||200,200)||200,"px"),height:"".concat(Math.max((null==f?void 0:f.height)||200,200)||200,"px"),style:a.empty}),v&&(null==v?void 0:v({height:"".concat((null==f?void 0:f.height)||200,"px"),width:"".concat((null==f?void 0:f.width)||200,"px"),measured:!(null==f||!f.height)})))}));v.displayName="ResizableContainer";export{v as ResizableContainer};
+//# sourceMappingURL=ResizableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { FBox, FBoxProps } from './FBox'\n\n\n\n\nexport type ResizableContainerProps = FBoxProps & PropsWithChildren<any>\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n    // backgroundColor: '#FF000040',\n  },\n  empty: {\n    pointerEvents: 'none',\n    // background: '#FF000040',\n    // border: '1px solid #0000FF40',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n      const newResizeWidth = entries[0].contentRect.width\n      const newResizeHeight = entries[0].contentRect.height\n\n      if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n        return\n      }\n      lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, 250), [])\n\n    useEffect(() => {\n      let resizeObserver: ResizeObserver\n      let containerElement: HTMLElement\n\n      if (containerRef?.current) {\n        containerElement = containerRef?.current\n        resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n        resizeObserver.observe(containerElement as Element)\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    console.log('containerSize', containerSize)\n\n    return (\n      <FBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <FBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (<FBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />)}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </FBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","props","_objectWithoutProperties","_excluded","containerRef","useRef","lastResizeWidthRef","width","height","_useState","useState","undefined","_useState2","_slicedToArray","containerSize","setContainerSize","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useEffect","resizeObserver","containerElement","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","FBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"uUAkBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAGjBC,MAAO,CACLD,cAAe,SAMNE,EAAqBC,GAChC,SAAAC,GAAqD,IAAlDC,EAAQD,EAARC,SAAaC,EAAKC,EAAAH,EAAAI,GACbC,EAAeC,IAEfC,EAAqBD,EAA0C,CAAEE,MAAO,EAAGC,OAAQ,IAEzFC,EACEC,EAAsB,CAAEH,WAAOI,EAAWH,YAAQG,IAAYC,EAAAC,EAAAJ,EAAA,GADzDK,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAyBC,GAAQ,WAAA,OAAMC,GAAS,SAACC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAC3DC,EAAiBL,EAAQ,GAAGM,YAAYlB,MACxCmB,EAAkBP,EAAQ,GAAGM,YAAYjB,QAEjBY,QAA1BA,EAAAd,EAAmBqB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4Bb,SAAUiB,IACb,QAA1BH,EAAAf,EAAmBqB,eAAO,IAAAN,OAAA,EAA1BA,EAA4Bb,UAAWkB,IAG1CpB,EAAmBqB,QAAU,CAAEpB,MAAOiB,EAAgBhB,OAAQkB,GAE9DX,EAAiB,CACfR,MAAOH,SAAqBkB,QAATA,EAAZlB,EAAcuB,eAAdL,IAAqBA,SAArBA,EAAuBM,YAC9BpB,OAAQJ,SAAqB,QAATmB,EAAZnB,EAAcuB,eAAO,IAAAJ,SAArBA,EAAuBM,eAElC,GAAE,IAAI,GAAE,IAoBT,OAlBAC,GAAU,WACR,IAAIC,EACAC,EAOJ,OALI5B,SAAAA,EAAcuB,UAChBK,EAAmB5B,aAAAA,EAAAA,EAAcuB,SACjCI,EAAiB,IAAIE,eAAejB,IACrBkB,QAAQF,IAElB,WAAM,IAAAG,EAAAC,EACG,QAAdD,EAAAJ,SAAcK,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BH,GAEhC,GAAG,CAAChB,EAAwBZ,IAO1BmC,MAAAC,cAACC,EAAIC,EAAA,CACHnC,MAAM,OACNC,OAAO,OACPmC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACN5C,GAEJsC,MAAAC,cAACC,EAAI,CACHK,MAAOxD,EAAOC,KACdgB,MAAM,OACNC,OAAO,OACPuC,IAAK3C,KAELJ,GAAauC,MAAAC,cAACC,EAAI,CAClBlC,MAAK,GAAAyC,OAAKC,KAAKC,KAAIpC,eAAAA,EAAeP,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAwC,OAAKC,KAAKC,KAAIpC,eAAAA,EAAeN,SAAU,IAAK,MAAQ,IAAQ,MAClEsC,MAAOxD,EAAOM,QAEfI,IAAYA,aAAQ,EAARA,EAAW,CACtBQ,OAAMwC,GAAAA,QAAKlC,aAAa,EAAbA,EAAeN,SAAU,IAAO,MAC3CD,MAAKyC,GAAAA,QAAKlC,aAAa,EAAbA,EAAeP,QAAS,IAAO,MACzC4C,WAAYrC,UAAAA,EAAeN,WAInC,IAGFX,EAAmBuD,YAAc"}

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

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useMemo as i}from"react";import r from"./divider.module.scss.js";var a=t((function(e){var t=e.orientation,a=e.vertical,o=e.color,n=void 0===o?"#999999":o,l=e.opacity,c=e.length,d=void 0===c?"80%":c,v=e.left,m=void 0===v?"0":v,s=e.width,u=void 0===s?"1px":s,p=e.height,h=void 0===p?"1px":p,f=e.margin,g=i((function(){return"vertical"===t||!0===a}),[t,a]),y=i((function(){return{"--width":u,"--height":h,"--length":d,"--opacity":l,"--color":n,"--left":m,"--margin":f||(g?"auto 0":"0 auto")}}),[u,h,d,l,n,m,f,g]),j=g?r.vertical:r.horizontal;return React.createElement("div",{className:"".concat(r["divider-line"]," ").concat(j),style:y})}));a.displayName="DividerLine";var o=t((function(t){return React.createElement(a,e({vertical:!0,length:"100%"},t))}));o.displayName="DividerVertical";var n=t((function(t){return React.createElement(a,e({length:"100%"},t))}));n.displayName="DividerHorizontal";export{n as DividerHorizontal,a as DividerLine,o as DividerVertical};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useMemo as i}from"react";import r from"./divider.module.scss.js";var a=t((function(e){var t=e.orientation,a=e.vertical,o=e.color,n=void 0===o?"#999999":o,l=e.opacity,c=e.length,d=void 0===c?"80%":c,s=e.left,m=void 0===s?"0":s,v=e.width,u=void 0===v?"1px":v,p=e.height,h=void 0===p?"1px":p,f=e.margin,g=e.className,y=i((function(){return"vertical"===t||!0===a}),[t,a]),N=i((function(){return{"--width":u,"--height":h,"--length":d,"--opacity":l,"--color":n,"--left":m,"--margin":f||(y?"auto 0":"0 auto")}}),[u,h,d,l,n,m,f,y]),j=y?r.vertical:r.horizontal;return React.createElement("div",{className:"".concat(r["divider-line"]," ").concat(j," ").concat(g),style:N})}));a.displayName="DividerLine";var o=t((function(t){return React.createElement(a,e({vertical:!0,length:"100%"},t))}));o.displayName="DividerVertical";var n=t((function(t){return React.createElement(a,e({length:"100%"},t))}));n.displayName="DividerHorizontal";export{n as DividerHorizontal,a as DividerLine,o as DividerVertical};
 //# sourceMappingURL=DividerLine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div className={`${classes['divider-line']} ${verHorClass}`} style={styles as CSSProperties} />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","_ref$color","color","opacity","_ref$length","length","_ref$left","left","_ref$width","width","_ref$height","height","margin","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","className","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"4OAiBaA,EAAgCC,GAAmB,SAAAC,GAO5C,IANlBC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAAQC,EAAAH,EACrBI,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAOL,EAAPK,QAAOC,EAAAN,EACPO,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EAAES,KAAAA,OAAO,IAAHD,EAAG,IAAGA,EAAAE,EAAAV,EAC1BW,MAAAA,OAAQ,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EAAEa,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAC7BE,EAAMd,EAANc,OAEMC,EAAaC,GAAQ,WAAA,MAAsB,aAAhBf,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1Fe,EAASD,GAAQ,WAAA,MACrB,CACE,UAAWL,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWC,EAAa,SAAW,UAChD,GACA,CAACJ,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQC,IAEnDG,EAAcH,EAAaI,EAAQjB,SAAWiB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CAAKC,UAAS,GAAAC,OAAKL,EAAQ,gBAAeK,KAAAA,OAAIN,GAAeO,MAAOR,GAExE,IAEAnB,EAAY4B,YAAc,kBAEbC,EACT5B,GAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,EAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,GAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,EAAA,CAACtB,OAAO,QAAWqB,GAAS,IAC5DE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className,\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","_ref$color","color","opacity","_ref$length","length","_ref$left","left","_ref$width","width","_ref$height","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"4OAkBaA,EAAgCC,GAAmB,SAAAC,GAQ5C,IAPlBC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAAQC,EAAAH,EACrBI,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAOL,EAAPK,QAAOC,EAAAN,EACPO,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EAAES,KAAAA,OAAO,IAAHD,EAAG,IAAGA,EAAAE,EAAAV,EAC1BW,MAAAA,OAAQ,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EAAEa,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAC7BE,EAAMd,EAANc,OACAC,EAASf,EAATe,UAEMC,EAAaC,GAAQ,WAAA,MAAsB,aAAhBhB,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1FgB,EAASD,GAAQ,WAAA,MACrB,CACE,UAAWN,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWE,EAAa,SAAW,UAChD,GACA,CAACL,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQlB,SAAWkB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GAGb,IAEApB,EAAY4B,YAAc,kBAEbC,EACT5B,GAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,EAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,GAAK,SAAC6B,GAAK,OAAKN,MAAAC,cAACzB,EAAW+B,EAAA,CAACtB,OAAO,QAAWqB,GAAS,IAC5DE,EAAkBJ,YAAc"}

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

@@ -1,2 +1,2 @@
-import{memo as i,useMemo as o}from"react";import e from"./icon.module.scss.js";var r=i((function(i){var r=i.iconUrl,t=i.minWidth,n=void 0===t?"1rem":t,c=i.minHeight,a=void 0===c?"1rem":c,m=i.width,s=i.height,h=i.color,l=void 0===h?"currentColor":h,d=o((function(){return{"--min-width":n,"--min-height":a,"--width":m,"--height":s,"--icon-url":"url(".concat(r,")"),"--icon-color":l}}),[n,a,m,s,r,l]);return React.createElement("span",{className:"".concat(e["icon-base"]," icon-base"),style:d})}));r.displayName="IconBase";export{r as IconBase};
+import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as o,useMemo as e}from"react";import c from"./icon.module.scss.js";var i=o((function(o){var i=o.iconUrl,r=o.minWidth,t=void 0===r?"1rem":r,n=o.minHeight,a=void 0===n?"1rem":n,s=o.width,m=o.height,l=o.color,d=void 0===l?"currentColor":l,h=o.className,u=e((function(){return{"--min-width":t,"--min-height":a,"--width":s,"--height":m,"--icon-url":"url(".concat(i,")"),"--icon-color":d}}),[t,a,s,m,i,d]);return React.createElement("span",{className:"".concat(c["icon-base"]," icon-base ").concat(h),style:u})}));i.displayName="IconBase";export{i 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  color?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor',\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': width,\n      '--height': height,\n      '--icon-url': `url(${iconUrl})`,\n      '--icon-color': color,\n    }\n  ), [minWidth, minHeight, width, height, iconUrl, color])\n\n  return (\n    <span className={`${classes['icon-base']} icon-base`} style={styles as CSSProperties} />\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","width","height","_ref$color","color","styles","useMemo","concat","React","createElement","className","classes","style","displayName"],"mappings":"mFAaaA,EAAWC,GAAmB,SAAAC,GAEvB,IADlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAKN,EAALM,MAAOC,EAAMP,EAANO,OAAMC,EAAAR,EAAES,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAE/EE,EAASC,GAAQ,WAAA,MACrB,CACE,cAAeR,EACf,eAAgBE,EAChB,UAAWC,EACX,WAAYC,EACZ,aAAYK,OAAAA,OAASX,EAAU,KAC/B,eAAgBQ,EACjB,GACA,CAACN,EAAUE,EAAWC,EAAOC,EAAQN,EAASQ,IAEjD,OACEI,MAAAC,cAAA,OAAA,CAAMC,aAASH,OAAKI,EAAQ,aAAyB,cAACC,MAAOP,GAEjE,IAEAZ,EAASoB,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\ntype IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  color?: string\n  className?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor', className,\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': width,\n      '--height': height,\n      '--icon-url': `url(${iconUrl})`,\n      '--icon-color': color,\n    }\n  ), [minWidth, minHeight, 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  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","width","height","_ref$color","color","className","styles","useMemo","concat","React","createElement","classes","style","displayName"],"mappings":"0JAcaA,EAAWC,GAAmB,SAAAC,GAEvB,IADlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAKN,EAALM,MAAOC,EAAMP,EAANO,OAAMC,EAAAR,EAAES,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAEE,EAASV,EAATU,UAEjFC,EAASC,GAAQ,WAAA,MACrB,CACE,cAAeT,EACf,eAAgBE,EAChB,UAAWC,EACX,WAAYC,EACZ,aAAYM,OAAAA,OAASZ,EAAU,KAC/B,eAAgBQ,EACjB,GACA,CAACN,EAAUE,EAAWC,EAAOC,EAAQN,EAASQ,IAEjD,OACEK,MAAAC,cAAA,OAAA,CACEL,UAAS,GAAAG,OAAMG,EAAgB,aAAYH,eAAAA,OAAcH,GACzDO,MAAON,GAGb,IAEAb,EAASoB,YAAc"}

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{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{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{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{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{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, ...props }, ref) => {
+const FBoxRefForwarded = forwardRef(({ style, children, className, ...props }, ref) => {
     const styles = useMemo(() => ({
         ...style,
         ...props,
@@ -16,7 +16,7 @@ const FBoxRefForwarded = forwardRef(({ style, children, ...props }, ref) => {
         ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),
         ...(props.direction ? { flexDirection: props.direction } : {}),
     }), [props, style]);
-    return (_jsx("div", { ref: ref, className: classes['flexible-box'], style: styles, children: children }));
+    return (_jsx("div", { ref: ref, className: `${classes['flexible-box']} ${className}`, style: styles, children: children }));
 });
 FBoxRefForwarded.displayName = 'FBoxRefForwarded';
 export const FBox = memo(FBoxRefForwarded);

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;AA4BxC,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,GAAG,KAAK,EACf,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,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAG,OAAe,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,MAAuB,YAAG,QAAQ,GAAO,CAC7G,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,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"}

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useRef, useMemo, useEffect } from 'react';
+import debounce from 'lodash-es/debounce';
+import { FBox } from './FBox';
+const styles = {
+    main: {
+        position: 'absolute',
+        zIndex: 111,
+        left: 0,
+        pointerEvents: 'none',
+        // backgroundColor: '#FF000040',
+    },
+    empty: {
+        pointerEvents: 'none',
+        // background: '#FF000040',
+        // border: '1px solid #0000FF40',
+    },
+};
+export const ResizableContainer = memo(({ children, ...props }) => {
+    const containerRef = useRef();
+    const lastResizeWidthRef = useRef({ width: 0, height: 0 });
+    const [containerSize, setContainerSize] = useState({ width: undefined, height: undefined });
+    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {
+        const newResizeWidth = entries[0].contentRect.width;
+        const newResizeHeight = entries[0].contentRect.height;
+        if (lastResizeWidthRef.current?.width === newResizeWidth
+            && lastResizeWidthRef.current?.height === newResizeHeight) {
+            return;
+        }
+        lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight };
+        setContainerSize({
+            width: containerRef?.current?.clientWidth,
+            height: containerRef?.current?.clientHeight,
+        });
+    }, 250), []);
+    useEffect(() => {
+        let resizeObserver;
+        let containerElement;
+        if (containerRef?.current) {
+            containerElement = containerRef?.current;
+            resizeObserver = new ResizeObserver(debouncedResizeWrapper);
+            resizeObserver.observe(containerElement);
+        }
+        return () => {
+            resizeObserver?.unobserve?.(containerElement);
+        };
+    }, [debouncedResizeWrapper, containerRef]);
+    // END RESIZING
+    console.log('containerSize', containerSize);
+    return (_jsxs(FBox, { width: '100%', height: '100%', justify: 'center', align: 'center', direction: 'column', ...props, children: [_jsx(FBox, { style: styles.main, width: '100%', height: '100%', ref: containerRef }), !children && (_jsx(FBox, { width: `${Math.max(containerSize?.width || 200, 200) || 200}px`, height: `${Math.max(containerSize?.height || 200, 200) || 200}px`, style: styles.empty })), children && children?.({
+                height: `${containerSize?.height || 200}px`,
+                width: `${containerSize?.width || 200}px`,
+                measured: !!containerSize?.height,
+            })] }));
+});
+ResizableContainer.displayName = 'ResizableContainer';
+//# sourceMappingURL=ResizableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableContainer.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAA;AAChG,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAexC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,MAAM;QACrB,gCAAgC;KACjC;IACD,KAAK,EAAE;QACL,aAAa,EAAE,MAAM;QACrB,2BAA2B;QAC3B,iCAAiC;KAClC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CACpC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,MAAM,EAAkB,CAAA;IAE7C,MAAM,kBAAkB,GAAG,MAAM,CAAoC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IAE7F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAEhE,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QACnD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAA;QAErD,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,KAAK,cAAc;eACrD,kBAAkB,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,EAAE;YACzD,OAAM;SACP;QACD,kBAAkB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAAA;QAE/E,gBAAgB,CAAC;YACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;YACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;SAC5C,CAAC,CAAA;IACJ,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAA8B,CAAA;QAClC,IAAI,gBAA6B,CAAA;QAEjC,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,gBAAgB,GAAG,YAAY,EAAE,OAAO,CAAA;YACxC,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC,CAAA;YAC3D,cAAc,CAAC,OAAO,CAAC,gBAA2B,CAAC,CAAA;SACpD;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,SAAS,EAAE,CAAC,gBAA2B,CAAC,CAAA;QAC1D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1C,eAAe;IAEf,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;IAE3C,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,QAAQ,KACd,KAAK,aAET,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,YAAyC,GAC9C,EACD,CAAC,QAAQ,IAAI,CAAC,KAAC,IAAI,IAClB,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAC/D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EACjE,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CAAC,EACF,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACtB,MAAM,EAAE,GAAG,aAAa,EAAE,MAAM,IAAI,GAAG,IAAI;gBAC3C,KAAK,EAAE,GAAG,aAAa,EAAE,KAAK,IAAI,GAAG,IAAI;gBACzC,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM;aACD,CAAC,IAC9B,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}

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

@@ -2,4 +2,5 @@ export * from './FBox';
 export * from './Flex';
 export * from './Placeholder';
 export * from './Container';
+export * from './ResizableContainer';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA"}