@e1011/es-kit 1.0.24 → 1.0.26

package/dist/hooks/esm/index.css

@@ -1,3 +1,22 @@
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;
@@ -22,25 +41,6 @@
   min-height: 0;
   border-radius: initial;
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .icon-module_icon-base__S0tHf {
   min-width: var(--min-width);
   min-height: var(--min-width);

package/dist/hooks/index.css

@@ -1,3 +1,22 @@
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .fbox-module_flexible-box__rLJ93 {
   display: flex;
   position: relative;
@@ -22,25 +41,6 @@
   min-height: 0;
   border-radius: initial;
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .icon-module_icon-base__S0tHf {
   min-width: var(--min-width);
   min-height: var(--min-width);

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/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/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/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/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/dividers/DividerLine.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/jsx-props-no-spreading */
 import { memo, useMemo } from 'react';
 import classes from './divider.module.scss';
-export const DividerLine = memo(({ orientation, vertical, color = '#999999', opacity, length = '80%', left = '0', width = '1px', height = '1px', margin, }) => {
+export const DividerLine = memo(({ orientation, vertical, color = '#999999', opacity, length = '80%', left = '0', width = '1px', height = '1px', margin, className, }) => {
     const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical]);
     const styles = useMemo(() => ({
         '--width': width,
@@ -14,7 +14,7 @@ export const DividerLine = memo(({ orientation, vertical, color = '#999999', opa
         '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),
     }), [width, height, length, opacity, color, left, margin, isVertical]);
     const verHorClass = isVertical ? classes.vertical : classes.horizontal;
-    return (_jsx("div", { className: `${classes['divider-line']} ${verHorClass}`, style: styles }));
+    return (_jsx("div", { className: `${classes['divider-line']} ${verHorClass} ${className}`, style: styles }));
 });
 DividerLine.displayName = 'DividerLine';
 export const DividerVertical = memo((props) => _jsx(DividerLine, { vertical: true, length: '100%', ...props }));

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

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,IAAI,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAc3C,MAAM,CAAC,MAAM,WAAW,GAAqB,IAAI,CAAe,CAAC,EAC/D,WAAW,EAAE,QAAQ,EACrB,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAC1B,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAC7B,MAAM,GACO,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1G,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;KACzD,CACF,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAA;IAEtE,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,IAAI,WAAW,EAAE,EAAE,KAAK,EAAE,MAAuB,GAAI,CAChG,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GACxB,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAC1B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AAC7D,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
+{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,IAAI,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAe3C,MAAM,CAAC,MAAM,WAAW,GAAqB,IAAI,CAAe,CAAC,EAC/D,WAAW,EAAE,QAAQ,EACrB,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAC1B,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAC7B,MAAM,EACN,SAAS,GACI,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1G,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;KACzD,CACF,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAA;IAEtE,OAAO,CACL,cACE,SAAS,EAAE,GAAI,OAAe,CAAC,cAAc,CAAC,IAAI,WAAW,IAAI,SAAS,EAAE,EAC5E,KAAK,EAAE,MAAuB,GAC9B,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GACxB,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAC1B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AAC7D,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import classes from './icon.module.scss';
-export const IconBase = memo(({ iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor', }) => {
+export const IconBase = memo(({ iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor', className, }) => {
     const styles = useMemo(() => ({
         '--min-width': minWidth,
         '--min-height': minHeight,
@@ -10,7 +10,7 @@ export const IconBase = memo(({ iconUrl, minWidth = '1rem', minHeight = '1rem',
         '--icon-url': `url(${iconUrl})`,
         '--icon-color': color,
     }), [minWidth, minHeight, width, height, iconUrl, color]);
-    return (_jsx("span", { className: `${classes['icon-base']} icon-base`, style: styles }));
+    return (_jsx("span", { className: `${classes['icon-base']} icon-base ${className}`, style: styles }));
 });
 IconBase.displayName = 'IconBase';
 //# sourceMappingURL=IconBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAEvE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAWxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,CAAC,EAC1C,OAAO,EAAE,QAAQ,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,GACxE,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,OAAO,OAAO,GAAG;QAC/B,cAAc,EAAE,KAAK;KACtB,CACF,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAExD,OAAO,CACL,eAAM,SAAS,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,MAAuB,GAAI,CACzF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAA;AAEvE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAYxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,CAAC,EAC1C,OAAO,EAAE,QAAQ,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GACnF,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,OAAO,OAAO,GAAG;QAC/B,cAAc,EAAE,KAAK;KACtB,CACF,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAExD,OAAO,CACL,eACE,SAAS,EAAE,GAAI,OAAe,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EACpE,KAAK,EAAE,MAAuB,GAC9B,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}