colibri-ui 0.7.8 → 0.7.10

package/esm/Icons/index.js

@@ -1,5 +1,3 @@
-export { default as Burger } from './Burger.js';
-export { default as Check } from './Check.js';
 export { default as Chevron } from './Chevron.js';
 export { default as Close } from './Close.js';
 export { default as EyeOpen } from './EyeOpen.js';

package/esm/Image/index.js

@@ -0,0 +1,62 @@
+import { __rest, __assign } from 'tslib';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef, useState, useCallback } from 'react';
+import generateUniqID from '../helpers/generateUniqID.js';
+import { BasePicture } from './styles.js';
+
+var emptyImage = "data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";
+var Image = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    _b = _a.loading,
+    loading = _b === void 0 ? "lazy" : _b,
+    src = _a.src,
+    fallbackSrc = _a.fallbackSrc,
+    onClick = _a.onClick,
+    srcSet = _a.srcSet,
+    sizes = _a.sizes,
+    ariaLabel = _a.ariaLabel,
+    _c = _a.sources,
+    sources = _c === void 0 ? [] : _c,
+    testId = _a["data-testid"],
+    _d = _a.alt,
+    alt = _d === void 0 ? src : _d,
+    width = _a.width,
+    height = _a.height,
+    props = __rest(_a, ["className", "loading", "src", "fallbackSrc", "onClick", "srcSet", "sizes", "ariaLabel", "sources", "data-testid", "alt", "width", "height"]);
+  var _e = useState(false),
+    isFailed = _e[0],
+    setFailed = _e[1];
+  var imageSrc = src || emptyImage;
+  var imageSrcSet = srcSet;
+  var sizeAttrs = {};
+  if (width !== undefined) {
+    sizeAttrs.width = width;
+  }
+  if (height !== undefined) {
+    sizeAttrs.height = height;
+  }
+  var handleError = useCallback(function () {
+    setFailed(true);
+  }, []);
+  return jsxs(BasePicture, {
+    "data-testid": testId,
+    ref: ref,
+    children: [!!sources.length && sources.map(function (source, index) {
+      return jsx("source", __assign({}, source), generateUniqID(index));
+    }), jsx("img", __assign({
+      alt: alt,
+      style: sizeAttrs,
+      className: className,
+      loading: loading,
+      "aria-hidden": ariaLabel ? "false" : "true",
+      "aria-label": ariaLabel,
+      onClick: onClick,
+      onError: handleError,
+      src: isFailed && fallbackSrc ? fallbackSrc : imageSrc,
+      srcSet: imageSrcSet,
+      sizes: sizes
+    }, props))]
+  });
+});
+
+export { Image as default };

package/esm/Image/styles.js

@@ -0,0 +1,12 @@
+import _styled from '@emotion/styled/base';
+import { __makeTemplateObject } from 'tslib';
+
+var BasePicture = /*#__PURE__*/_styled("picture", process.env.NODE_ENV === "production" ? {
+  target: "e17t3ew60"
+} : {
+  target: "e17t3ew60",
+  label: "BasePicture"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  img {\n    width: 100%;\n    height: 100%;\n\n    visibility: visible;\n\n    font: 0/0 a;\n\n    border: 0;\n\n    object-fit: cover;\n    text-indent: -100rem;\n\n    :-moz-broken {\n      opacity: 0;\n    }\n  }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBCYXNlUGljdHVyZSA9IHN0eWxlZC5waWN0dXJlKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIHRvcDogMDtcXG4gIGxlZnQ6IDA7XFxuICB3aWR0aDogMTAwJTtcXG4gIGhlaWdodDogMTAwJTtcXG5cXG4gIGltZyB7XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuXFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxuXFxuICAgIGZvbnQ6IDAvMCBhO1xcblxcbiAgICBib3JkZXI6IDA7XFxuXFxuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xcbiAgICB0ZXh0LWluZGVudDogLTEwMHJlbTtcXG5cXG4gICAgOi1tb3otYnJva2VuIHtcXG4gICAgICBvcGFjaXR5OiAwO1xcbiAgICB9XFxuICB9XFxuXCJdLCBbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIHRvcDogMDtcXG4gIGxlZnQ6IDA7XFxuICB3aWR0aDogMTAwJTtcXG4gIGhlaWdodDogMTAwJTtcXG5cXG4gIGltZyB7XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuXFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxuXFxuICAgIGZvbnQ6IDAvMCBhO1xcblxcbiAgICBib3JkZXI6IDA7XFxuXFxuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xcbiAgICB0ZXh0LWluZGVudDogLTEwMHJlbTtcXG5cXG4gICAgOi1tb3otYnJva2VuIHtcXG4gICAgICBvcGFjaXR5OiAwO1xcbiAgICB9XFxuICB9XFxuXCJdKSkpO1xudmFyIHRlbXBsYXRlT2JqZWN0XzE7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  img {\n    width: 100%;\n    height: 100%;\n\n    visibility: visible;\n\n    font: 0/0 a;\n\n    border: 0;\n\n    object-fit: cover;\n    text-indent: -100rem;\n\n    :-moz-broken {\n      opacity: 0;\n    }\n  }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBCYXNlUGljdHVyZSA9IHN0eWxlZC5waWN0dXJlKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIHRvcDogMDtcXG4gIGxlZnQ6IDA7XFxuICB3aWR0aDogMTAwJTtcXG4gIGhlaWdodDogMTAwJTtcXG5cXG4gIGltZyB7XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuXFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxuXFxuICAgIGZvbnQ6IDAvMCBhO1xcblxcbiAgICBib3JkZXI6IDA7XFxuXFxuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xcbiAgICB0ZXh0LWluZGVudDogLTEwMHJlbTtcXG5cXG4gICAgOi1tb3otYnJva2VuIHtcXG4gICAgICBvcGFjaXR5OiAwO1xcbiAgICB9XFxuICB9XFxuXCJdLCBbXCJcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIHRvcDogMDtcXG4gIGxlZnQ6IDA7XFxuICB3aWR0aDogMTAwJTtcXG4gIGhlaWdodDogMTAwJTtcXG5cXG4gIGltZyB7XFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBoZWlnaHQ6IDEwMCU7XFxuXFxuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XFxuXFxuICAgIGZvbnQ6IDAvMCBhO1xcblxcbiAgICBib3JkZXI6IDA7XFxuXFxuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xcbiAgICB0ZXh0LWluZGVudDogLTEwMHJlbTtcXG5cXG4gICAgOi1tb3otYnJva2VuIHtcXG4gICAgICBvcGFjaXR5OiAwO1xcbiAgICB9XFxuICB9XFxuXCJdKSkpO1xudmFyIHRlbXBsYXRlT2JqZWN0XzE7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])));
+var templateObject_1;
+
+export { BasePicture };

package/esm/Input/index.js

@@ -0,0 +1,46 @@
+import { __rest, __assign } from 'tslib';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import FormField from '../base/FormField/index.js';
+import InputRoot from '../base/InputRoot/index.js';
+import { BaseInput } from '../base/InputRoot/styles.js';
+
+var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    startIcon = _a.startIcon,
+    endIcon = _a.endIcon,
+    label = _a.label,
+    hint = _a.hint,
+    error = _a.error,
+    onChange = _a.onChange,
+    _b = _a.variant,
+    variant = _b === void 0 ? "primary" : _b,
+    _c = _a.size,
+    size = _c === void 0 ? "m" : _c,
+    props = __rest(_a, ["className", "startIcon", "endIcon", "label", "hint", "error", "onChange", "variant", "size"]);
+  var onChangeHandler = function onChangeHandler(e) {
+    if (onChange) onChange(e, e.target.value);
+  };
+  return jsx(FormField, {
+    className: className,
+    label: label,
+    hint: hint,
+    error: error,
+    children: jsx(InputRoot, {
+      ref: ref,
+      startIcon: startIcon,
+      endIcon: endIcon,
+      variant: variant,
+      size: size,
+      disabled: !!props.disabled,
+      error: error,
+      children: jsx(BaseInput, __assign({
+        as: "input",
+        onChange: onChangeHandler,
+        type: "text"
+      }, props))
+    })
+  });
+});
+
+export { Input as default };

package/esm/Skeleton/index.js

@@ -0,0 +1,31 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { StyledRect, StyledText } from './styles.js';
+
+var SkeletonRect = function SkeletonRect(_a) {
+  var className = _a.className,
+    width = _a.width,
+    height = _a.height,
+    borderRadius = _a.borderRadius;
+  return jsx(StyledRect, {
+    className: className,
+    style: {
+      width: width,
+      height: height,
+      borderRadius: borderRadius
+    }
+  });
+};
+var SkeletonText = function SkeletonText(_a) {
+  var className = _a.className,
+    width = _a.width,
+    size = _a.size;
+  return jsx(StyledText, {
+    className: className,
+    style: {
+      width: width,
+      height: size
+    }
+  });
+};
+
+export { SkeletonRect, SkeletonText };

package/esm/Skeleton/styles.js

@@ -0,0 +1,24 @@
+import _styled from '@emotion/styled/base';
+import { __makeTemplateObject } from 'tslib';
+
+var StyledRect = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1v889w61"
+} : {
+  target: "e1v889w61",
+  label: "StyledRect"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  animation: skeleton-loading 1.5s ease-in-out infinite;\n\n  @keyframes skeleton-loading {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.4;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBTdHlsZWRSZWN0ID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBiYWNrZ3JvdW5kLWNvbG9yOiBcIiwgXCI7XFxuICBhbmltYXRpb246IHNrZWxldG9uLWxvYWRpbmcgMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZTtcXG5cXG4gIEBrZXlmcmFtZXMgc2tlbGV0b24tbG9hZGluZyB7XFxuICAgIDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuXFxuICAgIDUwJSB7XFxuICAgICAgb3BhY2l0eTogMC40O1xcbiAgICB9XFxuXFxuICAgIDEwMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG4gIH1cXG5cIl0sIFtcIlxcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lO1xuICAgIHJldHVybiB0aGVtZS5wYWxldHRlLkJHXzI7XG59KTtcbmV4cG9ydCB2YXIgU3R5bGVkVGV4dCA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgaGVpZ2h0OiAxMnB4O1xcblxcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcblxcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdLCBbXCJcXG4gIGhlaWdodDogMTJweDtcXG5cXG4gIGJvcmRlci1yYWRpdXM6IDZweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG5cXG4gIGFuaW1hdGlvbjogc2tlbGV0b24tbG9hZGluZyAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xcblxcbiAgQGtleWZyYW1lcyBza2VsZXRvbi1sb2FkaW5nIHtcXG4gICAgMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG5cXG4gICAgNTAlIHtcXG4gICAgICBvcGFjaXR5OiAwLjQ7XFxuICAgIH1cXG5cXG4gICAgMTAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcbiAgfVxcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgdGhlbWUgPSBfYS50aGVtZTtcbiAgICByZXR1cm4gdGhlbWUucGFsZXR0ZS5CR18yO1xufSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")], ["\n  background-color: ", ";\n  animation: skeleton-loading 1.5s ease-in-out infinite;\n\n  @keyframes skeleton-loading {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.4;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBTdHlsZWRSZWN0ID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBiYWNrZ3JvdW5kLWNvbG9yOiBcIiwgXCI7XFxuICBhbmltYXRpb246IHNrZWxldG9uLWxvYWRpbmcgMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZTtcXG5cXG4gIEBrZXlmcmFtZXMgc2tlbGV0b24tbG9hZGluZyB7XFxuICAgIDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuXFxuICAgIDUwJSB7XFxuICAgICAgb3BhY2l0eTogMC40O1xcbiAgICB9XFxuXFxuICAgIDEwMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG4gIH1cXG5cIl0sIFtcIlxcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lO1xuICAgIHJldHVybiB0aGVtZS5wYWxldHRlLkJHXzI7XG59KTtcbmV4cG9ydCB2YXIgU3R5bGVkVGV4dCA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgaGVpZ2h0OiAxMnB4O1xcblxcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcblxcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdLCBbXCJcXG4gIGhlaWdodDogMTJweDtcXG5cXG4gIGJvcmRlci1yYWRpdXM6IDZweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG5cXG4gIGFuaW1hdGlvbjogc2tlbGV0b24tbG9hZGluZyAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xcblxcbiAgQGtleWZyYW1lcyBza2VsZXRvbi1sb2FkaW5nIHtcXG4gICAgMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG5cXG4gICAgNTAlIHtcXG4gICAgICBvcGFjaXR5OiAwLjQ7XFxuICAgIH1cXG5cXG4gICAgMTAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcbiAgfVxcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgdGhlbWUgPSBfYS50aGVtZTtcbiAgICByZXR1cm4gdGhlbWUucGFsZXR0ZS5CR18yO1xufSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")])), function (_a) {
+  var theme = _a.theme;
+  return theme.palette.BG_2;
+});
+var StyledText = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1v889w60"
+} : {
+  target: "e1v889w60",
+  label: "StyledText"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 12px;\n\n  border-radius: 6px;\n  background-color: ", ";\n\n  animation: skeleton-loading 1.5s ease-in-out infinite;\n\n  @keyframes skeleton-loading {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.4;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBTdHlsZWRSZWN0ID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBiYWNrZ3JvdW5kLWNvbG9yOiBcIiwgXCI7XFxuICBhbmltYXRpb246IHNrZWxldG9uLWxvYWRpbmcgMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZTtcXG5cXG4gIEBrZXlmcmFtZXMgc2tlbGV0b24tbG9hZGluZyB7XFxuICAgIDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuXFxuICAgIDUwJSB7XFxuICAgICAgb3BhY2l0eTogMC40O1xcbiAgICB9XFxuXFxuICAgIDEwMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG4gIH1cXG5cIl0sIFtcIlxcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lO1xuICAgIHJldHVybiB0aGVtZS5wYWxldHRlLkJHXzI7XG59KTtcbmV4cG9ydCB2YXIgU3R5bGVkVGV4dCA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgaGVpZ2h0OiAxMnB4O1xcblxcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcblxcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdLCBbXCJcXG4gIGhlaWdodDogMTJweDtcXG5cXG4gIGJvcmRlci1yYWRpdXM6IDZweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG5cXG4gIGFuaW1hdGlvbjogc2tlbGV0b24tbG9hZGluZyAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xcblxcbiAgQGtleWZyYW1lcyBza2VsZXRvbi1sb2FkaW5nIHtcXG4gICAgMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG5cXG4gICAgNTAlIHtcXG4gICAgICBvcGFjaXR5OiAwLjQ7XFxuICAgIH1cXG5cXG4gICAgMTAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcbiAgfVxcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgdGhlbWUgPSBfYS50aGVtZTtcbiAgICByZXR1cm4gdGhlbWUucGFsZXR0ZS5CR18yO1xufSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")], ["\n  height: 12px;\n\n  border-radius: 6px;\n  background-color: ", ";\n\n  animation: skeleton-loading 1.5s ease-in-out infinite;\n\n  @keyframes skeleton-loading {\n    0% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.4;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBTdHlsZWRSZWN0ID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBiYWNrZ3JvdW5kLWNvbG9yOiBcIiwgXCI7XFxuICBhbmltYXRpb246IHNrZWxldG9uLWxvYWRpbmcgMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZTtcXG5cXG4gIEBrZXlmcmFtZXMgc2tlbGV0b24tbG9hZGluZyB7XFxuICAgIDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuXFxuICAgIDUwJSB7XFxuICAgICAgb3BhY2l0eTogMC40O1xcbiAgICB9XFxuXFxuICAgIDEwMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG4gIH1cXG5cIl0sIFtcIlxcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciB0aGVtZSA9IF9hLnRoZW1lO1xuICAgIHJldHVybiB0aGVtZS5wYWxldHRlLkJHXzI7XG59KTtcbmV4cG9ydCB2YXIgU3R5bGVkVGV4dCA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgaGVpZ2h0OiAxMnB4O1xcblxcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xcbiAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcblxcbiAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XFxuXFxuICBAa2V5ZnJhbWVzIHNrZWxldG9uLWxvYWRpbmcge1xcbiAgICAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcblxcbiAgICA1MCUge1xcbiAgICAgIG9wYWNpdHk6IDAuNDtcXG4gICAgfVxcblxcbiAgICAxMDAlIHtcXG4gICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICB9XFxuXCJdLCBbXCJcXG4gIGhlaWdodDogMTJweDtcXG5cXG4gIGJvcmRlci1yYWRpdXM6IDZweDtcXG4gIGJhY2tncm91bmQtY29sb3I6IFwiLCBcIjtcXG5cXG4gIGFuaW1hdGlvbjogc2tlbGV0b24tbG9hZGluZyAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xcblxcbiAgQGtleWZyYW1lcyBza2VsZXRvbi1sb2FkaW5nIHtcXG4gICAgMCUge1xcbiAgICAgIG9wYWNpdHk6IDE7XFxuICAgIH1cXG5cXG4gICAgNTAlIHtcXG4gICAgICBvcGFjaXR5OiAwLjQ7XFxuICAgIH1cXG5cXG4gICAgMTAwJSB7XFxuICAgICAgb3BhY2l0eTogMTtcXG4gICAgfVxcbiAgfVxcblwiXSkpLCBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgdGhlbWUgPSBfYS50aGVtZTtcbiAgICByZXR1cm4gdGhlbWUucGFsZXR0ZS5CR18yO1xufSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")])), function (_a) {
+  var theme = _a.theme;
+  return theme.palette.BG_2;
+});
+var templateObject_1, templateObject_2;
+
+export { StyledRect, StyledText };

package/esm/Theme/themes/buenos_aires.js

@@ -13,12 +13,12 @@ var ButtonThemeBA = {
       backgroundColor: Color.PRIMARY_BA_4,
       borderColor: Color.PRIMARY_BA_4
     },
-    hover: {
+    hovered: {
       color: Color.WHITE,
       backgroundColor: Color.PRIMARY_BA_5,
       borderColor: Color.PRIMARY_BA_5
     },
-    focus: {
+    focused: {
       color: Color.WHITE,
       backgroundColor: Color.PRIMARY_BA_5,
       borderColor: Color.PRIMARY_BA_5
@@ -40,12 +40,12 @@ var ButtonThemeBA = {
       backgroundColor: Color.SECONDARY_BA_4,
       borderColor: Color.SECONDARY_BA_4
     },
-    hover: {
+    hovered: {
       color: Color.WHITE,
       backgroundColor: Color.SECONDARY_BA_5,
       borderColor: Color.SECONDARY_BA_5
     },
-    focus: {
+    focused: {
       color: Color.WHITE,
       backgroundColor: Color.SECONDARY_BA_5,
       borderColor: Color.SECONDARY_BA_5
@@ -67,7 +67,7 @@ var ButtonThemeBA = {
       backgroundColor: Color.WHITE,
       borderColor: Color.WHITE
     },
-    hover: {
+    hovered: {
       color: Color.TRETIARY_BA_5,
       backgroundColor: Color.TRETIARY_BA_2,
       borderColor: Color.TRETIARY_BA_2
@@ -84,15 +84,52 @@ var ButtonThemeBA = {
     }
   }
 };
+var InputThemeBA = {
+  placeholder: {
+    color: Color.BG_2
+  },
+  primary: {
+    normal: {
+      borderColor: Color.BG_3
+    },
+    hovered: {
+      borderColor: Color.PRIMARY_BA_3,
+      boxShadow: "0px 0px 0px 2px ".concat(Color.PRIMARY_BA_2)
+    },
+    focused: {
+      borderColor: Color.PRIMARY_BA_4
+    },
+    disabled: {
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_3
+    },
+    error: {
+      normal: {
+        backgroundColor: Color.TRETIARY_2,
+        borderColor: Color.ALERT
+      },
+      hovered: {
+        backgroundColor: Color.WHITE,
+        borderColor: Color.ALERT,
+        boxShadow: "0px 0px 0px 2px ".concat(Color.TRETIARY_2)
+      },
+      focused: {
+        backgroundColor: Color.WHITE,
+        borderColor: Color.ALERT
+      }
+    }
+  }
+};
 var CheckboxThemeBA = {
   primary: {
     normal: {
       backgroundColor: Color.PRIMARY_BA_4
     },
-    hover: {
+    hovered: {
       backgroundColor: Color.PRIMARY_BA_4
     },
-    focus: {
+    focused: {
       boxShadow: "0 0 0 2px ".concat(Color.PRIMARY_BA_1)
     },
     checked: {
@@ -114,6 +151,9 @@ var TypographyThemeBA = {
   },
   success: {
     color: Color.SUCCESS
+  },
+  secondary: {
+    color: Color.BG_3
   }
 };
 var SwitchThemeDefault = {
@@ -134,10 +174,11 @@ var SwitchThemeDefault = {
 var THEME_BA = {
   breakpoints: Breakpoints,
   button: ButtonThemeBA,
+  input: InputThemeBA,
   checkbox: CheckboxThemeBA,
   typography: TypographyThemeBA,
   "switch": SwitchThemeDefault,
   palette: Color
 };
 
-export { ButtonThemeBA, CheckboxThemeBA, SwitchThemeDefault, THEME_BA, TypographyThemeBA };
+export { ButtonThemeBA, CheckboxThemeBA, InputThemeBA, SwitchThemeDefault, THEME_BA, TypographyThemeBA };

package/esm/Theme/themes/default.js

@@ -3,7 +3,6 @@ import Breakpoints from '../breakpoints.js';
 
 var ButtonThemeDefault = {
   base: {
-    color: Color.BLACK,
     borderRadius: "26px"
   },
   primary: {
@@ -12,12 +11,12 @@ var ButtonThemeDefault = {
       backgroundColor: Color.PRIMARY_4,
       borderColor: Color.PRIMARY_4
     },
-    hover: {
+    hovered: {
       color: Color.WHITE,
       backgroundColor: Color.PRIMARY_5,
       borderColor: Color.PRIMARY_5
     },
-    focus: {
+    focused: {
       color: Color.WHITE,
       backgroundColor: Color.PRIMARY_5,
       borderColor: Color.PRIMARY_5
@@ -39,12 +38,12 @@ var ButtonThemeDefault = {
       backgroundColor: Color.SECONDARY_4,
       borderColor: Color.SECONDARY_4
     },
-    hover: {
+    hovered: {
       color: Color.WHITE,
       backgroundColor: Color.SECONDARY_5,
       borderColor: Color.SECONDARY_5
     },
-    focus: {
+    focused: {
       color: Color.WHITE,
       backgroundColor: Color.SECONDARY_5,
       borderColor: Color.SECONDARY_5
@@ -66,7 +65,7 @@ var ButtonThemeDefault = {
       backgroundColor: Color.WHITE,
       borderColor: Color.WHITE
     },
-    hover: {
+    hovered: {
       color: Color.TRETIARY_5,
       backgroundColor: Color.TRETIARY_2,
       borderColor: Color.TRETIARY_2
@@ -83,15 +82,52 @@ var ButtonThemeDefault = {
     }
   }
 };
+var InputThemeDefault = {
+  placeholder: {
+    color: Color.BG_2
+  },
+  primary: {
+    normal: {
+      borderColor: Color.BG_3
+    },
+    hovered: {
+      borderColor: Color.PRIMARY_3,
+      boxShadow: "0px 0px 0px 2px ".concat(Color.PRIMARY_2)
+    },
+    focused: {
+      borderColor: Color.PRIMARY_4
+    },
+    disabled: {
+      color: Color.BG_3,
+      backgroundColor: Color.BG_1,
+      borderColor: Color.BG_3
+    },
+    error: {
+      normal: {
+        backgroundColor: Color.TRETIARY_2,
+        borderColor: Color.ALERT
+      },
+      hovered: {
+        backgroundColor: Color.WHITE,
+        borderColor: Color.ALERT,
+        boxShadow: "0px 0px 0px 2px ".concat(Color.TRETIARY_2)
+      },
+      focused: {
+        backgroundColor: Color.WHITE,
+        borderColor: Color.ALERT
+      }
+    }
+  }
+};
 var CheckboxThemeDefault = {
   primary: {
     normal: {
       backgroundColor: Color.PRIMARY_4
     },
-    hover: {
+    hovered: {
       backgroundColor: Color.PRIMARY_4
     },
-    focus: {
+    focused: {
       boxShadow: "0 0 0 2px ".concat(Color.PRIMARY_1)
     },
     checked: {
@@ -113,6 +149,9 @@ var TypographyThemeDefault = {
   },
   success: {
     color: Color.SUCCESS
+  },
+  secondary: {
+    color: Color.BG_3
   }
 };
 var SwitchThemeDefault = {
@@ -133,10 +172,11 @@ var SwitchThemeDefault = {
 var THEME_DEFAULT = {
   breakpoints: Breakpoints,
   button: ButtonThemeDefault,
+  input: InputThemeDefault,
   checkbox: CheckboxThemeDefault,
   typography: TypographyThemeDefault,
   "switch": SwitchThemeDefault,
   palette: Color
 };
 
-export { ButtonThemeDefault, CheckboxThemeDefault, SwitchThemeDefault, THEME_DEFAULT, TypographyThemeDefault };
+export { ButtonThemeDefault, CheckboxThemeDefault, InputThemeDefault, SwitchThemeDefault, THEME_DEFAULT, TypographyThemeDefault };

package/esm/base/FormField/index.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import Typography from '../../Typography/index.js';
+import { BaseContainer } from './styles.js';
+
+var FormField = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var label = _a.label,
+    hint = _a.hint,
+    children = _a.children,
+    error = _a.error,
+    className = _a.className;
+  return jsxs(BaseContainer, {
+    className: className,
+    ref: ref,
+    children: [label && jsx(Typography, {
+      tag: "label",
+      children: label
+    }), children, hint && jsx(Typography, {
+      variant: error ? "alert" : "secondary",
+      tag: "span",
+      children: hint
+    })]
+  });
+});
+
+export { FormField as default };

package/esm/base/FormField/styles.js

@@ -0,0 +1,12 @@
+import _styled from '@emotion/styled/base';
+import { __makeTemplateObject } from 'tslib';
+
+var BaseContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ex9vcr90"
+} : {
+  target: "ex9vcr90",
+  label: "BaseContainer"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBCYXNlQ29udGFpbmVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSwgW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSkpKTtcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */")], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBCYXNlQ29udGFpbmVyID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSwgW1wiXFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGdhcDogOHB4O1xcblwiXSkpKTtcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */")])));
+var templateObject_1;
+
+export { BaseContainer };

package/esm/base/InputRoot/index.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { BaseInputRoot, BaseIcon, BaseDisableWrapper } from './styles.js';
+
+var InputRoot = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+    startIcon = _a.startIcon,
+    endIcon = _a.endIcon,
+    children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? "primary" : _b,
+    disabled = _a.disabled,
+    error = _a.error,
+    size = _a.size;
+  return jsxs(BaseInputRoot, {
+    ref: ref,
+    className: className,
+    variant: variant,
+    isError: error ? 1 : 0,
+    disabled: disabled,
+    size: size,
+    children: [startIcon && jsx(BaseIcon, {
+      children: startIcon
+    }), children, endIcon && jsx(BaseIcon, {
+      children: endIcon
+    }), disabled && jsx(BaseDisableWrapper, {})]
+  });
+});
+
+export { InputRoot as default };