@e1011/es-kit 1.0.24 → 1.0.28

package/dist/ui/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/ui/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/ui/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/ui/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/ui/src/core/ui/components/dividers/DividerLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\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/ui/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/ui/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/ui/src/core/ui/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/style.js"),o=require("./components/container/FBox.js"),r=require("./components/container/Flex.js"),t=require("./components/container/Placeholder.js"),n=require("./components/container/Container.js"),s=require("./components/field/Field.js"),i=require("./components/dividers/DividerLine.js"),l=require("./components/icon/IconBase.js"),c=require("./components/icon/Icon.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.FBox=o.FBox,exports.Flex=r.Flex,exports.FlexTight=r.FlexTight,exports.FlexTightStyled=r.FlexTightStyled,exports.FlexWrapper=r.FlexWrapper,exports.Placeholder=t.Placeholder,exports.Container=n.Container,exports.Field=s.Field,exports.FieldWrapper=s.FieldWrapper,exports.Select=s.Select,exports.setIconColor=s.setIconColor,exports.setIconComponent=s.setIconComponent,exports.DividerHorizontal=i.DividerHorizontal,exports.DividerLine=i.DividerLine,exports.DividerVertical=i.DividerVertical,exports.IconBase=l.IconBase,exports.Icon=c.Icon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/style.js"),o=require("./components/container/FBox.js"),r=require("./components/container/Flex.js"),t=require("./components/container/Placeholder.js"),n=require("./components/container/Container.js"),s=require("./components/container/ResizableContainer.js"),i=require("./components/field/Field.js"),l=require("./components/dividers/DividerLine.js"),c=require("./components/icon/IconBase.js"),p=require("./components/icon/Icon.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.FBox=o.FBox,exports.Flex=r.Flex,exports.FlexTight=r.FlexTight,exports.FlexTightStyled=r.FlexTightStyled,exports.FlexWrapper=r.FlexWrapper,exports.Placeholder=t.Placeholder,exports.Container=n.Container,exports.ResizableContainer=s.ResizableContainer,exports.Field=i.Field,exports.FieldWrapper=i.FieldWrapper,exports.Select=i.Select,exports.setIconColor=i.setIconColor,exports.setIconComponent=i.setIconComponent,exports.DividerHorizontal=l.DividerHorizontal,exports.DividerLine=l.DividerLine,exports.DividerVertical=l.DividerVertical,exports.IconBase=c.IconBase,exports.Icon=p.Icon;
 //# sourceMappingURL=index.js.map

package/dist/utils/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/utils/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/utils/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/utils/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/utils/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/utils/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@e1011/es-kit",
-  "version": "1.0.24",
+  "version": "1.0.28",
   "main": "dist/lib/cjs/src/index.js",
   "module": "dist/lib/esm/src/index.js",
   "sideEffects": false,