@e1011/es-kit 1.0.42 → 1.0.46

package/dist/types/src/core/hooks/useResize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.d.ts","sourceRoot":"","sources":["../../../../../src/core/hooks/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA8C,MAAM,OAAO,CAAA;AAGpF,KAAK,WAAW,GAAG;IAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAA;CAAC,CAAA;AAI1E,KAAK,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;AAErC,eAAO,MAAM,SAAS,8BAA0B;IAC9C,iBAAiB,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAAE,WAAW;IAAE,UAAU,GAAG,SAAS;CAmDtF,CAAA"}
+{"version":3,"file":"useResize.d.ts","sourceRoot":"","sources":["../../../../../src/core/hooks/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA8C,MAAM,OAAO,CAAA;AAGpF,MAAM,MAAM,WAAW,GAAG;IAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAA;CAAC,CAAA;AAIjF,KAAK,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;AAGlE,eAAO,MAAM,SAAS,sCAAoC,iBAAiB,KAAG;IAC5E,iBAAiB,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAAE,WAAW;IAAE,UAAU,GAAG,SAAS;CAmDtF,CAAA"}

package/dist/types/src/core/ui/components/container/ResizableContainer.d.ts

@@ -1,6 +1,8 @@
 import { PropsWithChildren } from 'react';
 import { FBoxProps } from './FBox';
-export type ResizableContainerProps = FBoxProps & PropsWithChildren<any>;
+export type ResizableContainerProps = FBoxProps & PropsWithChildren<any> & {
+    debounceDelay?: number;
+};
 export type ResizableContainerRenderProps = {
     width: number | string;
     height: number | string;

package/dist/types/src/core/ui/components/container/ResizableContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyD,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAKxC,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAA;AAExE,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAmBD,eAAO,MAAM,kBAAkB,0CAuE9B,CAAA"}
+{"version":3,"file":"ResizableContainer.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+D,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGtG,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGxC,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG;IACzE,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAmBD,eAAO,MAAM,kBAAkB,0CA0E9B,CAAA"}

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

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

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

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

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

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

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

@@ -1 +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"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { FBox, FBoxProps } from './FBox'\n\n\nexport type ResizableContainerProps = FBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\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, debounceDelay = 250, ...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    }, debounceDelay), [debounceDelay])\n\n    useLayoutEffect(() => {\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        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\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","_ref$debounceDelay","debounceDelay","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","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","FBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"kRAkBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAGjBC,MAAO,CACLD,cAAe,SAMNE,EAAqBC,EAAAA,MAChC,SAAAC,GAA0E,IAAvEC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAAKE,EAAKC,EAAAC,wBAAAN,EAAAO,GAClCC,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,GAAE9B,KAAgB,CAACA,IAuBpB,OArBA+B,EAAAA,iBAAgB,WACd,IAAIC,EACAC,EAEuBC,EAAAC,EAAvB9B,SAAAA,EAAcuB,UAChBK,EAAmB5B,aAAAA,EAAAA,EAAcuB,SACjCI,EAAiB,IAAII,eAAenB,IACrBoB,QAAQJ,GAEvBjB,EAAiB,CACfR,MAAOH,SAAqB6B,QAATA,EAAZ7B,EAAcuB,eAAdM,IAAqBA,SAArBA,EAAuBL,YAC9BpB,OAAQJ,SAAqB,QAAT8B,EAAZ9B,EAAcuB,eAAO,IAAAO,SAArBA,EAAuBL,gBAGnC,OAAO,WAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,GAEhC,GAAG,CAAChB,EAAwBZ,IAK1BqC,MAAAC,cAACC,EAAIA,KAAAC,UAAA,CACHrC,MAAM,OACNC,OAAO,OACPqC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACN/C,GAEJyC,MAAAC,cAACC,EAAAA,KAAI,CACHK,MAAO7D,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPyC,IAAK7C,KAELP,GAAa4C,MAAAC,cAACC,EAAAA,KAAI,CAClBpC,MAAK,GAAA2C,OAAKC,KAAKC,KAAItC,eAAAA,EAAeP,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAA0C,OAAKC,KAAKC,KAAItC,eAAAA,EAAeN,SAAU,IAAK,MAAQ,IAAQ,MAClEwC,MAAO7D,EAAOM,QAEfI,IAAYA,aAAQ,EAARA,EAAW,CACtBW,OAAM0C,GAAAA,QAAKpC,aAAa,EAAbA,EAAeN,SAAU,IAAO,MAC3CD,MAAK2C,GAAAA,QAAKpC,aAAa,EAAbA,EAAeP,QAAS,IAAO,MACzC8C,WAAYvC,UAAAA,EAAeN,WAInC,IAGFd,EAAmB4D,YAAc"}

package/dist/utils/esm/index.css

@@ -1,3 +1,27 @@
+.fbox-module_flexible-box__rLJ93 {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+  flex: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+  flex-wrap: nowrap;
+  gap: 0;
+  text-align: left;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-self: auto;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
+  min-width: 0;
+  min-height: 0;
+  border-radius: initial;
+}
 .divider-module_divider-line__6CesR {
   position: relative;
   display: block;
@@ -46,28 +70,4 @@
   fill: var(--icon-content-color);
   width: var(--height);
   height: var(--width);
-}
-.fbox-module_flexible-box__rLJ93 {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  flex: 0;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: auto;
-  flex-wrap: nowrap;
-  gap: 0;
-  text-align: left;
-  justify-content: flex-start;
-  align-items: flex-start;
-  align-self: auto;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: auto;
-  max-width: none;
-  max-height: none;
-  min-width: 0;
-  min-height: 0;
-  border-radius: initial;
 }

package/dist/utils/index.css

@@ -1,3 +1,27 @@
+.fbox-module_flexible-box__rLJ93 {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+  flex: 0;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+  flex-wrap: nowrap;
+  gap: 0;
+  text-align: left;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-self: auto;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  height: auto;
+  max-width: none;
+  max-height: none;
+  min-width: 0;
+  min-height: 0;
+  border-radius: initial;
+}
 .divider-module_divider-line__6CesR {
   position: relative;
   display: block;
@@ -46,28 +70,4 @@
   fill: var(--icon-content-color);
   width: var(--height);
   height: var(--width);
-}
-.fbox-module_flexible-box__rLJ93 {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  flex: 0;
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex-basis: auto;
-  flex-wrap: nowrap;
-  gap: 0;
-  text-align: left;
-  justify-content: flex-start;
-  align-items: flex-start;
-  align-self: auto;
-  margin: 0;
-  padding: 0;
-  width: auto;
-  height: auto;
-  max-width: none;
-  max-height: none;
-  min-width: 0;
-  min-height: 0;
-  border-radius: initial;
 }

package/package.json

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