@e1011/es-kit 1.0.0

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

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexTight = exports.FlexWrapper = exports.Flex = void 0;
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const flexValueMap = {
+    start: 'flex-start',
+    'flex-start': 'flex-start',
+    end: 'flex-end',
+    'flex-end': 'flex-end',
+};
+const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
+exports.Flex = (0, react_1.memo)(styled_components_1.default.div `
+  display: flex;
+  position: relative;
+  flex-direction: ${({ direction }) => direction || 'row'};
+  flex: ${({ flex }) => (flex !== undefined ? flex : '0')};
+  flex-grow: ${({ flexGrow }) => (flexGrow !== undefined ? flexGrow : '0')};
+  flex-shrink: ${({ flexShrink }) => (flexShrink !== undefined ? flexShrink : '0')};
+  flex-basis: ${({ flexBasis }) => flexBasis || 'auto'};
+  flex-wrap: ${({ flexWrap }) => flexWrap || 'nowrap'};
+  gap: ${({ gap }) => (gap !== undefined ? gap : '0')};
+  text-align: ${({ alignText }) => alignText || 'left'};
+  justify-content: ${({ justify }) => resolveFlexProps(justify) || 'flex-start'};
+  align-items: ${({ align }) => resolveFlexProps(align) || 'flex-start'};
+  align-self: ${({ alignSelf }) => alignSelf || 'auto'};
+  margin: ${({ margin }) => margin || '0'};
+  padding: ${({ padding }) => padding || '0'};
+  width: ${({ width }) => width || 'auto'};
+  height: ${({ height }) => height || 'auto'};
+  max-width: ${({ maxWidth }) => maxWidth || 'none'};
+  max-height: ${({ maxHeight }) => maxHeight || 'none'};
+  min-width: ${({ minWidth }) => ((minWidth || minWidth === '0') ? minWidth : '0')};
+  min-height: ${({ minHeight }) => minHeight || '0'};
+  border-radius: ${({ borderRadius }) => borderRadius || 'initial'};
+`);
+// default flex centralized, 100% width and height
+exports.FlexWrapper = (0, react_1.memo)((0, styled_components_1.default)(exports.Flex).attrs((props) => ({
+    width: props.width || '100%',
+    height: props.height || '100%',
+    justify: props.justify || 'center',
+    align: props.align || 'center',
+    ...props,
+})) ``);
+exports.FlexTight = (0, react_1.memo)((0, styled_components_1.default)(exports.Flex).attrs((props) => ({
+    size: 'unset',
+    width: 'initial',
+    ...props,
+})) ``);
+//# sourceMappingURL=Flex.js.map

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Placeholder = void 0;
+const react_1 = __importStar(require("react"));
+const Flex_1 = require("./Flex");
+exports.Placeholder = (0, react_1.memo)(({ title, border, background, onClick, cssProp, children, ...props }) => (react_1.default.createElement(Flex_1.FlexWrapper, { css: `
+      ${border || 'border: 1px solid #999999;'}
+      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}
+      ${cssProp}
+    `, onClick: onClick, ...props },
+    title && (react_1.default.createElement("h2", null, title)),
+    children && children)));
+exports.Placeholder.displayName = 'Placeholder';
+//# sourceMappingURL=Placeholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAE1D,iCAA+C;AAUlC,QAAA,WAAW,GACtB,IAAA,YAAI,EAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE,CAAC,CAClH,8BAAC,kBAAW,IACV,GAAG,EAAE;QACD,MAAM,IAAI,4BAA4B;QACtC,UAAU,IAAI,2CAA2C;QACzD,OAAO;KACV,EACD,OAAO,EAAE,OAAO,KAEZ,KAAK;IAER,KAAK,IAAI,CAAC,0CAAK,KAAK,CAAM,CAAC;IAC3B,QAAQ,IAAI,QAAQ,CACT,CACf,CAAC,CAAA;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

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

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Flex"), exports);
+__exportStar(require("./Placeholder"), exports);
+__exportStar(require("./Container"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,gDAA6B;AAC7B,8CAA2B"}

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

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DividerHorizontal = exports.DividerVertical = exports.DividerLine = void 0;
+/* eslint-disable react/jsx-props-no-spreading */
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const lineGrayColor = '#999999';
+exports.DividerLine = (0, react_1.memo)((0, styled_components_1.default)(({ 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+orientation, vertical, horizontal, length, color, opacity, zIndex, width, height, ...rest }) => react_1.default.createElement("div", { ...rest })) `
+  position:relative;
+  display:block;
+  ${({ orientation, vertical, margin, length = '80%', left = '0', width = '1px', height = '1px' }) => (orientation === 'vertical' || vertical
+    ? `
+      height: ${length};
+      left: ${left};
+      width: ${width};
+      margin: ${margin || 'auto 0'};`
+    : `
+      width: ${length};
+      left: ${left};
+      height: ${height};
+      margin: ${margin || '0 auto'};`)};
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: ${({ color }) => color || lineGrayColor};
+  opacity: ${({ opacity = 1 }) => opacity};
+`);
+exports.DividerVertical = (0, react_1.memo)((props) => react_1.default.createElement(exports.DividerLine, { vertical: true, length: '100%', ...props }));
+exports.DividerVertical.displayName = 'DividerVertical';
+exports.DividerHorizontal = (0, react_1.memo)((props) => react_1.default.createElement(exports.DividerLine, { horizontal: true, length: '100%', ...props }));
+exports.DividerHorizontal.displayName = 'DividerHorizontal';
+//# sourceMappingURL=DividerLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAiD;AACjD,+CAAuC;AACvC,0EAAsC;AAEtC,MAAM,aAAa,GAAG,SAAS,CAAA;AAelB,QAAA,WAAW,GAAqB,IAAA,YAAI,EAAC,IAAA,2BAAM,EAAC,CAAC;AACxD,6DAA6D;AAC7D,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAC1F,EAAE,EAAE,CAAC,0CAAS,IAAI,GAAI,CAAC,CAAc;;;IAGlC,CAAC,EACD,WAAW,EAAE,QAAQ,EAAE,MAAM,EAC7B,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ;IACvG,CAAC,CAAC;gBACU,MAAM;cACR,IAAI;eACH,KAAK;gBACJ,MAAM,IAAI,QAAQ,GAAG;IACjC,CAAC,CAAC;eACS,MAAM;cACP,IAAI;gBACF,MAAM;gBACN,MAAM,IAAI,QAAQ,GAAG,CACrC;;sBAEsB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,aAAa;aAC9C,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO;CACxC,CAAC,CAAA;AAEW,QAAA,eAAe,GACxB,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,mBAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAElC,QAAA,iBAAiB,GAC1B,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,mBAAW,IAAC,UAAU,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACxE,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/lib/src/core/ui/components/dividers/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DividerLine"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B"}

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

@@ -0,0 +1,180 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Field = exports.Select = exports.FieldWrapper = exports.setIconComponent = exports.setIconColor = void 0;
+/* eslint-disable react/jsx-props-no-spreading */
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+let iconColor = () => '#000000';
+const setIconColor = (color) => {
+    iconColor = color;
+};
+exports.setIconColor = setIconColor;
+let IconComponent = (0, react_1.memo)(function IconComponent() { return react_1.default.createElement("span", null); });
+const setIconComponent = (component) => {
+    IconComponent = component;
+};
+exports.setIconComponent = setIconComponent;
+exports.FieldWrapper = styled_components_1.default.div `
+  opacity: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 0.5 : 1)};
+  pointer-events: ${({ disabled, userDisabled }) => (disabled || userDisabled ? 'none' : 'auto')};
+  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;
+    }
+  }
+
+  /* Chrome, Safari, Edge, Opera */
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  /* Firefox */
+  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;
+  }
+`;
+exports.Select = (0, react_1.memo)(function Select({ options, value, inputRef, ...props }) {
+    return (react_1.default.createElement("div", { className: 'select' },
+        react_1.default.createElement("select", { ...props, ref: inputRef, defaultValue: value }, options?.map((option) => (react_1.default.createElement("option", { key: `${JSON.stringify(option)}`, value: typeof option === 'object' ? option?.value : option }, typeof option === 'object' ? option?.label : option))))));
+});
+const InputComponent = styled_components_1.default.input ``;
+const TextAreaComponent = styled_components_1.default.textarea ``;
+const StyledFieldLabel = styled_components_1.default.label `
+  text-align: left;
+`;
+exports.Field = (0, react_1.memo)(({ label, name, type = 'text', value, defaultValue, placeholder, inputRef, error, disabled, userDisabled, withoutComponent, helpTextInfo, helpText, children, iconLeft, iconRight, addon, className, onChange, onChangeInner, onBlur, onFocus, rightIconClick, leftIconClick, options, css, ...props }) => {
+    let Component = InputComponent;
+    if (!children && type === 'textarea') {
+        Component = TextAreaComponent;
+    }
+    const handleFocus = (0, react_1.useCallback)((event) => {
+        if (userDisabled) {
+            event.preventDefault();
+        }
+        else {
+            onFocus && onFocus(event);
+        }
+    }, [userDisabled, onFocus]);
+    const handleChange = (0, react_1.useCallback)((event) => {
+        if (userDisabled) {
+            return;
+        }
+        if (onChangeInner && 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]);
+    const valueProps = (0, react_1.useMemo)(() => {
+        if (value === undefined) {
+            return { defaultValue };
+        }
+        return { value };
+    }, [value, defaultValue]);
+    return (react_1.default.createElement(exports.FieldWrapper, { className: `field ${className}`, error: error, disabled: disabled, userDisabled: userDisabled, css: css },
+        react_1.default.createElement(StyledFieldLabel, { htmlFor: name, className: 'label' }, label),
+        react_1.default.createElement("div", { className: `field ${addon ? 'has-addons' : ''}` },
+            react_1.default.createElement("div", { className: `control mainControl ${iconLeft && !withoutComponent
+                    ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}` },
+                !withoutComponent && ((!children && (type === 'select' || options))
+                    ? (react_1.default.createElement(exports.Select, { name: name, id: name, inputRef: inputRef, className: `input ${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 && react_1.default.createElement(Component, { name: name, id: name, ref: inputRef, className: `input ${error ? 'is-danger' : ''}`, type: type, placeholder: placeholder, ...valueProps, onChange: handleChange, onBlur: onBlur, onFocus: handleFocus, onKeyDown: handleFocus, autoComplete: 'off', disabled: disabled, ...props }))),
+                iconLeft && !withoutComponent && (react_1.default.createElement("span", { className: `iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`, onClick: leftIconClick },
+                    react_1.default.createElement(IconComponent, { iconName: iconLeft, color: iconColor }))),
+                iconRight && (react_1.default.createElement("span", { className: `iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`, onClick: rightIconClick },
+                    react_1.default.createElement(IconComponent, { iconName: iconRight, color: iconColor }))),
+                children && children),
+            addon && addon),
+        helpTextInfo && react_1.default.createElement("p", { className: 'help' }, helpTextInfo),
+        helpText && react_1.default.createElement("p", { className: `help ${error ? 'is-danger' : ''}` }, helpText)));
+});
+exports.Field.displayName = 'Field';
+//# sourceMappingURL=Field.js.map

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

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

package/dist/lib/src/core/ui/components/field/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Field"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/lib/src/core/ui/components/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB"}

package/dist/lib/src/core/ui/components/field/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/lib/src/core/ui/components/field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/field/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./container"), exports);
+__exportStar(require("./field"), exports);
+__exportStar(require("./dividers"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,0CAAuB;AACvB,6CAA0B"}

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

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./utils"), exports);
+__exportStar(require("./components"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,+CAA4B"}

package/dist/lib/src/core/ui/utils/clickOutside.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleClickOutside = void 0;
+const handleClickOutside = (element, callback) => (event) => {
+    const target = event.target;
+    const resolvedElement = typeof element === 'function' ? element() : element;
+    if (resolvedElement && !resolvedElement.contains(target)) {
+        callback?.(target);
+    }
+};
+exports.handleClickOutside = handleClickOutside;
+//# sourceMappingURL=clickOutside.js.map

package/dist/lib/src/core/ui/utils/clickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickOutside.js","sourceRoot":"","sources":["../../../../../../src/core/ui/utils/clickOutside.ts"],"names":[],"mappings":";;;AAGO,MAAM,kBAAkB,GAAG,CAChC,OAAgB,EAChB,QAA2B,EAC3B,EAAE,CAAC,CAAC,KAAiB,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA4B,CAAA;IACjD,MAAM,eAAe,GAAsB,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAA;IAE9F,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACxD,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAA;KACnB;AACH,CAAC,CAAA;AAVY,QAAA,kBAAkB,sBAU9B"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./style"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/ui/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"}

package/dist/lib/src/core/ui/utils/style.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateColors = exports.calculatePercColor = exports.convertRGB = exports.convertHex = exports.toHex = exports.resolveStyleValue = exports.pxToRem = exports.setDefaultFontSize = exports.defaultFontSize = void 0;
+// eslint-disable-next-line import/no-mutable-exports
+exports.defaultFontSize = 16;
+const setDefaultFontSize = (fontSize) => {
+    exports.defaultFontSize = fontSize;
+};
+exports.setDefaultFontSize = setDefaultFontSize;
+const pxToRem = (px) => px / exports.defaultFontSize;
+exports.pxToRem = pxToRem;
+const resolveStyleValue = (value, units = 'rem') => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (units === 'px') {
+        return `${(0, exports.pxToRem)(value)}rem`;
+    }
+    return `${value}${units}`;
+};
+exports.resolveStyleValue = resolveStyleValue;
+/* eslint-disable no-param-reassign */
+const toHex = (x) => {
+    x = x.toString(16);
+    return x.padStart(2, '0');
+};
+exports.toHex = toHex;
+const convertHex = (hex, opacity, rgba = false) => {
+    const hexValue = hex.replace('#', '');
+    const rValue = hexValue.substring(0, 2);
+    const gValue = hexValue.substring(2, 4);
+    const bValue = hexValue.substring(4, 6);
+    const r = parseInt(rValue, 16);
+    const g = parseInt(gValue, 16);
+    const b = parseInt(bValue, 16);
+    const a = opacity <= 1 ? opacity : (opacity / 100);
+    return (rgba
+        ? `rgba(${r},${g},${b},${a})`
+        : `#${rValue}${gValue}${bValue}${(0, exports.toHex)(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)
+        .toLowerCase();
+};
+exports.convertHex = convertHex;
+const convertRGB = (r, g, b, opacity) => `#${(0, exports.toHex)(r)}${(0, exports.toHex)(g)}${(0, exports.toHex)(b)}${(0, exports.toHex)(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`;
+exports.convertRGB = convertRGB;
+const calculatePercColor = (startColor, endColor, ratio = 0.5) => {
+    if (startColor.indexOf('#') === 0) {
+        startColor = startColor.substr(1);
+    }
+    if (endColor.indexOf('#') === 0) {
+        endColor = endColor.substr(1);
+    }
+    const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio
+        + parseInt(startColor.substring(0, 2), 16) * (1 - ratio));
+    const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio
+        + parseInt(startColor.substring(2, 4), 16) * (1 - ratio));
+    const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio
+        + parseInt(startColor.substring(4, 6), 16) * (1 - ratio));
+    return `#${(0, exports.toHex)(r) + (0, exports.toHex)(g) + (0, exports.toHex)(b)}`;
+};
+exports.calculatePercColor = calculatePercColor;
+const calculateColors = (startColor, endColor, num = 10) => {
+    const ratioIterator = (num / (num + 1)) / num;
+    const ratios = [];
+    let ratio = ratioIterator;
+    // eslint-disable-next-line no-plusplus
+    while (num--) {
+        ratios.push(ratio);
+        ratio += ratioIterator;
+    }
+    return ratios.map((rat) => (0, exports.calculatePercColor)(startColor, endColor, rat));
+};
+exports.calculateColors = calculateColors;
+//# sourceMappingURL=style.js.map

package/dist/lib/src/core/ui/utils/style.js.map

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