@e1011/es-kit 1.0.20 → 1.0.24

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

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

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

@@ -1,60 +1,2 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import '../../../../../node_modules/core-js/modules/es.array.concat.js';
-import { memo } from 'react';
-import styled from 'styled-components';
-
-var _excluded = ["orientation", "vertical", "horizontal", "length", "color", "opacity", "zIndex", "width", "height"];
-var lineGrayColor = '#999999';
-var DividerLine = /*#__PURE__*/memo(styled(function (_ref) {
-  _ref.orientation;
-    _ref.vertical;
-    _ref.horizontal;
-    _ref.length;
-    _ref.color;
-    _ref.opacity;
-    _ref.zIndex;
-    _ref.width;
-    _ref.height;
-    var rest = _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__*/memo(function (props) {
-  return /*#__PURE__*/React.createElement(DividerLine, _extends({
-    vertical: true,
-    length: "100%"
-  }, props));
-});
-DividerVertical.displayName = 'DividerVertical';
-var DividerHorizontal = /*#__PURE__*/memo(function (props) {
-  return /*#__PURE__*/React.createElement(DividerLine, _extends({
-    horizontal: true,
-    length: "100%"
-  }, props));
-});
-DividerHorizontal.displayName = 'DividerHorizontal';
-
-export { DividerHorizontal, DividerLine, DividerVertical };
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useMemo as i}from"react";import r from"./divider.module.scss.js";var a=t((function(e){var t=e.orientation,a=e.vertical,o=e.color,n=void 0===o?"#999999":o,l=e.opacity,c=e.length,d=void 0===c?"80%":c,v=e.left,m=void 0===v?"0":v,s=e.width,u=void 0===s?"1px":s,p=e.height,h=void 0===p?"1px":p,f=e.margin,g=i((function(){return"vertical"===t||!0===a}),[t,a]),y=i((function(){return{"--width":u,"--height":h,"--length":d,"--opacity":l,"--color":n,"--left":m,"--margin":f||(g?"auto 0":"0 auto")}}),[u,h,d,l,n,m,f,g]),j=g?r.vertical:r.horizontal;return React.createElement("div",{className:"".concat(r["divider-line"]," ").concat(j),style:y})}));a.displayName="DividerLine";var o=t((function(t){return React.createElement(a,e({vertical:!0,length:"100%"},t))}));o.displayName="DividerVertical";var n=t((function(t){return React.createElement(a,e({length:"100%"},t))}));n.displayName="DividerHorizontal";export{n as DividerHorizontal,a as DividerLine,o as DividerVertical};
 //# sourceMappingURL=DividerLine.js.map

package/dist/ui/esm/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","margin","left","DividerVertical","props","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":"4OAiBaA,EAAgCC,GAAmB,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,GAAQ,WAAA,MAAsB,aAAhBf,IAA2C,IAAbC,CAAiB,GAAE,CAACD,EAAaC,IAE1Fe,EAASD,GAAQ,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,GAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,EAAA,CAAC3B,UAAQ,EAACK,OAAO,QAAWqB,GAAS,IACrED,EAAgBD,YAAc,sBAEjBI,EACT/B,GAAK,SAAC6B,GAAK,OAAKP,MAAAC,cAACxB,EAAW+B,EAAA,CAACtB,OAAO,QAAWqB,GAAS,IAC5DE,EAAkBJ,YAAc"}

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

@@ -0,0 +1,2 @@
+var i={"divider-line":"divider-module_divider-line__6CesR",vertical:"divider-module_vertical__qSVWD",horizontal:"divider-module_horizontal__Gz-Oj"};export{i as default};
+//# sourceMappingURL=divider.module.scss.js.map

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

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

package/dist/ui/esm/src/core/ui/components/field/Field.js

@@ -1,195 +1,2 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import styled from 'styled-components';
-import '../../../../../node_modules/core-js/modules/es.array.map.js';
-import '../../../../../node_modules/core-js/modules/es.array.concat.js';
-import { memo, useCallback, useMemo } from 'react';
-
-var _excluded = ["options", "value", "inputRef"],
-  _excluded2 = ["label", "name", "type", "value", "defaultValue", "placeholder", "inputRef", "error", "disabled", "userDisabled", "withoutComponent", "helpTextInfo", "helpText", "children", "iconLeft", "iconRight", "addon", "className", "onChange", "onChangeInner", "onBlur", "onFocus", "rightIconClick", "leftIconClick", "options", "css"];
-var iconColor = function iconColor() {
-  return '#000000';
-};
-var setIconColor = function setIconColor(color) {
-  iconColor = color;
-};
-var IconComponent = /*#__PURE__*/memo(function IconComponent() {
-  return /*#__PURE__*/React.createElement("span", null);
-});
-var setIconComponent = function setIconComponent(component) {
-  IconComponent = component;
-};
-var FieldWrapper = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Field__FieldWrapper",
-  componentId: "sc-i8c0jy-0"
-})(["opacity:", ";pointer-events:", ";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"], function (_ref) {
-  var disabled = _ref.disabled,
-    userDisabled = _ref.userDisabled;
-  return disabled || userDisabled ? 0.5 : 1;
-}, function (_ref2) {
-  var disabled = _ref2.disabled,
-    userDisabled = _ref2.userDisabled;
-  return disabled || userDisabled ? 'none' : 'auto';
-});
-var _StyledFieldWrapper = /*#__PURE__*/styled(FieldWrapper).withConfig({
-  displayName: "Field___StyledFieldWrapper",
-  componentId: "sc-i8c0jy-1"
-})(["", ""], function (p) {
-  return p.$_css;
-});
-var Select = /*#__PURE__*/memo(function Select(_ref3) {
-  var options = _ref3.options,
-    value = _ref3.value,
-    inputRef = _ref3.inputRef,
-    props = _objectWithoutProperties(_ref3, _excluded);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "select"
-  }, /*#__PURE__*/React.createElement("select", _extends({}, props, {
-    ref: inputRef,
-    defaultValue: value
-  }), options === null || options === void 0 ? void 0 : options.map(function (option) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: "".concat(JSON.stringify(option)),
-      value: _typeof(option) === 'object' ? option === null || option === void 0 ? void 0 : option.value : option
-    }, _typeof(option) === 'object' ? option === null || option === void 0 ? void 0 : option.label : option);
-  })));
-});
-var InputComponent = /*#__PURE__*/styled.input.withConfig({
-  displayName: "Field__InputComponent",
-  componentId: "sc-i8c0jy-2"
-})([""]);
-var TextAreaComponent = /*#__PURE__*/styled.textarea.withConfig({
-  displayName: "Field__TextAreaComponent",
-  componentId: "sc-i8c0jy-3"
-})([""]);
-var StyledFieldLabel = /*#__PURE__*/styled.label.withConfig({
-  displayName: "Field__StyledFieldLabel",
-  componentId: "sc-i8c0jy-4"
-})(["text-align:left;"]);
-var Field = /*#__PURE__*/memo(function (_ref4) {
-  var label = _ref4.label,
-    name = _ref4.name,
-    _ref4$type = _ref4.type,
-    type = _ref4$type === void 0 ? 'text' : _ref4$type,
-    value = _ref4.value,
-    defaultValue = _ref4.defaultValue,
-    placeholder = _ref4.placeholder,
-    inputRef = _ref4.inputRef,
-    error = _ref4.error,
-    disabled = _ref4.disabled,
-    userDisabled = _ref4.userDisabled,
-    withoutComponent = _ref4.withoutComponent,
-    helpTextInfo = _ref4.helpTextInfo,
-    helpText = _ref4.helpText,
-    children = _ref4.children,
-    iconLeft = _ref4.iconLeft,
-    iconRight = _ref4.iconRight,
-    addon = _ref4.addon,
-    className = _ref4.className,
-    onChange = _ref4.onChange,
-    onChangeInner = _ref4.onChangeInner,
-    onBlur = _ref4.onBlur,
-    onFocus = _ref4.onFocus,
-    rightIconClick = _ref4.rightIconClick,
-    leftIconClick = _ref4.leftIconClick,
-    options = _ref4.options,
-    css = _ref4.css,
-    props = _objectWithoutProperties(_ref4, _excluded2);
-  var Component = InputComponent;
-  if (!children && type === 'textarea') {
-    Component = TextAreaComponent;
-  }
-  var handleFocus = useCallback(function (event) {
-    if (userDisabled) {
-      event.preventDefault();
-    } else {
-      onFocus && onFocus(event);
-    }
-  }, [userDisabled, onFocus]);
-  var handleChange = useCallback(function (event) {
-    if (userDisabled) {
-      return;
-    }
-    if (onChangeInner && event !== null && event !== void 0 && event.target) {
-      // eslint-disable-next-line no-param-reassign
-      event.target.value = onChangeInner(event.target.value);
-      onChange && onChange(event);
-    } else {
-      onChange && onChange(event);
-    }
-  }, [onChangeInner, onChange, userDisabled]);
-  var valueProps = useMemo(function () {
-    if (value === undefined) {
-      return {
-        defaultValue: defaultValue
-      };
-    }
-    return {
-      value: value
-    };
-  }, [value, defaultValue]);
-  return /*#__PURE__*/React.createElement(_StyledFieldWrapper, {
-    className: "field ".concat(className),
-    error: error,
-    disabled: disabled,
-    userDisabled: userDisabled,
-    $_css: css
-  }, /*#__PURE__*/React.createElement(StyledFieldLabel, {
-    htmlFor: name,
-    className: "label"
-  }, label), /*#__PURE__*/React.createElement("div", {
-    className: "field ".concat(addon ? 'has-addons' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "control mainControl ".concat(iconLeft && !withoutComponent ? 'has-icons-left' : '', " ").concat(iconRight ? 'has-icons-right' : '')
-  }, !withoutComponent && (!children && (type === 'select' || options) ? /*#__PURE__*/React.createElement(Select, _extends({
-    name: name,
-    id: name,
-    inputRef: inputRef,
-    className: "input ".concat(error ? 'is-danger' : ''),
-    type: "select",
-    placeholder: placeholder,
-    value: value,
-    options: options
-    // TODO also handle change but value versus event.target.value issue
-    ,
-    onChange: onChange,
-    onBlur: onBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleFocus,
-    autoComplete: "off",
-    disabled: disabled
-  }, props)) : !children && /*#__PURE__*/React.createElement(Component, _extends({
-    name: name,
-    id: name,
-    ref: inputRef,
-    className: "input ".concat(error ? 'is-danger' : ''),
-    type: type,
-    placeholder: placeholder
-  }, valueProps, {
-    onChange: handleChange,
-    onBlur: onBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleFocus,
-    autoComplete: "off",
-    disabled: disabled
-  }, props))), iconLeft && !withoutComponent && /*#__PURE__*/React.createElement("span", {
-    className: "iconLeft icon is-small is-left ".concat(leftIconClick ? 'is-action' : ''),
-    onClick: leftIconClick
-  }, /*#__PURE__*/React.createElement(IconComponent, {
-    iconName: iconLeft,
-    color: iconColor
-  })), iconRight && /*#__PURE__*/React.createElement("span", {
-    className: "iconRight icon is-small is-right ".concat(rightIconClick ? 'is-action' : ''),
-    onClick: rightIconClick
-  }, /*#__PURE__*/React.createElement(IconComponent, {
-    iconName: iconRight,
-    color: iconColor
-  })), children && children), addon && addon), helpTextInfo && /*#__PURE__*/React.createElement("p", {
-    className: "help"
-  }, helpTextInfo), helpText && /*#__PURE__*/React.createElement("p", {
-    className: "help ".concat(error ? 'is-danger' : '')
-  }, helpText));
-});
-Field.displayName = 'Field';
-
-export { Field, FieldWrapper, Select, setIconColor, setIconComponent };
+import{objectWithoutProperties as e,extends as t,typeof as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.map.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as o,useCallback as i,useMemo as l}from"react";var c=["options","value","inputRef"],r=["label","name","type","value","defaultValue","placeholder","inputRef","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","options","css"],s=function(){return"#000000"},p=function(e){s=e},d=o((function(){return React.createElement("span",null)})),u=function(e){d=e},m=a.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(function(e){var t=e.disabled,n=e.userDisabled;return t||n?.5:1}),(function(e){var t=e.disabled,n=e.userDisabled;return t||n?"none":"auto"})),f=a(m).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(function(e){return e.$_css})),h=o((function(a){var o=a.options,i=a.value,l=a.inputRef,r=e(a,c);return React.createElement("div",{className:"select"},React.createElement("select",t({},r,{ref:l,defaultValue:i}),null==o?void 0:o.map((function(e){return React.createElement("option",{key:"".concat(JSON.stringify(e)),value:"object"===n(e)?null==e?void 0:e.value:e},"object"===n(e)?null==e?void 0:e.label:e)}))))})),b=a.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),g=a.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),x=a.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),v=o((function(n){var a=n.label,o=n.name,c=n.type,p=void 0===c?"text":c,u=n.value,m=n.defaultValue,v=n.placeholder,y=n.inputRef,w=n.error,C=n.disabled,R=n.userDisabled,N=n.withoutComponent,_=n.helpTextInfo,E=n.helpText,F=n.children,I=n.iconLeft,j=n.iconRight,k=n.addon,D=n.className,B=n.onChange,T=n.onChangeInner,L=n.onBlur,V=n.onFocus,z=n.rightIconClick,S=n.leftIconClick,W=n.options,K=n.css,P=e(n,r),$=b;F||"textarea"!==p||($=g);var A=i((function(e){R?e.preventDefault():V&&V(e)}),[R,V]),H=i((function(e){R||(T&&null!=e&&e.target?(e.target.value=T(e.target.value),B&&B(e)):B&&B(e))}),[T,B,R]),J=l((function(){return void 0===u?{defaultValue:m}:{value:u}}),[u,m]);return React.createElement(f,{className:"field ".concat(D),error:w,disabled:C,userDisabled:R,$_css:K},React.createElement(x,{htmlFor:o,className:"label"},a),React.createElement("div",{className:"field ".concat(k?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(I&&!N?"has-icons-left":""," ").concat(j?"has-icons-right":"")},!N&&(F||"select"!==p&&!W?!F&&React.createElement($,t({name:o,id:o,ref:y,className:"input ".concat(w?"is-danger":""),type:p,placeholder:v},J,{onChange:H,onBlur:L,onFocus:A,onKeyDown:A,autoComplete:"off",disabled:C},P)):React.createElement(h,t({name:o,id:o,inputRef:y,className:"input ".concat(w?"is-danger":""),type:"select",placeholder:v,value:u,options:W,onChange:B,onBlur:L,onFocus:A,onKeyDown:A,autoComplete:"off",disabled:C},P))),I&&!N&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(S?"is-action":""),onClick:S},React.createElement(d,{iconName:I,color:s})),j&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(z?"is-action":""),onClick:z},React.createElement(d,{iconName:j,color:s})),F&&F),k&&k),_&&React.createElement("p",{className:"help"},_),E&&React.createElement("p",{className:"help ".concat(w?"is-danger":"")},E))}));v.displayName="Field";export{v as Field,m as FieldWrapper,h as Select,p as setIconColor,u as setIconComponent};
 //# sourceMappingURL=Field.js.map

package/dist/ui/esm/src/core/ui/components/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any }\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event) => {\n    if (userDisabled) {\n      event.preventDefault()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event)\n    } else {\n      onChange && onChange(event)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","setIconComponent","component","FieldWrapper","styled","div","disabled","userDisabled","Select","options","value","inputRef","props","map","option","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","name","type","defaultValue","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","displayName"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};\n  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};\n  flex: 1 1 auto;\n  width: 100%;\n  @media (min-width: 400px) {\n    flex: 1;\n  }\n  .label {\n    font-size: 0.8rem !important;\n    font-weight: normal;\n  }\n\n  .help {\n    text-align: left;\n  }\n\n  .mainControl {\n    flex: 1;\n    border-radius: 6px;\n    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n    will-change: box-shadow;\n    transition: box-shadow 250ms ease-in-out;\n    &:hover {\n      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n  button {\n    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n  }\n  .select {\n    width: 100%;\n    flex: 1;\n    &::after {\n      border-color: #000000 !important;\n    }\n  }\n\n  .icon {\n    &.is-action {\n      cursor: pointer;\n      pointer-events: initial !important;\n    }\n  }\n\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type=number] {\n    -moz-appearance: textfield;\n  }\n\n  .input[type=date]::-webkit-calendar-picker-indicator {\n    opacity:0;\n    -webkit-appearance: none;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  textarea {\n    resize: none;\n  }\n`\n\ntype EventType = { target: any; type?: any }\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  css?: string\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n  text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  css,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event) => {\n    if (userDisabled) {\n      event.preventDefault()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event)\n    } else {\n      onChange && onChange(event)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <FieldWrapper\n      className={`field ${className}`}\n      error={error}\n      disabled={disabled}\n      userDisabled={userDisabled}\n      css={css}\n    >\n      <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </FieldWrapper>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","_objectWithoutProperties","_excluded","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","_typeof","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","_ref4$type","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","_excluded2","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}

package/dist/ui/esm/src/core/ui/components/icon/Icon.js

@@ -0,0 +1,2 @@
+import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as a}from"react";var e=a((function(a){var e=a.icon,o=a.className,c=a.color,n=void 0===c?"currentColor":c;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":e.prefix,"data-icon":e.iconName,className:"svg-inline--fa fa-".concat(e.iconName," ").concat(o),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(e.icon[0]," ").concat(e.icon[1])},React.createElement("path",{fill:n,d:e.icon[4]}))}));e.displayName="Icon";export{e as Icon};
+//# sourceMappingURL=Icon.js.map

package/dist/ui/esm/src/core/ui/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","_ref$color","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"wGAYaA,EAAOC,GAAe,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAMC,EAASF,EAATE,UAASC,EAAAH,EAAEI,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAAA,OAC3EE,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaN,EAAKO,OAClB,YAAWP,EAAKQ,SAChBP,UAAS,qBAAAQ,OAAuBT,EAAKQ,SAAQC,KAAAA,OAAIR,GACjDS,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAAST,EAAKA,KAAK,GAAE,KAAAS,OAAIT,EAAKA,KAAK,KAE1CI,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGd,EAAKA,KAAK,KAEX,IAGRH,EAAKkB,YAAc"}

package/dist/ui/esm/src/core/ui/components/icon/IconBase.js

@@ -0,0 +1,2 @@
+import{memo as i,useMemo as o}from"react";import e from"./icon.module.scss.js";var r=i((function(i){var r=i.iconUrl,t=i.minWidth,n=void 0===t?"1rem":t,c=i.minHeight,a=void 0===c?"1rem":c,m=i.width,s=i.height,h=i.color,l=void 0===h?"currentColor":h,d=o((function(){return{"--min-width":n,"--min-height":a,"--width":m,"--height":s,"--icon-url":"url(".concat(r,")"),"--icon-color":l}}),[n,a,m,s,r,l]);return React.createElement("span",{className:"".concat(e["icon-base"]," icon-base"),style:d})}));r.displayName="IconBase";export{r as IconBase};
+//# sourceMappingURL=IconBase.js.map

package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, PropsWithChildren } from 'react'\n\nimport classes from './icon.module.scss'\n\ntype IconBaseType = PropsWithChildren<any> & {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  color?: string\n}\n\nexport const IconBase = memo<IconBaseType>(({\n  iconUrl, minWidth = '1rem', minHeight = '1rem', width, height, color = 'currentColor',\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth,\n      '--min-height': minHeight,\n      '--width': width,\n      '--height': height,\n      '--icon-url': `url(${iconUrl})`,\n      '--icon-color': color,\n    }\n  ), [minWidth, minHeight, width, height, iconUrl, color])\n\n  return (\n    <span className={`${classes['icon-base']} icon-base`} style={styles as CSSProperties} />\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","_ref$minWidth","minWidth","_ref$minHeight","minHeight","width","height","_ref$color","color","styles","useMemo","concat","React","createElement","className","classes","style","displayName"],"mappings":"mFAaaA,EAAWC,GAAmB,SAAAC,GAEvB,IADlBC,EAAOD,EAAPC,QAAOC,EAAAF,EAAEG,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAEE,EAAKN,EAALM,MAAOC,EAAMP,EAANO,OAAMC,EAAAR,EAAES,MAAAA,OAAQ,IAAHD,EAAG,eAAcA,EAE/EE,EAASC,GAAQ,WAAA,MACrB,CACE,cAAeR,EACf,eAAgBE,EAChB,UAAWC,EACX,WAAYC,EACZ,aAAYK,OAAAA,OAASX,EAAU,KAC/B,eAAgBQ,EACjB,GACA,CAACN,EAAUE,EAAWC,EAAOC,EAAQN,EAASQ,IAEjD,OACEI,MAAAC,cAAA,OAAA,CAAMC,aAASH,OAAKI,EAAQ,aAAyB,cAACC,MAAOP,GAEjE,IAEAZ,EAASoB,YAAc"}

package/dist/ui/esm/src/core/ui/components/icon/icon.module.scss.js

@@ -0,0 +1,2 @@
+var a={"icon-base":"icon-module_icon-base__S0tHf"};export{a as default};
+//# sourceMappingURL=icon.module.scss.js.map

package/dist/ui/esm/src/core/ui/components/icon/icon.module.scss.js.map

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

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

@@ -1,7 +1,2 @@
-export { calculateColors, calculatePercColor, convertHex, convertRGB, defaultFontSize, pxToRem, resolveStyleValue, setDefaultFontSize, toHex } from './utils/style.js';
-export { Flex, FlexTight, FlexTightStyled, FlexWrapper } from './components/container/Flex.js';
-export { Placeholder } from './components/container/Placeholder.js';
-export { Container } from './components/container/Container.js';
-export { Field, FieldWrapper, Select, setIconColor, setIconComponent } from './components/field/Field.js';
-export { DividerHorizontal, DividerLine, DividerVertical } from './components/dividers/DividerLine.js';
+export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{FBox}from"./components/container/FBox.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./components/container/Flex.js";export{Placeholder}from"./components/container/Placeholder.js";export{Container}from"./components/container/Container.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";
 //# sourceMappingURL=index.js.map

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

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