@e1011/es-kit 1.0.18 → 1.0.22

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

@@ -1,16 +1,2 @@
-import { useEffect } from 'react';
-import { EventName } from '../constants/ui.constants.js';
-import { handleClickOutside } from '../ui/utils/clickOutside.js';
-
-function useOutsideClick(element, callback) {
-  var handleClickOutside$1 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : handleClickOutside(element, callback);
-  useEffect(function () {
-    document.addEventListener(EventName.Click, handleClickOutside$1);
-    return function () {
-      document.removeEventListener(EventName.Click, handleClickOutside$1);
-    };
-  }, [element, handleClickOutside$1]);
-}
-
-export { useOutsideClick };
+import{useEffect as t}from"react";import{EventName as n}from"../constants/ui.constants.js";import{handleClickOutside as i}from"../ui/utils/clickOutside.js";function o(o,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i(o,e);t((function(){return document.addEventListener(n.Click,r),function(){document.removeEventListener(n.Click,r)}}),[o,r])}export{o as useOutsideClick};
 //# sourceMappingURL=useOutsideClick.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): void {\n  useEffect(() => {\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return () => {\n      document.removeEventListener(EventName.Click, handleClickOutside)\n    }\n  }, [element, handleClickOutside])\n}\n"],"names":["useOutsideClick","element","callback","handleClickOutside","defaultHandleClickOutside","useEffect","document","addEventListener","EventName","Click","removeEventListener"],"mappings":";;;;AAQO,SAASA,eAAe,CAC7BC,OAAgB,EAChBC,QAA2B,EAErB;AAAA,EAAA,IADNC,oBAAkB,GAAGC,SAAAA,CAAAA,MAAAA,GAAAA,CAAAA,IAAAA,SAAAA,CAAAA,CAAAA,CAAAA,KAAAA,SAAAA,GAAAA,SAAAA,CAAAA,CAAAA,CAAAA,GAAAA,kBAAyB,CAACH,OAAO,EAAEC,QAAQ,CAAC,CAAA;AAEjEG,EAAAA,SAAS,CAAC,YAAM;IACdC,QAAQ,CAACC,gBAAgB,CAACC,SAAS,CAACC,KAAK,EAAEN,oBAAkB,CAAC,CAAA;AAE9D,IAAA,OAAO,YAAM;MACXG,QAAQ,CAACI,mBAAmB,CAACF,SAAS,CAACC,KAAK,EAAEN,oBAAkB,CAAC,CAAA;KAClE,CAAA;AACH,GAAC,EAAE,CAACF,OAAO,EAAEE,oBAAkB,CAAC,CAAC,CAAA;AACnC;;;;"}
+{"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): void {\n  useEffect(() => {\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return () => {\n      document.removeEventListener(EventName.Click, handleClickOutside)\n    }\n  }, [element, handleClickOutside])\n}\n"],"names":["useOutsideClick","element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","useEffect","document","addEventListener","EventName","Click","removeEventListener"],"mappings":"4JAQO,SAASA,EACdC,EACAC,GAEM,IADNC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAExDM,GAAU,WAGR,OAFAC,SAASC,iBAAiBC,EAAUC,MAAOT,GAEpC,WACLM,SAASI,oBAAoBF,EAAUC,MAAOT,GAElD,GAAG,CAACF,EAASE,GACf"}

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

@@ -1,66 +1,2 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useRef, useMemo, useLayoutEffect } from 'react';
-import debounce from '../../../node_modules/lodash-es/debounce.js';
-
-var useResize = function useResize() {
-  var debounceDelay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 250;
-  var _useState = useState({
-      width: undefined,
-      height: undefined
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    containerSize = _useState2[0],
-    setContainerSize = _useState2[1];
-  var lastResizeWidthRef = useRef({
-    width: 0,
-    height: 0
-  });
-  var containerRef = useRef();
-
-  // const [unobserver, setUnobserver] = useState<Unobserver>(DefaultUnobserver)
-  var unobserverRef = useRef();
-  var debouncedResizeWrapper = useMemo(function () {
-    return debounce(function (entries) {
-      var _lastResizeWidthRef$c, _lastResizeWidthRef$c2, _containerRef$current, _containerRef$current2;
-      var newResizeWidth = entries[0].contentRect.width;
-      var newResizeHeight = entries[0].contentRect.height;
-      if (((_lastResizeWidthRef$c = lastResizeWidthRef.current) === null || _lastResizeWidthRef$c === void 0 ? void 0 : _lastResizeWidthRef$c.width) === newResizeWidth && ((_lastResizeWidthRef$c2 = lastResizeWidthRef.current) === null || _lastResizeWidthRef$c2 === void 0 ? void 0 : _lastResizeWidthRef$c2.height) === newResizeHeight) {
-        return;
-      }
-      lastResizeWidthRef.current = {
-        width: newResizeWidth,
-        height: newResizeHeight
-      };
-      setContainerSize({
-        width: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientWidth,
-        height: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.clientHeight
-      });
-    }, debounceDelay);
-  }, [containerRef, debounceDelay]);
-  useLayoutEffect(function () {
-    var resizeObserver;
-    var containerElement;
-    if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
-      var _containerRef$current3, _containerRef$current4;
-      containerElement = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
-      resizeObserver = new ResizeObserver(debouncedResizeWrapper);
-      resizeObserver.observe(containerElement);
-      setContainerSize({
-        width: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.clientWidth,
-        height: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.clientHeight
-      });
-    }
-    var unobserver = function unobserver() {
-      var _resizeObserver, _resizeObserver$unobs;
-      (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : (_resizeObserver$unobs = _resizeObserver.unobserve) === null || _resizeObserver$unobs === void 0 ? void 0 : _resizeObserver$unobs.call(_resizeObserver, containerElement);
-    };
-
-    // setUnobserver(unobserver)
-    unobserverRef.current = unobserver;
-    return unobserver;
-  }, [debouncedResizeWrapper, containerRef]);
-  return [containerRef, containerSize, unobserverRef.current];
-};
-
-export { useResize };
+import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as i,useMemo as n,useLayoutEffect as r}from"react";import l from"../../../node_modules/lodash-es/debounce.js";var o=function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,u=e({width:void 0,height:void 0}),d=t(u,2),c=d[0],v=d[1],h=i({width:0,height:0}),a=i(),s=i(),g=n((function(){return l((function(t){var e,i,n,r,l=t[0].contentRect.width,o=t[0].contentRect.height;(null===(e=h.current)||void 0===e?void 0:e.width)===l&&(null===(i=h.current)||void 0===i?void 0:i.height)===o||(h.current={width:l,height:o},v({width:null==a||null===(n=a.current)||void 0===n?void 0:n.clientWidth,height:null==a||null===(r=a.current)||void 0===r?void 0:r.clientHeight}))}),o)}),[a,o]);return r((function(){var t,e,i,n;null!=a&&a.current&&(e=null==a?void 0:a.current,(t=new ResizeObserver(g)).observe(e),v({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}));var r=function(){var i,n;null===(i=t)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,e)};return s.current=r,r}),[g,a]),[a,c,s.current]};export{o as useResize};
 //# sourceMappingURL=useResize.js.map

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, 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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"}
+{"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","arguments","length","undefined","_useState","useState","width","height","_useState2","_slicedToArray","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","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","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"6NASaA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAExCG,EACEC,EAAsB,CAAEC,WAAOH,EAAWI,YAAQJ,IAAYK,EAAAC,EAAAL,EAAA,GADzDM,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAqBC,EAAoB,CAAEP,MAAO,EAAGC,OAAQ,IAC7DO,EAAiED,IAGjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,WAAA,OAAMC,GAAS,SAACC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAC3DC,EAAiBL,EAAQ,GAAGM,YAAYnB,MACxCoB,EAAkBP,EAAQ,GAAGM,YAAYlB,QAEjBa,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4Bd,SAAUkB,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4Bd,UAAWmB,IAG5Cd,EAAmBe,QAAU,CAAErB,MAAOkB,EAAgBjB,OAAQmB,GAE9Df,EAAiB,CACfL,MAAOQ,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,SAArBA,EAAuBM,YAC9BrB,OAAQO,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,SAArBA,EAAuBM,eAElC,GAAE7B,EAAc,GAAE,CAACc,EAAcd,IA0BlC,OAxBA8B,GAAgB,WACd,IAAIC,EACAC,EAEuBC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,SACjCI,EAAiB,IAAII,eAAenB,IACrBoB,QAAQJ,GAEvBrB,EAAiB,CACfL,MAAOQ,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,SAArBA,EAAuBL,YAC9BrB,OAAQO,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,SAArBA,EAAuBL,gBAGnC,IAAMQ,EAAa,WAAM,IAAAC,EAAAC,EACT,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,IAM9B,OAFAjB,EAAcY,QAAUU,EAEjBA,CACT,GAAG,CAACrB,EAAwBF,IAErB,CAACA,EAAcJ,EAAeK,EAAcY,QACrD"}

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

@@ -1,23 +1,2 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useCallback } from 'react';
-
-var useToggle = function useToggle(defaultValue) {
-  var async = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var _useState = useState(defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    toggled = _useState2[0],
-    setToggled = _useState2[1];
-  var handleToggle = useCallback(function (value) {
-    if (async) {
-      setToggled(function (prevToggled) {
-        return typeof value === 'boolean' ? value : !prevToggled;
-      });
-    } else {
-      setToggled(value !== undefined && value !== null ? value : !toggled);
-    }
-  }, [async, toggled, setToggled]);
-  return [toggled, handleToggle];
-};
-
-export { useToggle };
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useCallback as n}from"react";var t=function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],l=o(t),i=r(l,2),u=i[0],a=i[1],f=n((function(r){a(e?function(o){return"boolean"==typeof r?r:!o}:null!=r?r:!u)}),[e,u,a]);return[u,f]};export{t as useToggle};
 //# sourceMappingURL=useToggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport const useToggle = (defaultValue: boolean, async = true): [boolean, (value?: any | boolean) => void] => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  return [toggled, handleToggle]\n}\n"],"names":["useToggle","defaultValue","async","useState","toggled","setToggled","handleToggle","useCallback","value","prevToggled","undefined"],"mappings":";;;IAEaA,SAAS,GAAG,SAAZA,SAAS,CAAIC,YAAqB,EAA+D;EAAA,IAA7DC,KAAK,uEAAG,IAAI,CAAA;EAC3D,IAA8BC,SAAAA,GAAAA,QAAQ,CAACF,YAAY,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA7CG,OAAO,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,UAAU,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAE1B,EAAA,IAAMC,YAA6C,GAAGC,WAAW,CAAC,UAACC,KAAqB,EAAK;AAC3F,IAAA,IAAIN,KAAK,EAAE;MACTG,UAAU,CAAC,UAACI,WAAW,EAAA;QAAA,OAAM,OAAQD,KAAM,KAAK,SAAS,GAAGA,KAAK,GAAG,CAACC,WAAW,CAAA;AAAA,OAAC,CAAC,CAAA;AACpF,KAAC,MAAM;AACLJ,MAAAA,UAAU,CAAEG,KAAK,KAAKE,SAAS,IAAIF,KAAK,KAAK,IAAI,GAAGA,KAAK,GAAG,CAACJ,OAAO,CAAE,CAAA;AACxE,KAAA;GACD,EAAE,CAACF,KAAK,EAAEE,OAAO,EAAEC,UAAU,CAAC,CAAC,CAAA;AAEhC,EAAA,OAAO,CAACD,OAAO,EAAEE,YAAY,CAAC,CAAA;AAChC;;;;"}
+{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport const useToggle = (defaultValue: boolean, async = true): [boolean, (value?: any | boolean) => void] => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  return [toggled, handleToggle]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","_useState","useState","_useState2","_slicedToArray","toggled","setToggled","handleToggle","useCallback","value","prevToggled"],"mappings":"qIAEaA,EAAY,SAACC,GAAoF,IAA7DC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpDG,EAA8BC,EAASN,GAAaO,EAAAC,EAAAH,EAAA,GAA7CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAgDC,GAAY,SAACC,GAE/DH,EADET,EACS,SAACa,GAAW,MAAyB,kBAAXD,EAAuBA,GAASC,CAAW,EAEpED,QAAwCA,GAASJ,EAEhE,GAAE,CAACR,EAAOQ,EAASC,IAEpB,MAAO,CAACD,EAASE,EACnB"}

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

@@ -1,43 +1,2 @@
-import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import '../../../node_modules/core-js/modules/es.array.iterator.js';
-import '../../../node_modules/core-js/modules/es.map.constructor.js';
-import '../../../node_modules/core-js/modules/es.object.to-string.js';
-import '../../../node_modules/core-js/modules/es.string.iterator.js';
-import '../../../node_modules/core-js/modules/web.dom-collections.iterator.js';
-import { useTranslation } from 'react-i18next';
-
-var cache = new Map();
-var resolvedUseTranslation = useTranslation;
-var setUseTranslation = function setUseTranslation(useTrans) {
-  resolvedUseTranslation = useTrans;
-};
-var createSafeT = function createSafeT(t) {
-  if (cache.has(t)) {
-    return cache.get(t);
-  }
-  var value = function value(key, params) {
-    if (!key) {
-      return '';
-    }
-    var limits = key.split(' ');
-    if (limits.length === 2) {
-      return t(limits[0], _objectSpread2(_objectSpread2({}, params), {}, {
-        limit: limits[1]
-      }));
-    }
-    return t(key, params);
-  };
-  cache.set(t, value);
-  return value;
-};
-// TODO memoize
-var useTranslations = function useTranslations(namespaces) {
-  var _resolvedUseTranslati = resolvedUseTranslation(namespaces),
-    t = _resolvedUseTranslati.t;
-  return {
-    t: createSafeT(t)
-  };
-};
-
-export { createSafeT, setUseTranslation, useTranslations };
+import{objectSpread2 as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../node_modules/core-js/modules/es.array.iterator.js";import"../../../node_modules/core-js/modules/es.map.constructor.js";import"../../../node_modules/core-js/modules/es.object.to-string.js";import"../../../node_modules/core-js/modules/es.string.iterator.js";import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useTranslation as o}from"react-i18next";var r=new Map,t=o,s=function(e){t=e},n=function(o){if(r.has(o))return r.get(o);var t=function(r,t){if(!r)return"";var s=r.split(" ");return 2===s.length?o(s[0],e(e({},t),{},{limit:s[1]})):o(r,t)};return r.set(o,t),t},i=function(e){var o=t(e).t;return{t:n(o)}};export{n as createSafeT,s as setUseTranslation,i as useTranslations};
 //# sourceMappingURL=useTranslations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","setUseTranslation","useTrans","createSafeT","t","has","get","value","key","params","limits","split","length","limit","set","useTranslations","namespaces"],"mappings":";;;;;;;;AAIA,IAAMA,KAAoC,GAAG,IAAIC,GAAG,EAAE,CAAA;AAEtD,IAAIC,sBAAsB,GAAGC,cAAc,CAAA;IAE9BC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,QAAa,EAAK;AAClDH,EAAAA,sBAAsB,GAAGG,QAAQ,CAAA;AACnC,EAAC;IAEYC,WAAW,GAAG,SAAdA,WAAW,CAAIC,CAAY,EAAoB;AAC1D,EAAA,IAAIP,KAAK,CAACQ,GAAG,CAACD,CAAC,CAAC,EAAE;AAChB,IAAA,OAAOP,KAAK,CAACS,GAAG,CAACF,CAAC,CAAC,CAAA;AACrB,GAAA;EACA,IAAMG,KAAoB,GAAI,SAAxBA,KAAoB,CAAKC,GAAuB,EAAEC,MAA4B,EAAa;IAC/F,IAAI,CAACD,GAAG,EAAE;AACR,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;AACA,IAAA,IAAME,MAAM,GAAGF,GAAG,CAACG,KAAK,CAAC,GAAG,CAAC,CAAA;AAE7B,IAAA,IAAID,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE;AACvB,MAAA,OAAOR,CAAC,CAACM,MAAM,CAAC,CAAC,CAAC,oCAAOD,MAAM,CAAA,EAAA,EAAA,EAAA;QAAEI,KAAK,EAAEH,MAAM,CAAC,CAAC,CAAA;OAAI,CAAA,CAAA,CAAA;AACtD,KAAA;AACA,IAAA,OAAON,CAAC,CAACI,GAAG,EAAEC,MAAM,CAAC,CAAA;GACrB,CAAA;AAEFZ,EAAAA,KAAK,CAACiB,GAAG,CAACV,CAAC,EAAEG,KAAK,CAAC,CAAA;AACnB,EAAA,OAAOA,KAAK,CAAA;AACd,EAAC;AAID;IACaQ,eAAe,GAAG,SAAlBA,eAAe,CAAIC,UAAoB,EAAa;EAC/D,IAAcjB,qBAAAA,GAAAA,sBAAsB,CAACiB,UAAU,CAAC;AAAxCZ,IAAAA,CAAC,yBAADA,CAAC,CAAA;EAET,OAAO;IAAEA,CAAC,EAAED,WAAW,CAACC,CAAC,CAAA;GAAoB,CAAA;AAC/C;;;;"}
+{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","setUseTranslation","useTrans","createSafeT","t","has","get","value","key","params","limits","split","length","_objectSpread","limit","set","useTranslations","namespaces"],"mappings":"4dAIA,IAAMA,EAAuC,IAAIC,IAE7CC,EAAyBC,EAEhBC,EAAoB,SAACC,GAChCH,EAAyBG,CAC3B,EAEaC,EAAc,SAACC,GAC1B,GAAIP,EAAMQ,IAAID,GACZ,OAAOP,EAAMS,IAAIF,GAEnB,IAAMG,EAAwB,SAACC,EAAyBC,GACtD,IAAKD,EACH,MAAO,GAET,IAAME,EAASF,EAAIG,MAAM,KAEzB,OAAsB,IAAlBD,EAAOE,OACFR,EAAEM,EAAO,GAAEG,EAAAA,EAAA,CAAA,EAAOJ,GAAM,GAAA,CAAEK,MAAOJ,EAAO,MAE1CN,EAAEI,EAAKC,IAIhB,OADAZ,EAAMkB,IAAIX,EAAGG,GACNA,CACT,EAKaS,EAAkB,SAACC,GAC9B,IAAQb,EAAML,EAAuBkB,GAA7Bb,EAER,MAAO,CAAEA,EAAGD,EAAYC,GAC1B"}

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

@@ -1,70 +1,2 @@
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import styled from 'styled-components';
-import '../../../../../node_modules/core-js/modules/es.array.concat.js';
-import { memo, useRef, useState, useEffect } from 'react';
-
-var elementPropNameMap = {
-  width: 'scrollWidth',
-  height: 'scrollHeight'
-};
-var propNameFunc = function propNameFunc(_ref) {
-  var propName = _ref.propName;
-  return propName;
-};
-var StyledContainer = /*#__PURE__*/memo(styled.div.withConfig({
-  displayName: "Container__StyledContainer",
-  componentId: "sc-heiku-0"
-})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,", " 0.2s ease-in-out,max-", " 0.2s ease-in-out;will-change:opacity,", ",max-", ";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{", ":0;max-", ":0;opacity:0;}&.Collapsible__container__expanded{", ":", ";max-", ":", ";opacity:1;}"], propNameFunc, propNameFunc, propNameFunc, propNameFunc, propNameFunc, propNameFunc, propNameFunc, function (_ref2) {
-  var contentProp = _ref2.contentProp;
-  return "".concat(contentProp, "px");
-}, propNameFunc, function (_ref3) {
-  var contentProp = _ref3.contentProp;
-  return "".concat(contentProp, "px");
-}));
-var _StyledStyledContainer = /*#__PURE__*/styled(StyledContainer).withConfig({
-  displayName: "Container___StyledStyledContainer",
-  componentId: "sc-heiku-1"
-})(["", ""], function (p) {
-  return p.$_css;
-});
-var Container = /*#__PURE__*/memo(function (_ref4) {
-  var _ref4$collapsed = _ref4.collapsed,
-    collapsed = _ref4$collapsed === void 0 ? false : _ref4$collapsed,
-    collapseHandler = _ref4.collapseHandler,
-    children = _ref4.children,
-    _ref4$propName = _ref4.propName,
-    propName = _ref4$propName === void 0 ? 'height' : _ref4$propName,
-    className = _ref4.className,
-    css = _ref4.css;
-  var containerRef = useRef();
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentProp = _useState2[0],
-    setContentProp = _useState2[1];
-  useEffect(function () {
-    collapseHandler === null || collapseHandler === void 0 ? void 0 : collapseHandler(collapsed);
-  }, [collapseHandler, collapsed]);
-  useEffect(function () {
-    if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
-      setContentProp(containerRef.current[elementPropNameMap[propName]]);
-    }
-  }, [containerRef, propName]);
-  var resolvedClassName = '';
-  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
-    resolvedClassName = 'Collapsible__container__collapsed';
-  }
-  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
-    resolvedClassName = 'Collapsible__container__expanded';
-  }
-  return /*#__PURE__*/React.createElement(_StyledStyledContainer, {
-    className: "".concat(className, " ").concat(resolvedClassName),
-    ref: containerRef,
-    contentProp: contentProp,
-    propName: propName,
-    $_css: css
-  }, children);
-});
-Container.displayName = 'Container';
-
-export { Container };
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as o,useRef as t,useState as a,useEffect as r}from"react";var i={width:"scrollWidth",height:"scrollHeight"},l=function(e){return e.propName},c=o(n.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],l,l,l,l,l,l,l,(function(e){var n=e.contentProp;return"".concat(n,"px")}),l,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),s=n(c).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),p=o((function(n){var o=n.collapsed,l=void 0!==o&&o,c=n.collapseHandler,p=n.children,d=n.propName,u=void 0===d?"height":d,m=n.className,_=n.css,f=t(),h=a(0),y=e(h,2),C=y[0],v=y[1];r((function(){null==c||c(l)}),[c,l]),r((function(){null!=f&&f.current&&v(f.current[i[u]])}),[f,u]);var x="";return l&&C&&null!=C&&(x="Collapsible__container__collapsed"),!l&&C&&null!=C&&(x="Collapsible__container__expanded"),React.createElement(s,{className:"".concat(m," ").concat(x),ref:f,contentProp:C,propName:u,$_css:_},p)}));p.displayName="Container";export{p as Container};
 //# sourceMappingURL=Container.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css,\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","propName","StyledContainer","memo","styled","div","contentProp","Container","collapsed","collapseHandler","children","className","css","containerRef","useRef","useState","setContentProp","useEffect","current","resolvedClassName","undefined","displayName"],"mappings":"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"}
+{"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css,\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","ref"],"mappings":"mQAKA,IAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,GAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAExEC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CjB,EAAWmB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRZ,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBa,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBrC,EAAmBK,IAEpE,GAAG,CAACwB,EAAcxB,IAElB,IAAIiC,EAAoB,GASxB,OAPIf,GAAaT,GAAbS,MAA4BT,IAC9BwB,EAAoB,sCAEjBf,GAAaT,GAAd,MAA6BA,IAC/BwB,EAAoB,oCAIpBC,MAAAC,cAAAvB,EAAA,CACEU,UAAS,GAAAZ,OAAKY,OAASZ,OAAIuB,GAC3BG,IAAKZ,EACLf,YAAaA,EACbT,SAAUA,EAASc,MACdS,GAEJH,EAGP,IAEAL,EAAUT,YAAc"}

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

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as r,forwardRef as i,useMemo as l}from"react";import a from"./fbox.module.scss.js";var n=["style","children"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},s=function(e){return e&&o[e]||e},f=i((function(r,i){var o=r.style,f=r.children,c=e(r,n),d=l((function(){return t(t(t(t(t({},o),c),c.align?{alignItems:s(c.align)}:{}),c.justify?{justifyContent:s(c.justify)}:{}),c.direction?{flexDirection:c.direction}:{})}),[c,o]);return React.createElement("div",{ref:i,className:a["flexible-box"],style:d},f)}));f.displayName="FBoxRefForwarded";var c=r(f);c.displayName="FBox";export{c as FBox};
+//# sourceMappingURL=FBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n  style?: CSSProperties\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n  style, children, ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const styles = useMemo(() => (\n    {\n      ...style,\n      ...props,\n      ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n      ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n      ...(props.direction ? { flexDirection: props.direction } : {}),\n    }\n  ), [props, style])\n\n  return (\n    <div ref={ref} className={(classes as any)['flexible-box']} style={styles as CSSProperties}>{children}</div>\n  )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","className","classes","displayName","FBox","memo"],"mappings":"4OA+BMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,GAAW,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAaC,EAAKC,EAAAL,EAAAM,GAEnBC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,GAEhBP,GACAE,GACCA,EAAMM,MAAQ,CAAEC,WAAYf,EAAiBQ,EAAMM,QAAW,CAAE,GAChEN,EAAMQ,QAAU,CAAEC,eAAgBjB,EAAiBQ,EAAMQ,UAAa,CAAE,GACxER,EAAMU,UAAY,CAAEC,cAAeX,EAAMU,WAAc,CAAE,EAAA,GAE9D,CAACV,EAAOF,IAEX,OACEc,MAAAC,cAAA,MAAA,CAAKhB,IAAKA,EAAKiB,UAAYC,EAAgB,gBAAiBjB,MAAOK,GAA0BJ,EAEjG,IAEAL,EAAiBsB,YAAc,uBAElBC,EAAOC,EAAgBxB,GAGpCuB,EAAKD,YAAc"}

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

@@ -1,116 +1,2 @@
-import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { memo } from 'react';
-import styled from 'styled-components';
-
-var flexValueMap = {
-  start: 'flex-start',
-  'flex-start': 'flex-start',
-  end: 'flex-end',
-  'flex-end': 'flex-end'
-};
-var resolveFlexProps = function resolveFlexProps(value) {
-  return value ? flexValueMap[value] || value : value;
-};
-var Flex = /*#__PURE__*/memo(styled.div.withConfig({
-  displayName: "Flex",
-  componentId: "sc-19vq3db-0"
-})(["display:flex;position:relative;flex-direction:", ";flex:", ";flex-grow:", ";flex-shrink:", ";flex-basis:", ";flex-wrap:", ";gap:", ";text-align:", ";justify-content:", ";align-items:", ";align-self:", ";margin:", ";padding:", ";width:", ";height:", ";max-width:", ";max-height:", ";min-width:", ";min-height:", ";border-radius:", ";"], function (_ref) {
-  var direction = _ref.direction;
-  return direction || 'row';
-}, function (_ref2) {
-  var flex = _ref2.flex;
-  return flex !== undefined ? flex : '0';
-}, function (_ref3) {
-  var flexGrow = _ref3.flexGrow;
-  return flexGrow !== undefined ? flexGrow : '0';
-}, function (_ref4) {
-  var flexShrink = _ref4.flexShrink;
-  return flexShrink !== undefined ? flexShrink : '0';
-}, function (_ref5) {
-  var flexBasis = _ref5.flexBasis;
-  return flexBasis || 'auto';
-}, function (_ref6) {
-  var flexWrap = _ref6.flexWrap;
-  return flexWrap || 'nowrap';
-}, function (_ref7) {
-  var gap = _ref7.gap;
-  return gap !== undefined ? gap : '0';
-}, function (_ref8) {
-  var alignText = _ref8.alignText;
-  return alignText || 'left';
-}, function (_ref9) {
-  var justify = _ref9.justify;
-  return resolveFlexProps(justify) || 'flex-start';
-}, function (_ref10) {
-  var align = _ref10.align;
-  return resolveFlexProps(align) || 'flex-start';
-}, function (_ref11) {
-  var alignSelf = _ref11.alignSelf;
-  return alignSelf || 'auto';
-}, function (_ref12) {
-  var margin = _ref12.margin;
-  return margin || '0';
-}, function (_ref13) {
-  var padding = _ref13.padding;
-  return padding || '0';
-}, function (_ref14) {
-  var width = _ref14.width;
-  return width || 'auto';
-}, function (_ref15) {
-  var height = _ref15.height;
-  return height || 'auto';
-}, function (_ref16) {
-  var maxWidth = _ref16.maxWidth;
-  return maxWidth || 'none';
-}, function (_ref17) {
-  var maxHeight = _ref17.maxHeight;
-  return maxHeight || 'none';
-}, function (_ref18) {
-  var minWidth = _ref18.minWidth;
-  return minWidth || minWidth === '0' ? minWidth : '0';
-}, function (_ref19) {
-  var minHeight = _ref19.minHeight;
-  return minHeight || '0';
-}, function (_ref20) {
-  var borderRadius = _ref20.borderRadius;
-  return borderRadius || 'initial';
-}));
-
-// default flex centralized, 100% width and height
-var FlexWrapper = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
-  return _objectSpread2({
-    width: props.width || '100%',
-    height: props.height || '100%',
-    justify: props.justify || 'center',
-    align: props.align || 'center'
-  }, props);
-}).withConfig({
-  displayName: "Flex__FlexWrapper",
-  componentId: "sc-19vq3db-1"
-})([""]));
-var FlexTight = /*#__PURE__*/memo(styled(Flex).attrs(function (props) {
-  return _objectSpread2({
-    size: 'unset',
-    width: 'initial'
-  }, props);
-}).withConfig({
-  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, FlexTightStyled, FlexWrapper };
+import{objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as n}from"react";import i from"styled-components";var e={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=function(t){return t&&e[t]||t},o=n(i.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(function(t){return t.direction||"row"}),(function(t){var n=t.flex;return void 0!==n?n:"0"}),(function(t){var n=t.flexGrow;return void 0!==n?n:"0"}),(function(t){var n=t.flexShrink;return void 0!==n?n:"0"}),(function(t){return t.flexBasis||"auto"}),(function(t){return t.flexWrap||"nowrap"}),(function(t){var n=t.gap;return void 0!==n?n:"0"}),(function(t){return t.alignText||"left"}),(function(t){var n=t.justify;return r(n)||"flex-start"}),(function(t){var n=t.align;return r(n)||"flex-start"}),(function(t){return t.alignSelf||"auto"}),(function(t){return t.margin||"0"}),(function(t){return t.padding||"0"}),(function(t){return t.width||"auto"}),(function(t){return t.height||"auto"}),(function(t){return t.maxWidth||"none"}),(function(t){return t.maxHeight||"none"}),(function(t){var n=t.minWidth;return n||"0"===n?n:"0"}),(function(t){return t.minHeight||"0"}),(function(t){return t.borderRadius||"initial"}))),a=n(i(o).attrs((function(n){return t({width:n.width||"100%",height:n.height||"100%",justify:n.justify||"center",align:n.align||"center"},n)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),u=n(i(o).attrs((function(n){return t({size:"unset",width:"initial"},n)})).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),f=n(i(o).attrs((function(n){return t({size:"unset",width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"}},n)})).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));export{o as Flex,u as FlexTight,f as FlexTightStyled,a as 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\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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"}
+{"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","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","size","FlexTightStyled","style","text","border"],"mappings":"mJA2BA,IAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAEnGC,EAAOC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGf,SAAAK,GAAY,OAAAA,EAATC,WAAiD,KAAK,IACnE,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAI,YAAqCC,IAATD,EAAqBA,EAAO,GAAG,IAC7D,SAAAE,GAAA,IAAGC,EAAQD,EAARC,SAAQ,YAAyCF,IAAbE,EAAyBA,EAAW,GAAG,IAC5E,SAAAC,GAAA,IAAGC,EAAUD,EAAVC,WAAU,YAA2CJ,IAAfI,EAA2BA,EAAa,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAW,OAAAA,EAARC,UAA+C,QAAQ,IAChE,SAAAC,GAAA,IAAGC,EAAGD,EAAHC,IAAG,YAAoCV,IAARU,EAAoBA,EAAM,GAAG,IACxD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IACrD,SAAAC,GAAA,IAAGC,EAAOD,EAAPC,QAAO,OAA2B3B,EAAiB2B,IAAY,YAAY,IAClF,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAA2B7B,EAAiB6B,IAAU,YAAY,IAC3E,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC9D,SAAAC,GAAS,OAAAA,EAANC,QAA2C,GAAG,IAChD,SAAAC,GAAU,OAAAA,EAAPC,SAA6C,GAAG,IACrD,SAAAC,GAAQ,OAAAA,EAALC,OAAyC,MAAM,IACjD,SAAAC,GAAS,OAAAA,EAANC,QAA2C,MAAM,IACjD,SAAAC,GAAW,OAAAA,EAARC,UAA+C,MAAM,IACvD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAA,IAAGC,EAAQD,EAARC,SAAQ,OAA6BA,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,GAAG,IACpD,SAAAC,GAAe,OAAAA,EAAZC,cAAuD,SAAS,KAIzEC,EAAc/C,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAEzEhB,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,UACnBuB,EAAK,IAEV9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ3B,CAAA,MAEQkD,EAAYnD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CACzEE,KAAM,QACNlB,MAAO,WACJe,EAAK,IACP9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAJ2BJ,CAIxB,CAAA,MAEOoD,EAAkBrD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAC/EE,KAAM,QACNlB,MAAO,UACPoB,MAAO,CACLC,KAAM,OACNvB,QAAS,OACTwB,OAAQ,oBAEPP,EAAK,IACP9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBATiCJ,CAS9B,CAAA"}

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

@@ -1,37 +1,2 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import styled from 'styled-components';
-import { memo } from 'react';
-import { FlexWrapper } from './Flex.js';
-
-var _excluded = ["title", "border", "background", "onClick", "cssProp", "children"];
-var Placeholder = /*#__PURE__*/memo(function (_ref) {
-  var title = _ref.title,
-    border = _ref.border,
-    background = _ref.background,
-    onClick = _ref.onClick,
-    cssProp = _ref.cssProp,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_StyledFlexWrapper, _extends({
-    onClick: onClick
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props, {
-    $_css: border || 'border: 1px solid #999999;',
-    $_css2: background || 'background-color: rgba(0, 120, 255, 0.2);',
-    $_css3: cssProp
-  }), title && /*#__PURE__*/React.createElement("h2", null, title), children && children);
-});
-Placeholder.displayName = 'Placeholder';
-var _StyledFlexWrapper = /*#__PURE__*/styled(FlexWrapper).withConfig({
-  displayName: "Placeholder___StyledFlexWrapper",
-  componentId: "sc-ozx0bx-0"
-})(["", " ", " ", ""], function (p) {
-  return p.$_css;
-}, function (p) {
-  return p.$_css2;
-}, function (p) {
-  return p.$_css3;
-});
-
-export { Placeholder };
+import{objectWithoutProperties as r,extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"styled-components";import{memo as t}from"react";import{FlexWrapper as c}from"./Flex.js";var n=["title","border","background","onClick","cssProp","children"],l=t((function(o){var t=o.title,c=o.border,l=o.background,i=o.onClick,a=o.cssProp,d=o.children,p=r(o,n);return React.createElement(s,e({onClick:i},p,{$_css:c||"border: 1px solid #999999;",$_css2:l||"background-color: rgba(0, 120, 255, 0.2);",$_css3:a}),t&&React.createElement("h2",null,t),d&&d)}));l.displayName="Placeholder";var s=o(c).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(function(r){return r.$_css}),(function(r){return r.$_css2}),(function(r){return r.$_css3}));export{l as Placeholder};
 //# sourceMappingURL=Placeholder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","title","border","background","onClick","cssProp","children","props","displayName","_styled"],"mappings":";;;;;;AAYaA,IAAAA,WAAiC,gBAC5CC,IAAI,CAAmB,UAAA,IAAA,EAAA;EAAA,IAAGC,KAAK,QAALA,KAAK;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,KAAK,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,oBACzF,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,QAAA,CAAA;AAME,IAAA,OAAO,EAAEH,OAAAA;AACT;AAAA,GAAA,EACIG,KAAK,EAAA;IAAA,KANLL,EAAAA,MAAM,IAAI,4BAA4B;IAAA,MACtCC,EAAAA,UAAU,IAAI,2CAA2C;IAAA,MACzDE,EAAAA,OAAAA;GAMHJ,CAAAA,EAAAA,KAAK,iBAAK,KAAKA,CAAAA,aAAAA,CAAAA,IAAAA,EAAAA,IAAAA,EAAAA,KAAK,CAAO,EAC3BK,QAAQ,IAAIA,QAAQ,CACT,CAAA;AAAA,CACf,EAAC;AAEFP,WAAW,CAACS,WAAW,GAAG,aAAa,CAAA;AAAA,IAAA,kBAAA,gBAAAC,MAAA,CAAA,WAAA,CAAA,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,iCAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,KAAA,CAAA;AAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,MAAA,CAAA;AAAA,CAAA,EAAA,UAAA,CAAA,EAAA;AAAA,EAAA,OAAA,CAAA,CAAA,MAAA,CAAA;AAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","_objectWithoutProperties","_excluded","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"uRAYaA,EACXC,GAAuB,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAQC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAASC,EAAOL,EAAPK,QAASC,EAAQN,EAARM,SAAaC,EAAKC,EAAAR,EAAAS,GAAA,OACzFC,MAAAC,cAAAC,EAAAC,EAAA,CAMET,QAASA,GAELG,EAAK,CAAAO,MANLZ,GAAU,6BAA4Ba,OACtCZ,GAAc,4CAA2Ca,OACzDX,IAMHJ,GAAUS,MAAAC,cAAA,KAAA,KAAKV,GACfK,GAAYA,EACD,IAGhBR,EAAYmB,YAAc,cAAa,IAAAL,EAAAM,EAAAC,GAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAA,SAAAI,GAAA,OAAAA,EAAAR,KAAA,IAAA,SAAAQ,GAAA,OAAAA,EAAAP,MAAA,IAAA,SAAAO,GAAA,OAAAA,EAAAN,MAAA"}

package/dist/lib/esm/src/core/ui/components/container/fbox.module.scss.js

@@ -0,0 +1,2 @@
+var e={"flexible-box":"fbox-module_flexible-box__rLJ93"};export{e as default};
+//# sourceMappingURL=fbox.module.scss.js.map