@e1011/es-kit 1.0.4 → 1.0.6

package/dist/hooks/esm/src/core/hooks/useResize.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useState, useRef, useMemo, useLayoutEffect } from 'react';
 import debounce from '../../../node_modules/lodash-es/debounce.js';
 
 var useResize = function useResize() {
@@ -37,7 +37,7 @@ var useResize = function useResize() {
       });
     }, debounceDelay);
   }, [containerRef, debounceDelay]);
-  useEffect(function () {
+  useLayoutEffect(function () {
     var resizeObserver;
     var containerElement;
     if (containerRef !== null && containerRef !== void 0 && containerRef.current) {

package/dist/hooks/esm/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, debounceDelay])\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      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":";;;;AASaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,GACsE;EAAA,IADlEC,aAAa,uEAAG,GAAG,CAAA;AAE3C,EAAA,IAAA,SAAA,GACEC,QAAQ,CAAc;AAAEC,MAAAA,KAAK,EAAEC,SAAS;AAAEC,MAAAA,MAAM,EAAED,SAAAA;AAAU,KAAC,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IADzDE,aAAa,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAGtC,IAAMC,kBAAkB,GAAGC,MAAM,CAAc;AAAEN,IAAAA,KAAK,EAAE,CAAC;AAAEE,IAAAA,MAAM,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA;EACvE,IAAMK,YAA8D,GAAGD,MAAM,EAAkC,CAAA;;AAE/G;EACA,IAAME,aAAa,GAAGF,MAAM,EAAc,CAAA;EAE1C,IAAMG,sBAAsB,GAAGC,OAAO,CAAC,YAAA;AAAA,IAAA,OAAMC,QAAQ,CAAC,UAACC,OAAO,EAAK;AAAA,MAAA,IAAA,qBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,sBAAA,CAAA;MACjE,IAAMC,cAAc,GAAGD,OAAO,CAAC,CAAC,CAAC,CAACE,WAAW,CAACd,KAAK,CAAA;MACnD,IAAMe,eAAe,GAAGH,OAAO,CAAC,CAAC,CAAC,CAACE,WAAW,CAACZ,MAAM,CAAA;AAErD,MAAA,IAAI,0BAAAG,kBAAkB,CAACW,OAAO,MAA1B,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAA4BhB,KAAK,MAAKa,cAAc,IACnD,CAAAR,CAAAA,sBAAAA,GAAAA,kBAAkB,CAACW,OAAO,MAAA,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA1B,uBAA4Bd,MAAM,MAAKa,eAAe,EAAE;AAC3D,QAAA,OAAA;AACF,OAAA;MACAV,kBAAkB,CAACW,OAAO,GAAG;AAAEhB,QAAAA,KAAK,EAAEa,cAAc;AAAEX,QAAAA,MAAM,EAAEa,eAAAA;OAAiB,CAAA;AAE/EX,MAAAA,gBAAgB,CAAC;QACfJ,KAAK,EAAEO,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAZA,YAAY,CAAES,OAAO,MAArB,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAuBC,WAAW;QACzCf,MAAM,EAAEK,YAAY,KAAZA,IAAAA,IAAAA,YAAY,iDAAZA,YAAY,CAAES,OAAO,MAAA,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArB,sBAAuBE,CAAAA,YAAAA;AACjC,OAAC,CAAC,CAAA;KACH,EAAEpB,aAAa,CAAC,CAAA;AAAA,GAAA,EAAE,CAACS,YAAY,EAAET,aAAa,CAAC,CAAC,CAAA;AAEjDqB,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIC,cAA8B,CAAA;AAClC,IAAA,IAAIC,gBAA6B,CAAA;AAEjC,IAAA,IAAId,YAAY,KAAZA,IAAAA,IAAAA,YAAY,eAAZA,YAAY,CAAES,OAAO,EAAE;AAAA,MAAA,IAAA,sBAAA,EAAA,sBAAA,CAAA;AACzBK,MAAAA,gBAAgB,GAAGd,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAES,OAAO,CAAA;AACxCI,MAAAA,cAAc,GAAG,IAAIE,cAAc,CAACb,sBAAsB,CAAC,CAAA;AAC3DW,MAAAA,cAAc,CAACG,OAAO,CAACF,gBAAgB,CAAY,CAAA;AAEnDjB,MAAAA,gBAAgB,CAAC;QACfJ,KAAK,EAAEO,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,sBAAA,GAAZA,YAAY,CAAES,OAAO,MAArB,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAuBC,WAAW;QACzCf,MAAM,EAAEK,YAAY,KAAZA,IAAAA,IAAAA,YAAY,iDAAZA,YAAY,CAAES,OAAO,MAAA,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArB,sBAAuBE,CAAAA,YAAAA;AACjC,OAAC,CAAC,CAAA;AACJ,KAAA;AACA,IAAA,IAAMM,UAAU,GAAG,SAAbA,UAAU,GAAS;AAAA,MAAA,IAAA,eAAA,EAAA,qBAAA,CAAA;AACvB,MAAA,CAAA,eAAA,GAAAJ,cAAc,MAAd,IAAA,IAAA,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAA,eAAA,CAAgBK,SAAS,MAAzB,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA,IAAA,CAAA,eAAA,EAA4BJ,gBAAgB,CAAY,CAAA;KACzD,CAAA;;AAED;IACAb,aAAa,CAACQ,OAAO,GAAGQ,UAAU,CAAA;AAElC,IAAA,OAAOA,UAAU,CAAA;AACnB,GAAC,EAAE,CAACf,sBAAsB,EAAEF,YAAY,CAAC,CAAC,CAAA;EAE1C,OAAO,CAACA,YAAY,EAAEJ,aAAa,EAAEK,aAAa,CAACQ,OAAO,CAAC,CAAA;AAC7D;;;;"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, 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    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}

package/dist/hooks/src/core/hooks/useResize.js

@@ -41,7 +41,7 @@ var useResize = function useResize() {
       });
     }, debounceDelay);
   }, [containerRef, debounceDelay]);
-  react.useEffect(function () {
+  react.useLayoutEffect(function () {
     var resizeObserver;
     var containerElement;
     if (containerRef !== null && containerRef !== void 0 && containerRef.current) {

package/dist/hooks/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, debounceDelay])\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      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","_slicedToArray","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}
+{"version":3,"file":"useResize.js","sources":["../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, 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    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","_slicedToArray","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}

package/dist/lib/cjs/src/core/hooks/useResize.js

@@ -41,7 +41,7 @@ var useResize = function useResize() {
       });
     }, debounceDelay);
   }, [containerRef, debounceDelay]);
-  React.useEffect(function () {
+  React.useLayoutEffect(function () {
     var resizeObserver;
     var containerElement;
     if (containerRef !== null && containerRef !== void 0 && containerRef.current) {

package/dist/lib/cjs/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, debounceDelay])\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      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","_slicedToArray","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, 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    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","_slicedToArray","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}

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

@@ -105,8 +105,23 @@ var FlexTight = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(f
   displayName: "Flex__FlexTight",
   componentId: "sc-19vq3db-2"
 })([""]));
+var FlexTightStyled = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(function (props) {
+  return _rollupPluginBabelHelpers.objectSpread2({
+    size: 'unset',
+    width: 'initial',
+    style: {
+      text: 'blue',
+      padding: '1rem',
+      border: '1px solid green'
+    }
+  }, props);
+}).withConfig({
+  displayName: "Flex__FlexTightStyled",
+  componentId: "sc-19vq3db-3"
+})([""]));
 
 exports.Flex = Flex;
 exports.FlexTight = FlexTight;
+exports.FlexTightStyled = FlexTightStyled;
 exports.FlexWrapper = FlexWrapper;
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size"],"mappings":"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"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n\nexport 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","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size","FlexTightStyled","style","text","border"],"mappings":"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"}

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

@@ -110,6 +110,7 @@ exports.setDefaultFontSize = style.setDefaultFontSize;
 exports.toHex = style.toHex;
 exports.Flex = Flex.Flex;
 exports.FlexTight = Flex.FlexTight;
+exports.FlexTightStyled = Flex.FlexTightStyled;
 exports.FlexWrapper = Flex.FlexWrapper;
 exports.Placeholder = Placeholder.Placeholder;
 exports.Container = Container.Container;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/esm/src/core/hooks/useResize.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useState, useRef, useMemo, useLayoutEffect } from 'react';
 import debounce from '../../../node_modules/lodash-es/debounce.js';
 
 var useResize = function useResize() {
@@ -37,7 +37,7 @@ var useResize = function useResize() {
       });
     }, debounceDelay);
   }, [containerRef, debounceDelay]);
-  useEffect(function () {
+  useLayoutEffect(function () {
     var resizeObserver;
     var containerElement;
     if (containerRef !== null && containerRef !== void 0 && containerRef.current) {

package/dist/lib/esm/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, debounceDelay])\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      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport const useResize = (debounceDelay = 250): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n  = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n\n  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)\n  const unobserverRef = useRef<Unobserver>()\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), [containerRef, 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    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","useState","width","undefined","height","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserver","unobserve"],"mappings":"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"}

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

@@ -97,6 +97,20 @@ var FlexTight = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   displayName: "Flex__FlexTight",
   componentId: "sc-19vq3db-2"
 })([""]));
+var FlexTightStyled = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
+  return _objectSpread2({
+    size: 'unset',
+    width: 'initial',
+    style: {
+      text: 'blue',
+      padding: '1rem',
+      border: '1px solid green'
+    }
+  }, props);
+}).withConfig({
+  displayName: "Flex__FlexTightStyled",
+  componentId: "sc-19vq3db-3"
+})([""]));
 
-export { Flex, FlexTight, FlexWrapper };
+export { Flex, FlexTight, FlexTightStyled, FlexWrapper };
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size"],"mappings":"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"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n\nexport 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","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size","FlexTightStyled","style","text","border"],"mappings":";;;;AA2BA,IAAMA,YAAoC,GAAG;AAC3CC,EAAAA,KAAK,EAAE,YAAY;AACnB,EAAA,YAAY,EAAE,YAAY;AAC1BC,EAAAA,GAAG,EAAE,UAAU;AACf,EAAA,UAAU,EAAE,UAAA;AACd,CAAC,CAAA;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAAc,EAAA;EAAA,OAA0BA,KAAK,GAAIJ,YAAY,CAACI,KAAK,CAAC,IAAIA,KAAK,GAAIA,KAAK,CAAA;AAAA,CAAC,CAAA;IAEpGC,IAAI,gBAAGC,IAAI,CAACC,MAAM,CAACC,GAAG,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,MAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAGf,CAAA,CAAA,CAAA,gDAAA,EAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,GAAA,CAAA,EAAA,UAAA,IAAA,EAAA;EAAA,IAAGC,SAAS,QAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,KAAK,CAAA;AAAA,CACnE,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA,OAA4BA,IAAI,KAAKC,SAAS,GAAGD,IAAI,GAAG,GAAG,CAAA;AAAA,CAAC,EAC9D,UAAA,KAAA,EAAA;EAAA,IAAGE,QAAQ,SAARA,QAAQ,CAAA;AAAA,EAAA,OAA4BA,QAAQ,KAAKD,SAAS,GAAGC,QAAQ,GAAG,GAAG,CAAA;AAAA,CAAC,EAC7E,UAAA,KAAA,EAAA;EAAA,IAAGC,UAAU,SAAVA,UAAU,CAAA;AAAA,EAAA,OAA4BA,UAAU,KAAKF,SAAS,GAAGE,UAAU,GAAG,GAAG,CAAA;AAAA,CAAC,EACtF,UAAA,KAAA,EAAA;EAAA,IAAGC,SAAS,SAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CAC3D,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,QAAQ,SAARA,QAAQ,CAAA;EAAA,OAA2BA,QAAQ,IAAI,QAAQ,CAAA;AAAA,CAChE,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,GAAG,SAAHA,GAAG,CAAA;AAAA,EAAA,OAA4BA,GAAG,KAAKL,SAAS,GAAGK,GAAG,GAAG,GAAG,CAAA;AAAA,CAAC,EACzD,UAAA,KAAA,EAAA;EAAA,IAAGC,SAAS,SAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CACrD,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,OAAO,SAAPA,OAAO,CAAA;AAAA,EAAA,OAA2Bf,gBAAgB,CAACe,OAAO,CAAC,IAAI,YAAY,CAAA;AAAA,CAClF,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,KAAK,UAALA,KAAK,CAAA;AAAA,EAAA,OAA2BhB,gBAAgB,CAACgB,KAAK,CAAC,IAAI,YAAY,CAAA;AAAA,CAC3E,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,SAAS,UAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CAC9D,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,MAAM,UAANA,MAAM,CAAA;EAAA,OAA2BA,MAAM,IAAI,GAAG,CAAA;AAAA,CAChD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,OAAO,UAAPA,OAAO,CAAA;EAAA,OAA2BA,OAAO,IAAI,GAAG,CAAA;AAAA,CACrD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,KAAK,UAALA,KAAK,CAAA;EAAA,OAA2BA,KAAK,IAAI,MAAM,CAAA;AAAA,CACjD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,MAAM,UAANA,MAAM,CAAA;EAAA,OAA2BA,MAAM,IAAI,MAAM,CAAA;AAAA,CACjD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,QAAQ,UAARA,QAAQ,CAAA;EAAA,OAA2BA,QAAQ,IAAI,MAAM,CAAA;AAAA,CACvD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,SAAS,UAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CAC3D,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,QAAQ,UAARA,QAAQ,CAAA;EAAA,OAA6BA,QAAQ,IAAIA,QAAQ,KAAK,GAAG,GAAIA,QAAQ,GAAG,GAAG,CAAA;AAAA,CAAC,EACtF,UAAA,MAAA,EAAA;EAAA,IAAGC,SAAS,UAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,GAAG,CAAA;AAAA,CACpD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,YAAY,UAAZA,YAAY,CAAA;EAAA,OAA2BA,YAAY,IAAI,SAAS,CAAA;AAAA,CACpF,CAAA,EAAA;;AAEF;AACaC,IAAAA,WAAW,gBAAGxB,IAAI,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC0B,KAAK,CAAC,UAACC,KAAyB,EAAA;AAAA,EAAA,OAAAC,cAAA,CAAA;AAEzEV,IAAAA,KAAK,EAAES,KAAK,CAACT,KAAK,IAAI,MAAM;AAC5BC,IAAAA,MAAM,EAAEQ,KAAK,CAACR,MAAM,IAAI,MAAM;AAC9BN,IAAAA,OAAO,EAAEc,KAAK,CAACd,OAAO,IAAI,QAAQ;AAClCC,IAAAA,KAAK,EAAEa,KAAK,CAACb,KAAK,IAAI,QAAA;AAAQ,GAAA,EAC3Ba,KAAK,CAAA,CAAA;AAAA,CAEX,CAAC,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAG,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA;AAEQE,IAAAA,SAAS,gBAAG5B,IAAI,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC0B,KAAK,CAAC,UAACC,KAAyB,EAAA;AAAA,EAAA,OAAAC,cAAA,CAAA;AACzEE,IAAAA,IAAI,EAAE,OAAO;AACbZ,IAAAA,KAAK,EAAE,SAAA;AAAS,GAAA,EACbS,KAAK,CAAA,CAAA;AAAA,CACR,CAAC,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAG,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA;AAEOI,IAAAA,eAAe,gBAAG9B,IAAI,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC0B,KAAK,CAAC,UAACC,KAAyB,EAAA;AAAA,EAAA,OAAAC,cAAA,CAAA;AAC/EE,IAAAA,IAAI,EAAE,OAAO;AACbZ,IAAAA,KAAK,EAAE,SAAS;AAChBc,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,MAAM;AACZhB,MAAAA,OAAO,EAAE,MAAM;AACfiB,MAAAA,MAAM,EAAE,iBAAA;AACV,KAAA;AAAC,GAAA,EACEP,KAAK,CAAA,CAAA;AAAA,CACR,CAAC,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAG,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;;;;"}

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

@@ -17,7 +17,7 @@ export { Operation, decrementValue, incerementValue, numberDefined, numberOperat
 export { keyExtractor, keyExtractorFunction } from './core/utils/keyExtractor.js';
 export { dateRangeFormat, getDateTime, getTimeFromNow, getTimeFromNowOriginal, getTimeTo } from './core/utils/date.js';
 export { calculateColors, calculatePercColor, convertHex, convertRGB, defaultFontSize, pxToRem, resolveStyleValue, setDefaultFontSize, toHex } from './core/ui/utils/style.js';
-export { Flex, FlexTight, FlexWrapper } from './core/ui/components/container/Flex.js';
+export { Flex, FlexTight, FlexTightStyled, FlexWrapper } from './core/ui/components/container/Flex.js';
 export { Placeholder } from './core/ui/components/container/Placeholder.js';
 export { Container } from './core/ui/components/container/Container.js';
 export { Field, FieldWrapper, Select, setIconColor, setIconComponent } from './core/ui/components/field/Field.js';

package/dist/lib/src/core/hooks/useResize.js

@@ -25,7 +25,7 @@ const useResize = (debounceDelay = 250) => {
             height: containerRef?.current?.clientHeight,
         });
     }, debounceDelay), [containerRef, debounceDelay]);
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         let resizeObserver;
         let containerElement;
         if (containerRef?.current) {

package/dist/lib/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useResize.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA8E;AAC9E,kEAAyC;AAQlC,MAAM,SAAS,GAAG,CAAC,aAAa,GAAG,GAAG,EAC4C,EAAE;IACzF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,IAAA,gBAAQ,EAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAEhE,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAc,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IACvE,MAAM,YAAY,GAAqD,IAAA,cAAM,GAAkC,CAAA;IAE/G,8EAA8E;IAC9E,MAAM,aAAa,GAAG,IAAA,cAAM,GAAc,CAAA;IAE1C,MAAM,sBAAsB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,kBAAQ,EAAC,CAAC,OAAO,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QACnD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAA;QAErD,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,KAAK,cAAc;eACnD,kBAAkB,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,EAAE;YAC3D,OAAM;SACP;QACD,kBAAkB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAAA;QAE/E,gBAAgB,CAAC;YACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;YACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;SAC5C,CAAC,CAAA;IACJ,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAA8B,CAAA;QAClC,IAAI,gBAA6B,CAAA;QAEjC,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,gBAAgB,GAAG,YAAY,EAAE,OAAO,CAAA;YACxC,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC,CAAA;YAC3D,cAAc,CAAC,OAAO,CAAC,gBAA2B,CAAC,CAAA;YAEnD,gBAAgB,CAAC;gBACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;gBACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;aAC5C,CAAC,CAAA;SACH;QACD,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,cAAc,EAAE,SAAS,EAAE,CAAC,gBAA2B,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,4BAA4B;QAC5B,aAAa,CAAC,OAAO,GAAG,UAAU,CAAA;QAElC,OAAO,UAAU,CAAA;IACnB,CAAC,EAAE,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1C,OAAO,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;AAC7D,CAAC,CAAA;AApDY,QAAA,SAAS,aAoDrB"}
+{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../src/core/hooks/useResize.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAoF;AACpF,kEAAyC;AAQlC,MAAM,SAAS,GAAG,CAAC,aAAa,GAAG,GAAG,EAC4C,EAAE;IACzF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,IAAA,gBAAQ,EAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAEhE,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAc,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IACvE,MAAM,YAAY,GAAqD,IAAA,cAAM,GAAkC,CAAA;IAE/G,8EAA8E;IAC9E,MAAM,aAAa,GAAG,IAAA,cAAM,GAAc,CAAA;IAE1C,MAAM,sBAAsB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,kBAAQ,EAAC,CAAC,OAAO,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QACnD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAA;QAErD,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,KAAK,cAAc;eACnD,kBAAkB,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,EAAE;YAC3D,OAAM;SACP;QACD,kBAAkB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAAA;QAE/E,gBAAgB,CAAC;YACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;YACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;SAC5C,CAAC,CAAA;IACJ,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAEjD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,cAA8B,CAAA;QAClC,IAAI,gBAA6B,CAAA;QAEjC,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,gBAAgB,GAAG,YAAY,EAAE,OAAO,CAAA;YACxC,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC,CAAA;YAC3D,cAAc,CAAC,OAAO,CAAC,gBAA2B,CAAC,CAAA;YAEnD,gBAAgB,CAAC;gBACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;gBACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;aAC5C,CAAC,CAAA;SACH;QACD,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,cAAc,EAAE,SAAS,EAAE,CAAC,gBAA2B,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,4BAA4B;QAC5B,aAAa,CAAC,OAAO,GAAG,UAAU,CAAA;QAElC,OAAO,UAAU,CAAA;IACnB,CAAC,EAAE,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1C,OAAO,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;AAC7D,CAAC,CAAA;AApDY,QAAA,SAAS,aAoDrB"}

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlexTight = exports.FlexWrapper = exports.Flex = void 0;
+exports.FlexTightStyled = exports.FlexTight = exports.FlexWrapper = exports.Flex = void 0;
 const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
 const flexValueMap = {
@@ -50,4 +50,14 @@ exports.FlexTight = (0, react_1.memo)((0, styled_components_1.default)(exports.F
     width: 'initial',
     ...props,
 })) ``);
+exports.FlexTightStyled = (0, react_1.memo)((0, styled_components_1.default)(exports.Flex).attrs((props) => ({
+    size: 'unset',
+    width: 'initial',
+    style: {
+        text: 'blue',
+        padding: '1rem',
+        border: '1px solid green',
+    },
+    ...props,
+})) ``);
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":"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"}

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,EAAwC,MAAM,OAAO,CAAA;AAG9E,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,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"}

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

@@ -70,4 +70,33 @@ export declare const FlexTight: import("react").MemoExoticComponent<import("styl
     borderRadius?: string | undefined;
     size: string;
 }, "width" | "height" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius" | "size">>;
+export declare const FlexTightStyled: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
+    flex?: string | undefined;
+    flexGrow?: string | number | undefined;
+    alignText?: "center" | "right" | "left" | undefined;
+    direction?: string | undefined;
+    flexShrink?: string | number | undefined;
+    flexBasis?: string | undefined;
+    flexWrap?: string | undefined;
+    justify?: string | undefined;
+    align?: string | undefined;
+    alignSelf?: string | undefined;
+    margin?: string | undefined;
+    padding?: string | undefined;
+    width: string;
+    height?: string | undefined;
+    maxWidth?: string | undefined;
+    maxHeight?: string | undefined;
+    minWidth?: string | undefined;
+    minHeight?: string | undefined;
+    gap?: string | undefined;
+    css?: string | undefined;
+    borderRadius?: string | undefined;
+    size: string;
+    style: {
+        text: string;
+        padding: string;
+        border: string;
+    };
+}, "width" | "height" | "style" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius" | "size">>;
 //# sourceMappingURL=Flex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":";AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAWD,eAAO,MAAM,IAAI,gHAuBf,CAAA;AAGF,eAAO,MAAM,WAAW;;;;;;;;aAnDZ,MAAM;WACR,MAAM;;;;WAIN,MAAM;YACL,MAAM;;;;;;;;qQAqDZ,CAAA;AAEL,eAAO,MAAM,SAAS;;;;;;;;;;;;;WAxDZ,MAAM;;;;;;;;;;8QA4DV,CAAA"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":";AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAWD,eAAO,MAAM,IAAI,gHAuBf,CAAA;AAGF,eAAO,MAAM,WAAW;;;;;;;;aAnDZ,MAAM;WACR,MAAM;;;;WAIN,MAAM;YACL,MAAM;;;;;;;;qQAqDZ,CAAA;AAEL,eAAO,MAAM,SAAS;;;;;;;;;;;;;WAxDZ,MAAM;;;;;;;;;;8QA4DV,CAAA;AAEN,eAAO,MAAM,eAAe;;;;;;;;;;;;;WA9DlB,MAAM;;;;;;;;;;;;;;;wRAuEV,CAAA"}

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

@@ -97,6 +97,20 @@ var FlexTight = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
   displayName: "Flex__FlexTight",
   componentId: "sc-19vq3db-2"
 })([""]));
+var FlexTightStyled = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
+  return _objectSpread2({
+    size: 'unset',
+    width: 'initial',
+    style: {
+      text: 'blue',
+      padding: '1rem',
+      border: '1px solid green'
+    }
+  }, props);
+}).withConfig({
+  displayName: "Flex__FlexTightStyled",
+  componentId: "sc-19vq3db-3"
+})([""]));
 
-export { Flex, FlexTight, FlexWrapper };
+export { Flex, FlexTight, FlexTightStyled, FlexWrapper };
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size"],"mappings":"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"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n\nexport 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","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size","FlexTightStyled","style","text","border"],"mappings":";;;;AA2BA,IAAMA,YAAoC,GAAG;AAC3CC,EAAAA,KAAK,EAAE,YAAY;AACnB,EAAA,YAAY,EAAE,YAAY;AAC1BC,EAAAA,GAAG,EAAE,UAAU;AACf,EAAA,UAAU,EAAE,UAAA;AACd,CAAC,CAAA;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAAc,EAAA;EAAA,OAA0BA,KAAK,GAAIJ,YAAY,CAACI,KAAK,CAAC,IAAIA,KAAK,GAAIA,KAAK,CAAA;AAAA,CAAC,CAAA;IAEpGC,IAAI,gBAAGC,IAAI,CAACC,MAAM,CAACC,GAAG,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,MAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAGf,CAAA,CAAA,CAAA,gDAAA,EAAA,QAAA,EAAA,aAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,OAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,GAAA,CAAA,EAAA,UAAA,IAAA,EAAA;EAAA,IAAGC,SAAS,QAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,KAAK,CAAA;AAAA,CACnE,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA,OAA4BA,IAAI,KAAKC,SAAS,GAAGD,IAAI,GAAG,GAAG,CAAA;AAAA,CAAC,EAC9D,UAAA,KAAA,EAAA;EAAA,IAAGE,QAAQ,SAARA,QAAQ,CAAA;AAAA,EAAA,OAA4BA,QAAQ,KAAKD,SAAS,GAAGC,QAAQ,GAAG,GAAG,CAAA;AAAA,CAAC,EAC7E,UAAA,KAAA,EAAA;EAAA,IAAGC,UAAU,SAAVA,UAAU,CAAA;AAAA,EAAA,OAA4BA,UAAU,KAAKF,SAAS,GAAGE,UAAU,GAAG,GAAG,CAAA;AAAA,CAAC,EACtF,UAAA,KAAA,EAAA;EAAA,IAAGC,SAAS,SAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CAC3D,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,QAAQ,SAARA,QAAQ,CAAA;EAAA,OAA2BA,QAAQ,IAAI,QAAQ,CAAA;AAAA,CAChE,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,GAAG,SAAHA,GAAG,CAAA;AAAA,EAAA,OAA4BA,GAAG,KAAKL,SAAS,GAAGK,GAAG,GAAG,GAAG,CAAA;AAAA,CAAC,EACzD,UAAA,KAAA,EAAA;EAAA,IAAGC,SAAS,SAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CACrD,EAAA,UAAA,KAAA,EAAA;EAAA,IAAGC,OAAO,SAAPA,OAAO,CAAA;AAAA,EAAA,OAA2Bf,gBAAgB,CAACe,OAAO,CAAC,IAAI,YAAY,CAAA;AAAA,CAClF,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,KAAK,UAALA,KAAK,CAAA;AAAA,EAAA,OAA2BhB,gBAAgB,CAACgB,KAAK,CAAC,IAAI,YAAY,CAAA;AAAA,CAC3E,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,SAAS,UAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CAC9D,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,MAAM,UAANA,MAAM,CAAA;EAAA,OAA2BA,MAAM,IAAI,GAAG,CAAA;AAAA,CAChD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,OAAO,UAAPA,OAAO,CAAA;EAAA,OAA2BA,OAAO,IAAI,GAAG,CAAA;AAAA,CACrD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,KAAK,UAALA,KAAK,CAAA;EAAA,OAA2BA,KAAK,IAAI,MAAM,CAAA;AAAA,CACjD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,MAAM,UAANA,MAAM,CAAA;EAAA,OAA2BA,MAAM,IAAI,MAAM,CAAA;AAAA,CACjD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,QAAQ,UAARA,QAAQ,CAAA;EAAA,OAA2BA,QAAQ,IAAI,MAAM,CAAA;AAAA,CACvD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,SAAS,UAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,MAAM,CAAA;AAAA,CAC3D,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,QAAQ,UAARA,QAAQ,CAAA;EAAA,OAA6BA,QAAQ,IAAIA,QAAQ,KAAK,GAAG,GAAIA,QAAQ,GAAG,GAAG,CAAA;AAAA,CAAC,EACtF,UAAA,MAAA,EAAA;EAAA,IAAGC,SAAS,UAATA,SAAS,CAAA;EAAA,OAA2BA,SAAS,IAAI,GAAG,CAAA;AAAA,CACpD,EAAA,UAAA,MAAA,EAAA;EAAA,IAAGC,YAAY,UAAZA,YAAY,CAAA;EAAA,OAA2BA,YAAY,IAAI,SAAS,CAAA;AAAA,CACpF,CAAA,EAAA;;AAEF;AACaC,IAAAA,WAAW,gBAAGxB,IAAI,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC0B,KAAK,CAAC,UAACC,KAAyB,EAAA;AAAA,EAAA,OAAAC,cAAA,CAAA;AAEzEV,IAAAA,KAAK,EAAES,KAAK,CAACT,KAAK,IAAI,MAAM;AAC5BC,IAAAA,MAAM,EAAEQ,KAAK,CAACR,MAAM,IAAI,MAAM;AAC9BN,IAAAA,OAAO,EAAEc,KAAK,CAACd,OAAO,IAAI,QAAQ;AAClCC,IAAAA,KAAK,EAAEa,KAAK,CAACb,KAAK,IAAI,QAAA;AAAQ,GAAA,EAC3Ba,KAAK,CAAA,CAAA;AAAA,CAEX,CAAC,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,mBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAG,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA;AAEQE,IAAAA,SAAS,gBAAG5B,IAAI,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC0B,KAAK,CAAC,UAACC,KAAyB,EAAA;AAAA,EAAA,OAAAC,cAAA,CAAA;AACzEE,IAAAA,IAAI,EAAE,OAAO;AACbZ,IAAAA,KAAK,EAAE,SAAA;AAAS,GAAA,EACbS,KAAK,CAAA,CAAA;AAAA,CACR,CAAC,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAG,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA;AAEOI,IAAAA,eAAe,gBAAG9B,IAAI,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC0B,KAAK,CAAC,UAACC,KAAyB,EAAA;AAAA,EAAA,OAAAC,cAAA,CAAA;AAC/EE,IAAAA,IAAI,EAAE,OAAO;AACbZ,IAAAA,KAAK,EAAE,SAAS;AAChBc,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,MAAM;AACZhB,MAAAA,OAAO,EAAE,MAAM;AACfiB,MAAAA,MAAM,EAAE,iBAAA;AACV,KAAA;AAAC,GAAA,EACEP,KAAK,CAAA,CAAA;AAAA,CACR,CAAC,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,uBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAG,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/ui/esm/src/core/ui/index.js

@@ -1,5 +1,5 @@
 export { calculateColors, calculatePercColor, convertHex, convertRGB, defaultFontSize, pxToRem, resolveStyleValue, setDefaultFontSize, toHex } from './utils/style.js';
-export { Flex, FlexTight, FlexWrapper } from './components/container/Flex.js';
+export { Flex, FlexTight, FlexTightStyled, FlexWrapper } from './components/container/Flex.js';
 export { Placeholder } from './components/container/Placeholder.js';
 export { Container } from './components/container/Container.js';
 export { Field, FieldWrapper, Select, setIconColor, setIconComponent } from './components/field/Field.js';

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

@@ -105,8 +105,23 @@ var FlexTight = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(f
   displayName: "Flex__FlexTight",
   componentId: "sc-19vq3db-2"
 })([""]));
+var FlexTightStyled = /*#__PURE__*/React.memo(styled__default["default"](Flex).attrs(function (props) {
+  return _rollupPluginBabelHelpers.objectSpread2({
+    size: 'unset',
+    width: 'initial',
+    style: {
+      text: 'blue',
+      padding: '1rem',
+      border: '1px solid green'
+    }
+  }, props);
+}).withConfig({
+  displayName: "Flex__FlexTightStyled",
+  componentId: "sc-19vq3db-3"
+})([""]));
 
 exports.Flex = Flex;
 exports.FlexTight = FlexTight;
+exports.FlexTightStyled = FlexTightStyled;
 exports.FlexWrapper = FlexWrapper;
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size"],"mappings":"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"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\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}\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\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport 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\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  size: 'unset',\n  width: 'initial',\n  ...props,\n}))``)\n\nexport 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","Flex","memo","styled","div","direction","flex","undefined","flexGrow","flexShrink","flexBasis","flexWrap","gap","alignText","justify","align","alignSelf","margin","padding","width","height","maxWidth","maxHeight","minWidth","minHeight","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size","FlexTightStyled","style","text","border"],"mappings":"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"}

package/dist/ui/src/core/ui/index.js

@@ -25,6 +25,7 @@ exports.setDefaultFontSize = style.setDefaultFontSize;
 exports.toHex = style.toHex;
 exports.Flex = Flex.Flex;
 exports.FlexTight = Flex.FlexTight;
+exports.FlexTightStyled = Flex.FlexTightStyled;
 exports.FlexWrapper = Flex.FlexWrapper;
 exports.Placeholder = Placeholder.Placeholder;
 exports.Container = Container.Container;

package/dist/ui/src/core/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

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