@e1011/es-kit 1.0.20 → 1.0.22

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

@@ -1,78 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var styled = require('styled-components');
-require('../../../../../node_modules/core-js/modules/es.array.concat.js');
-var react = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var elementPropNameMap = {
-  width: 'scrollWidth',
-  height: 'scrollHeight'
-};
-var propNameFunc = function propNameFunc(_ref) {
-  var propName = _ref.propName;
-  return propName;
-};
-var StyledContainer = /*#__PURE__*/react.memo(styled__default["default"].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__default["default"](StyledContainer).withConfig({
-  displayName: "Container___StyledStyledContainer",
-  componentId: "sc-heiku-1"
-})(["", ""], function (p) {
-  return p.$_css;
-});
-var Container = /*#__PURE__*/react.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 = react.useRef();
-  var _useState = react.useState(0),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    contentProp = _useState2[0],
-    setContentProp = _useState2[1];
-  react.useEffect(function () {
-    collapseHandler === null || collapseHandler === void 0 ? void 0 : collapseHandler(collapsed);
-  }, [collapseHandler, collapsed]);
-  react.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';
-
-exports.Container = Container;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),r={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},l=t.memo(a.default.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;}"],i,i,i,i,i,i,i,(function(e){var n=e.contentProp;return"".concat(n,"px")}),i,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),c=a.default(l).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),s=t.memo((function(n){var o=n.collapsed,a=void 0!==o&&o,i=n.collapseHandler,l=n.children,s=n.propName,u=void 0===s?"height":s,p=n.className,d=n.css,_=t.useRef(),f=t.useState(0),m=e.slicedToArray(f,2),y=m[0],h=m[1];t.useEffect((function(){null==i||i(a)}),[i,a]),t.useEffect((function(){null!=_&&_.current&&h(_.current[r[u]])}),[_,u]);var v="";return a&&y&&null!=y&&(v="Collapsible__container__collapsed"),!a&&y&&null!=y&&(v="Collapsible__container__expanded"),React.createElement(c,{className:"".concat(p," ").concat(v),ref:_,contentProp:y,propName:u,$_css:d},l)}));s.displayName="Container",exports.Container=s;
 //# sourceMappingURL=Container.js.map

package/dist/lib/cjs/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","_slicedToArray","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":"6VAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,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,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,EAAAA,MAAK,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,EAAAA,SACrBC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CjB,EAAWmB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,EAAAA,WAAU,WACRZ,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBa,EAAAA,WAAU,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/cjs/src/core/ui/components/container/FBox.js

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

package/dist/lib/cjs/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","objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","className","classes","displayName","FBox","memo"],"mappings":"uNA+BMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAaC,EAAKC,EAAAC,wBAAAN,EAAAO,GAEnBC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,EAAAC,cAAA,GAEhBT,GACAE,GACCA,EAAMQ,MAAQ,CAAEC,WAAYjB,EAAiBQ,EAAMQ,QAAW,CAAE,GAChER,EAAMU,QAAU,CAAEC,eAAgBnB,EAAiBQ,EAAMU,UAAa,CAAE,GACxEV,EAAMY,UAAY,CAAEC,cAAeb,EAAMY,WAAc,CAAE,EAAA,GAE9D,CAACZ,EAAOF,IAEX,OACEgB,MAAAC,cAAA,MAAA,CAAKlB,IAAKA,EAAKmB,UAAYC,EAAgB,gBAAiBnB,MAAOM,GAA0BL,EAEjG,IAEAL,EAAiBwB,YAAc,uBAElBC,EAAOC,EAAIA,KAAY1B,GAGpCyB,EAAKD,YAAc"}

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

@@ -1,127 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var react = require('react');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-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__*/react.memo(styled__default["default"].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__*/react.memo(styled__default["default"](Flex).attrs(function (props) {
-  return _rollupPluginBabelHelpers.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__*/react.memo(styled__default["default"](Flex).attrs(function (props) {
-  return _rollupPluginBabelHelpers.objectSpread2({
-    size: 'unset',
-    width: 'initial'
-  }, props);
-}).withConfig({
-  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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(require("styled-components")),r={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},o=function(e){return e&&r[e]||e},u=t.memo(i.default.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(e){return e.direction||"row"}),(function(e){var t=e.flex;return void 0!==t?t:"0"}),(function(e){var t=e.flexGrow;return void 0!==t?t:"0"}),(function(e){var t=e.flexShrink;return void 0!==t?t:"0"}),(function(e){return e.flexBasis||"auto"}),(function(e){return e.flexWrap||"nowrap"}),(function(e){var t=e.gap;return void 0!==t?t:"0"}),(function(e){return e.alignText||"left"}),(function(e){var t=e.justify;return o(t)||"flex-start"}),(function(e){var t=e.align;return o(t)||"flex-start"}),(function(e){return e.alignSelf||"auto"}),(function(e){return e.margin||"0"}),(function(e){return e.padding||"0"}),(function(e){return e.width||"auto"}),(function(e){return e.height||"auto"}),(function(e){return e.maxWidth||"none"}),(function(e){return e.maxHeight||"none"}),(function(e){var t=e.minWidth;return t||"0"===t?t:"0"}),(function(e){return e.minHeight||"0"}),(function(e){return e.borderRadius||"initial"}))),a=t.memo(i.default(u).attrs((function(t){return e.objectSpread2({width:t.width||"100%",height:t.height||"100%",justify:t.justify||"center",align:t.align||"center"},t)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),l=t.memo(i.default(u).attrs((function(t){return e.objectSpread2({size:"unset",width:"initial"},t)})).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),f=t.memo(i.default(u).attrs((function(t){return e.objectSpread2({size:"unset",width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"}},t)})).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));exports.Flex=u,exports.FlexTight=l,exports.FlexTightStyled=f,exports.FlexWrapper=a;
 //# 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\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":"2QA2BMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAEnGC,EAAOC,EAAIA,KAACC,UAAOC,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,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,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,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,CACzEE,KAAM,QACNlB,MAAO,WACJe,EAAK,IACP9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAJ2BJ,CAIxB,CAAA,MAEOoD,EAAkBrD,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,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/cjs/src/core/ui/components/container/Placeholder.js

@@ -1,45 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var styled = require('styled-components');
-var react = require('react');
-var Flex = require('./Flex.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _excluded = ["title", "border", "background", "onClick", "cssProp", "children"];
-var Placeholder = /*#__PURE__*/react.memo(function (_ref) {
-  var title = _ref.title,
-    border = _ref.border,
-    background = _ref.background,
-    onClick = _ref.onClick,
-    cssProp = _ref.cssProp,
-    children = _ref.children,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_StyledFlexWrapper, _rollupPluginBabelHelpers["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__default["default"](Flex.FlexWrapper).withConfig({
-  displayName: "Placeholder___StyledFlexWrapper",
-  componentId: "sc-ozx0bx-0"
-})(["", " ", " ", ""], function (p) {
-  return p.$_css;
-}, function (p) {
-  return p.$_css2;
-}, function (p) {
-  return p.$_css3;
-});
-
-exports.Placeholder = Placeholder;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("styled-components"),t=require("react"),o=require("./Flex.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(r),n=["title","border","background","onClick","cssProp","children"],s=t.memo((function(r){var t=r.title,o=r.border,c=r.background,l=r.onClick,s=r.cssProp,i=r.children,u=e.objectWithoutProperties(r,n);return React.createElement(a,e.extends({onClick:l},u,{$_css:o||"border: 1px solid #999999;",$_css2:c||"background-color: rgba(0, 120, 255, 0.2);",$_css3:s}),t&&React.createElement("h2",null,t),i&&i)}));s.displayName="Placeholder";var a=l.default(o.FlexWrapper).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(function(e){return e.$_css}),(function(e){return e.$_css2}),(function(e){return e.$_css3}));exports.Placeholder=s;
 //# sourceMappingURL=Placeholder.js.map

package/dist/lib/cjs/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","_objectWithoutProperties","_extends","displayName","_styled","FlexWrapper"],"mappings":";;;;;;;;;;;;;;AAYaA,IAAAA,WAAiC,gBAC5CC,UAAI,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,GAAAC,iDAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,oBACzF,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAAC,oCAAA,CAAA;AAME,IAAA,OAAO,EAAEL,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,CAACW,WAAW,GAAG,aAAa,CAAA;AAAA,IAAA,kBAAA,gBAAAC,0BAAA,CAAAC,gBAAA,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","objectWithoutProperties","_excluded","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"uWAYaA,EACXC,EAAAA,MAAuB,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAQC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAASC,EAAOL,EAAPK,QAASC,EAAQN,EAARM,SAAaC,EAAKC,EAAAC,wBAAAT,EAAAU,GAAA,OACzFC,MAAAC,cAAAC,EAAAC,UAAA,CAMEV,QAASA,GAELG,EAAK,CAAAQ,MANLb,GAAU,6BAA4Bc,OACtCb,GAAc,4CAA2Cc,OACzDZ,IAMHJ,GAAUU,MAAAC,cAAA,KAAA,KAAKX,GACfK,GAAYA,EACD,IAGhBR,EAAYoB,YAAc,cAAa,IAAAL,EAAAM,EAAA,QAAAC,eAAAC,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/cjs/src/core/ui/components/container/fbox.module.scss.js

@@ -0,0 +1,2 @@
+"use strict";module.exports={"flexible-box":"fbox-module_flexible-box__rLJ93"};
+//# sourceMappingURL=fbox.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,70 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-require('../../../../../node_modules/core-js/modules/es.array.concat.js');
-var react = require('react');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _excluded = ["orientation", "vertical", "horizontal", "length", "color", "opacity", "zIndex", "width", "height"];
-var lineGrayColor = '#999999';
-var DividerLine = /*#__PURE__*/react.memo(styled__default["default"](function (_ref) {
-  _ref.orientation;
-    _ref.vertical;
-    _ref.horizontal;
-    _ref.length;
-    _ref.color;
-    _ref.opacity;
-    _ref.zIndex;
-    _ref.width;
-    _ref.height;
-    var rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", rest);
-}).withConfig({
-  displayName: "DividerLine",
-  componentId: "sc-1uaqxs4-0"
-})(["position:relative;display:block;", ";transition:opacity,width,height 250ms ease-in-out;background-color:", ";opacity:", ";"], function (_ref2) {
-  var orientation = _ref2.orientation,
-    vertical = _ref2.vertical,
-    margin = _ref2.margin,
-    _ref2$length = _ref2.length,
-    length = _ref2$length === void 0 ? '80%' : _ref2$length,
-    _ref2$left = _ref2.left,
-    left = _ref2$left === void 0 ? '0' : _ref2$left,
-    _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? '1px' : _ref2$width,
-    _ref2$height = _ref2.height,
-    height = _ref2$height === void 0 ? '1px' : _ref2$height;
-  return orientation === 'vertical' || vertical ? "\n      height: ".concat(length, ";\n      left: ").concat(left, ";\n      width: ").concat(width, ";\n      margin: ").concat(margin || 'auto 0', ";") : "\n      width: ".concat(length, ";\n      left: ").concat(left, ";\n      height: ").concat(height, ";\n      margin: ").concat(margin || '0 auto', ";");
-}, function (_ref3) {
-  var color = _ref3.color;
-  return color || lineGrayColor;
-}, function (_ref4) {
-  var _ref4$opacity = _ref4.opacity,
-    opacity = _ref4$opacity === void 0 ? 1 : _ref4$opacity;
-  return opacity;
-}));
-var DividerVertical = /*#__PURE__*/react.memo(function (props) {
-  return /*#__PURE__*/React.createElement(DividerLine, _rollupPluginBabelHelpers["extends"]({
-    vertical: true,
-    length: "100%"
-  }, props));
-});
-DividerVertical.displayName = 'DividerVertical';
-var DividerHorizontal = /*#__PURE__*/react.memo(function (props) {
-  return /*#__PURE__*/React.createElement(DividerLine, _rollupPluginBabelHelpers["extends"]({
-    horizontal: true,
-    length: "100%"
-  }, props));
-});
-DividerHorizontal.displayName = 'DividerHorizontal';
-
-exports.DividerHorizontal = DividerHorizontal;
-exports.DividerLine = DividerLine;
-exports.DividerVertical = DividerVertical;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),i=require("./divider.module.scss.js"),t=r.memo((function(e){var t=e.orientation,o=e.vertical,a=e.color,n=void 0===a?"#999999":a,l=e.opacity,c=e.length,d=void 0===c?"80%":c,s=e.left,u=void 0===s?"0":s,v=e.width,m=void 0===v?"1px":v,p=e.height,h=void 0===p?"1px":p,g=e.margin,f=r.useMemo((function(){return"vertical"===t||!0===o}),[t,o]),x=r.useMemo((function(){return{"--width":m,"--height":h,"--length":d,"--opacity":l,"--color":n,"--left":u,"--margin":g||(f?"auto 0":"0 auto")}}),[m,h,d,l,n,u,g,f]),y=f?i.vertical:i.horizontal;return React.createElement("div",{className:"".concat(i["divider-line"]," ").concat(y),style:x})}));t.displayName="DividerLine";var o=r.memo((function(r){return React.createElement(t,e.extends({vertical:!0,length:"100%"},r))}));o.displayName="DividerVertical";var a=r.memo((function(r){return React.createElement(t,e.extends({length:"100%"},r))}));a.displayName="DividerHorizontal",exports.DividerHorizontal=a,exports.DividerLine=t,exports.DividerVertical=o;
 //# sourceMappingURL=DividerLine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC } from 'react'\nimport styled from 'styled-components'\n\nconst lineGrayColor = '#999999'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  horizontal?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo(styled(({\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  orientation, vertical, horizontal, length, color, opacity, zIndex, width, height, ...rest\n}) => <div {...rest} />)<DividerProps>`\n  position:relative;\n  display:block;\n  ${({\n    orientation, vertical, margin,\n    length = '80%', left = '0', width = '1px', height = '1px' }) => (orientation === 'vertical' || vertical\n    ? `\n      height: ${length};\n      left: ${left};\n      width: ${width};\n      margin: ${margin || 'auto 0'};`\n    : `\n      width: ${length};\n      left: ${left};\n      height: ${height};\n      margin: ${margin || '0 auto'};`)\n};\n  transition: opacity, width, height 250ms ease-in-out;\n  background-color: ${({ color }) => color || lineGrayColor};\n  opacity: ${({ opacity = 1 }) => opacity};\n`)\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine horizontal length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["lineGrayColor","DividerLine","memo","styled","orientation","vertical","horizontal","length","color","opacity","zIndex","width","height","rest","_objectWithoutProperties","margin","left","DividerVertical","props","_extends","displayName","DividerHorizontal"],"mappings":"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"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div className={`${classes['divider-line']} ${verHorClass}`} style={styles as CSSProperties} />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","_ref$color","color","opacity","_ref$length","length","_ref$left","left","_ref$width","width","_ref$height","height","margin","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","className","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"iRAiBaA,EAAgCC,EAAAA,MAAmB,SAAAC,GAO5C,IANlBC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAAQC,EAAAH,EACrBI,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAOL,EAAPK,QAAOC,EAAAN,EACPO,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EAAES,KAAAA,OAAO,IAAHD,EAAG,IAAGA,EAAAE,EAAAV,EAC1BW,MAAAA,OAAQ,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EAAEa,OAAAA,OAAS,IAAHD,EAAG,MAAKA,EAC7BE,EAAMd,EAANc,OAEMC,EAAaC,EAAAA,SAAQ,WAAA,MAAsB,aAAhBf,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1Fe,EAASD,EAAAA,SAAQ,WAAA,MACrB,CACE,UAAWL,EACX,WAAYE,EACZ,WAAYN,EACZ,YAAaF,EACb,UAAWD,EACX,SAAUK,EACV,WAAYK,IAAWC,EAAa,SAAW,UAChD,GACA,CAACJ,EAAOE,EAAQN,EAAQF,EAASD,EAAOK,EAAMK,EAAQC,IAEnDG,EAAcH,EAAaI,EAAQjB,SAAWiB,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CAAKC,UAAS,GAAAC,OAAKL,EAAQ,gBAAeK,KAAAA,OAAIN,GAAeO,MAAOR,GAExE,IAEAnB,EAAY4B,YAAc,kBAEbC,EACT5B,EAAAA,MAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,UAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,EAAAA,MAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,UAAA,CAACtB,OAAO,QAAWqB,GAAS,IAC5DE,EAAkBJ,YAAc"}

package/dist/lib/cjs/src/core/ui/components/dividers/divider.module.scss.js

@@ -0,0 +1,2 @@
+"use strict";module.exports={"divider-line":"divider-module_divider-line__6CesR",vertical:"divider-module_vertical__qSVWD",horizontal:"divider-module_horizontal__Gz-Oj"};
+//# sourceMappingURL=divider.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/dividers/divider.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}