mimir-ui-kit 1.15.1 → 1.16.0

package/dist/Input-BFFPzelg.js

@@ -0,0 +1,228 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "./index-CweZ_OcN.js";
+import { memo, forwardRef, useState, useRef, useEffect } from "react";
+import { EInputVariant } from "./components/Input/constants.js";
+import { useMergeRefs } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon } from "./icons/Icon.js";
+import { Button } from "./components/Button/Button.js";
+import './assets/Input.css';const label = "_label_1lw8q_16";
+const input = "_input_1lw8q_3";
+const focused = "_focused_1lw8q_65";
+const clear = "_clear_1lw8q_98";
+const s = "_s_1lw8q_126";
+const m = "_m_1lw8q_141";
+const l = "_l_1lw8q_16";
+const success = "_success_1lw8q_198";
+const alarm = "_alarm_1lw8q_216";
+const error = "_error_1lw8q_234";
+const disabled = "_disabled_1lw8q_252";
+const cls = {
+  "input-wrapper": "_input-wrapper_1lw8q_3",
+  label,
+  "has-left-slot": "_has-left-slot_1lw8q_29",
+  "active-label": "_active-label_1lw8q_32",
+  input,
+  "has-right-slot": "_has-right-slot_1lw8q_62",
+  focused,
+  "has-label": "_has-label_1lw8q_68",
+  "left-slot": "_left-slot_1lw8q_71",
+  "right-slot": "_right-slot_1lw8q_72",
+  "addon-icon": "_addon-icon_1lw8q_94",
+  clear,
+  s,
+  m,
+  l,
+  "default-gray": "_default-gray_1lw8q_171",
+  "default-white": "_default-white_1lw8q_183",
+  success,
+  alarm,
+  error,
+  disabled
+};
+const renderAddon = (addon) => {
+  var _a, _b;
+  if (!addon) {
+    return null;
+  }
+  switch (addon.addonType) {
+    case "icon": {
+      const is16px = (_a = addon.addonContent) == null ? void 0 : _a.includes("16px");
+      const is24px = (_b = addon.addonContent) == null ? void 0 : _b.includes("24px");
+      return /* @__PURE__ */ jsx(
+        Icon,
+        {
+          style: {
+            ["--icon-size"]: classNames({
+              "16px": is16px,
+              "24px": is24px
+            })
+          },
+          className: cls["addon-icon"],
+          iconName: addon.addonContent
+        }
+      );
+    }
+    case "text": {
+      return addon.addonContent;
+    }
+    default: {
+      return null;
+    }
+  }
+};
+const Input = memo(
+  forwardRef(
+    (props, ref) => {
+      const {
+        value,
+        className,
+        wrapperClassName,
+        variant = EInputVariant.DefaultGray,
+        type = "text",
+        autofocus,
+        readonly,
+        id,
+        onFocus,
+        onBlur,
+        label: label2,
+        withClearButton,
+        disabled: disabled2,
+        rightAddon,
+        leftAddon,
+        size = "m",
+        ...otherProps
+      } = props;
+      const [isFocused, setIsFocused] = useState(autofocus);
+      const [withValue, setWithValue] = useState(!!value);
+      const inputRef = useRef(null);
+      const leftAddonRef = useRef(null);
+      const mergedInputRef = useMergeRefs(inputRef, ref);
+      useEffect(() => {
+        if (autofocus) {
+          setIsFocused(true);
+        }
+      }, [autofocus]);
+      const handleBlur = (event) => {
+        const currentValue = event.currentTarget.value;
+        onBlur == null ? void 0 : onBlur(event);
+        if (currentValue) {
+          return;
+        }
+        setIsFocused(false);
+      };
+      const handleFocus = (event) => {
+        if (readonly) {
+          return;
+        }
+        setIsFocused(true);
+        onFocus == null ? void 0 : onFocus(event);
+      };
+      const handleClear = () => {
+        if (inputRef == null ? void 0 : inputRef.current) {
+          inputRef.current.value = "";
+          inputRef.current.focus();
+          setWithValue(false);
+        }
+      };
+      const handleChange = (event) => {
+        var _a;
+        const targetValue = event.target.value;
+        setWithValue(!!targetValue);
+        (_a = otherProps == null ? void 0 : otherProps.onChange) == null ? void 0 : _a.call(otherProps, event);
+      };
+      const currentLeftAddon = renderAddon(leftAddon);
+      const currentRightAddon = renderAddon(rightAddon);
+      const mods = {
+        [cls.readonly]: disabled2 || readonly,
+        [cls.focused]: isFocused || withValue,
+        [cls.disabled]: disabled2 || readonly,
+        [cls["has-label"]]: !!label2,
+        [cls["has-left-slot"]]: !!currentLeftAddon,
+        [cls["has-right-slot"]]: !!currentRightAddon
+      };
+      const labelClassNames = classNames(
+        cls.label,
+        {
+          [cls["active-label"]]: isFocused || value,
+          [cls.disabled]: disabled2 || readonly,
+          [cls["has-left-slot"]]: !!currentLeftAddon
+        },
+        className,
+        cls[size]
+      );
+      const inputClassNames = classNames(cls.input, mods, className, [
+        cls[variant],
+        cls[size]
+      ]);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: classNames(
+            cls["input-wrapper"],
+            cls[variant],
+            cls[size],
+            { [cls.focused]: isFocused || withValue },
+            wrapperClassName
+          ),
+          children: [
+            label2 && /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelClassNames, children: label2 }),
+            currentLeftAddon && /* @__PURE__ */ jsx(
+              "span",
+              {
+                ref: leftAddonRef,
+                className: classNames(cls["left-slot"], {
+                  [cls.focused]: isFocused,
+                  [cls["has-label"]]: !!label2
+                }),
+                children: currentLeftAddon
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: mergedInputRef,
+                type,
+                id,
+                className: inputClassNames,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                readOnly: readonly,
+                value,
+                onChange: handleChange,
+                ...otherProps
+              }
+            ),
+            currentRightAddon && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: classNames(cls["right-slot"], {
+                  [cls.focused]: isFocused,
+                  [cls["has-label"]]: !!label2
+                }),
+                children: currentRightAddon
+              }
+            ),
+            withClearButton && withValue && /* @__PURE__ */ jsx(
+              Button,
+              {
+                tabIndex: -1,
+                className: cls.clear,
+                isIconButton: true,
+                iconName: "Close16px",
+                size: "m-s",
+                clear: true,
+                variant: "secondary-gray",
+                onClick: handleClear
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+Input.displayName = "Input";
+export {
+  Input as I,
+  cls as c
+};

package/dist/{ProgressBar-BekX41HR.js → ProgressBar-CwLwhaeM.js}

@@ -2,39 +2,39 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "./index-CweZ_OcN.js";
 import { memo, useRef, useEffect } from "react";
 import { DEFAULT_TOAST_DURATION, EToastVariant } from "./components/Toasts/constants.js";
-import './assets/ProgressBar2.css';const title = "_title_1bc98_37";
-const timer = "_timer_1bc98_41";
-const seconds = "_seconds_1bc98_51";
-const message = "_message_1bc98_61";
-const progress = "_progress_1bc98_69";
-const slot = "_slot_1bc98_95";
-const success = "_success_1bc98_104";
-const alarm = "_alarm_1bc98_109";
-const error = "_error_1bc98_114";
+import './assets/ProgressBar2.css';const title = "_title_1rvsh_37";
+const timer = "_timer_1rvsh_41";
+const seconds = "_seconds_1rvsh_51";
+const message = "_message_1rvsh_61";
+const progress = "_progress_1rvsh_69";
+const slot = "_slot_1rvsh_95";
+const success = "_success_1rvsh_104";
+const alarm = "_alarm_1rvsh_109";
+const error = "_error_1rvsh_114";
 const cls = {
-  "toast-list": "_toast-list_1bc98_2",
-  "toast-wrapper": "_toast-wrapper_1bc98_24",
+  "toast-list": "_toast-list_1rvsh_2",
+  "toast-wrapper": "_toast-wrapper_1rvsh_24",
   title,
   timer,
-  "timer-title": "_timer-title_1bc98_49",
+  "timer-title": "_timer-title_1rvsh_49",
   seconds,
   message,
   progress,
-  "progress-bar": "_progress-bar_1bc98_78",
-  "close-button": "_close-button_1bc98_89",
+  "progress-bar": "_progress-bar_1rvsh_78",
+  "close-button": "_close-button_1rvsh_89",
   slot,
-  "default": "_default_1bc98_99",
+  "default": "_default_1rvsh_99",
   success,
   alarm,
   error,
-  "top-right": "_top-right_1bc98_119",
-  "top-center": "_top-center_1bc98_125",
-  "top-left": "_top-left_1bc98_131",
-  "bottom-left": "_bottom-left_1bc98_136",
-  "bottom-center": "_bottom-center_1bc98_141",
-  "bottom-right": "_bottom-right_1bc98_147",
-  "toast-in": "_toast-in_1bc98_179",
-  "toast-out": "_toast-out_1bc98_183"
+  "top-right": "_top-right_1rvsh_119",
+  "top-center": "_top-center_1rvsh_125",
+  "top-left": "_top-left_1rvsh_131",
+  "bottom-left": "_bottom-left_1rvsh_136",
+  "bottom-center": "_bottom-center_1rvsh_141",
+  "bottom-right": "_bottom-right_1rvsh_147",
+  "toast-in": "_toast-in_1rvsh_179",
+  "toast-out": "_toast-out_1rvsh_183"
 };
 const ProgressBar = memo(
   ({

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1sn09_2{position:relative}._input-wrapper_1sn09_2 ._label_1sn09_5{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1sn09_2 ._label_1sn09_5._active-label_1sn09_18{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1sn09_2:hover ._label_1sn09_5,._input-wrapper_1sn09_2:focus-within ._label_1sn09_5{color:var(--label-color)}._input_1sn09_2{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:var(--input-padding);padding-right:var(--input-padding);font-feature-settings:"zero"}._input_1sn09_2:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_1sn09_2:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._s_1sn09_61{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-m);--input-line-height: var(--line-height-text-xs);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .85;--label-spacing: var(--space-1xs)}._m_1sn09_73{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-l);--input-line-height: var(--line-height-text-s1);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .75;--label-spacing: var(--space-xs)}._l_1sn09_5{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-line-height: var(--line-height-text-l);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_1sn09_97{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1sn09_109{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1sn09_109:hover{--label-color: var(--dark-text)}._success_1sn09_124{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1sn09_124::-moz-placeholder{color:var(--input-color)}._success_1sn09_124::placeholder{color:var(--input-color)}._success_1sn09_124:hover::-moz-placeholder{color:var(--input-color)}._success_1sn09_124:hover::placeholder{color:var(--input-color)}._alarm_1sn09_142{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1sn09_142::-moz-placeholder{color:var(--input-color)}._alarm_1sn09_142::placeholder{color:var(--input-color)}._alarm_1sn09_142:hover::-moz-placeholder{color:var(--input-color)}._alarm_1sn09_142:hover::placeholder{color:var(--input-color)}._error_1sn09_160{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1sn09_160::-moz-placeholder{color:var(--input-color)}._error_1sn09_160::placeholder{color:var(--input-color)}._error_1sn09_160:hover::-moz-placeholder{color:var(--input-color)}._error_1sn09_160:hover::placeholder{color:var(--input-color)}._disabled_1sn09_178{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20)}._disabled_1sn09_178:hover,._disabled_1sn09_178:active,._disabled_1sn09_178:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_1sn09_178::-moz-placeholder{color:var(--light-text)}._disabled_1sn09_178::placeholder{color:var(--light-text)}._disabled_1sn09_178:hover::-moz-placeholder{color:var(--light-text)}._disabled_1sn09_178:hover::placeholder{color:var(--light-text)}._has-label_1sn09_198{padding-top:var(--input-padding-position)}
+._input-wrapper_1lw8q_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;position:relative;display:flex;padding:0 var(--space-m);overflow:hidden;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_1lw8q_3 ._label_1lw8q_16{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1lw8q_3 ._label_1lw8q_16._has-left-slot_1lw8q_29{left:calc(var(--space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1lw8q_3 ._label_1lw8q_16._active-label_1lw8q_32{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1lw8q_3 ._label_1lw8q_16._active-label_1lw8q_32._has-left-slot_1lw8q_29{left:calc(var(--space-m) + var(--icon-size) + var(--space-s));transform:scale(var(--label-scaled)) translate(calc((var(--space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1lw8q_3 ._input_1lw8q_3{position:relative;display:block;flex:1;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_1lw8q_3 ._input_1lw8q_3._has-left-slot_1lw8q_29{padding-left:0}._input-wrapper_1lw8q_3 ._input_1lw8q_3._has-right-slot_1lw8q_62{padding-right:0}._input-wrapper_1lw8q_3 ._input_1lw8q_3._focused_1lw8q_65{padding-top:0}._input-wrapper_1lw8q_3 ._input_1lw8q_3._has-label_1lw8q_68{padding-top:var(--input-padding-position)}._input-wrapper_1lw8q_3 ._left-slot_1lw8q_71,._input-wrapper_1lw8q_3 ._right-slot_1lw8q_72{display:flex;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--font-inter);line-height:var(--input-line-height);background-color:inherit;transition:padding-top .15s ease-out}._input-wrapper_1lw8q_3 ._left-slot_1lw8q_71._focused_1lw8q_65._has-label_1lw8q_68,._input-wrapper_1lw8q_3 ._right-slot_1lw8q_72._focused_1lw8q_65._has-label_1lw8q_68{padding-top:var(--input-padding-position)}._input-wrapper_1lw8q_3 ._left-slot_1lw8q_71{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1lw8q_3 ._right-slot_1lw8q_72{margin-left:var(--clear-button-mg)}._input-wrapper_1lw8q_3 ._addon-icon_1lw8q_94{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1lw8q_3 ._clear_1lw8q_98{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1lw8q_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1lw8q_3:hover ._label_1lw8q_16,._input-wrapper_1lw8q_3:focus-within ._label_1lw8q_16{color:var(--label-color)}._input-wrapper_1lw8q_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1lw8q_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1lw8q_3._focused_1lw8q_65{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1lw8q_3._focused_1lw8q_65:hover{background-color:var(--input-bg-color-hover)}._s_1lw8q_126{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-m);--input-line-height: var(--line-height-text-xs);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .85;--label-spacing: var(--space-1xs);--clear-button-mg: var(--space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1lw8q_141{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-l);--input-line-height: var(--line-height-text-s1);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .75;--label-spacing: var(--space-xs);--clear-button-mg: var(--space-2xs);--icon-size: 16px;--left-addon-position: var(--space-3xs)}._l_1lw8q_16{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-line-height: var(--line-height-text-l);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s);--clear-button-mg: var(--space-xs);--icon-size: 24px;--left-addon-position: var(--space-s)}._default-gray_1lw8q_171{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1lw8q_183{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1lw8q_183:hover{--label-color: var(--dark-text)}._success_1lw8q_198{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1lw8q_198::-moz-placeholder{color:var(--input-color)}._success_1lw8q_198::placeholder{color:var(--input-color)}._success_1lw8q_198:hover::-moz-placeholder{color:var(--input-color)}._success_1lw8q_198:hover::placeholder{color:var(--input-color)}._alarm_1lw8q_216{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1lw8q_216::-moz-placeholder{color:var(--input-color)}._alarm_1lw8q_216::placeholder{color:var(--input-color)}._alarm_1lw8q_216:hover::-moz-placeholder{color:var(--input-color)}._alarm_1lw8q_216:hover::placeholder{color:var(--input-color)}._error_1lw8q_234{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1lw8q_234::-moz-placeholder{color:var(--input-color)}._error_1lw8q_234::placeholder{color:var(--input-color)}._error_1lw8q_234:hover::-moz-placeholder{color:var(--input-color)}._error_1lw8q_234:hover::placeholder{color:var(--input-color)}._disabled_1lw8q_252{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20)}._disabled_1lw8q_252:hover,._disabled_1lw8q_252:active,._disabled_1lw8q_252:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_1lw8q_252::-moz-placeholder{color:var(--light-text)}._disabled_1lw8q_252::placeholder{color:var(--light-text)}._disabled_1lw8q_252:hover::-moz-placeholder{color:var(--light-text)}._disabled_1lw8q_252:hover::placeholder{color:var(--light-text)}

package/dist/assets/ListPhotos.css

@@ -1 +1 @@
-._list-photos_1k3c7_2{display:flex;gap:var(--space-m)}._list-photos_1k3c7_2 li{position:relative;width:64px;height:64px;overflow:hidden;border-radius:var(--control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_1k3c7_2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_1k3c7_2 button{position:absolute;top:4px;right:4px}
+._list-photos_19pfh_2{display:flex;gap:var(--space-m);overflow-x:auto}._list-photos_19pfh_2::-webkit-scrollbar{display:none}._list-photos_19pfh_2 li{position:relative;flex-shrink:0;width:64px;height:64px;overflow:hidden;border-radius:var(--control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_19pfh_2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_19pfh_2 button{position:absolute;top:4px;right:4px}

package/dist/assets/OtpInput.css

@@ -1 +1 @@
-._otp_1005h_3{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 768px){._otp_1005h_3{-moz-column-gap:4.65px;column-gap:4.65px}}._input-wrapper_1005h_15{flex:0 0 64px;padding:0}@media (max-width: 768px){._input-wrapper_1005h_15{flex:0 0 48px}}._input_1005h_15{text-align:center}._separator_1005h_29{display:block;flex:0 0 54px;align-self:center;height:1px;margin:0 var(--space-xs);background-color:var(--black-100)}
+._otp_196ev_3{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 768px){._otp_196ev_3{-moz-column-gap:4.65px;column-gap:4.65px}}._otp_196ev_3 ._input-wrapper_196ev_14{flex:0 0 64px;padding:0}@media (max-width: 768px){._otp_196ev_3 ._input-wrapper_196ev_14{flex:0 0 48px}}._input_196ev_14{text-align:center}._separator_196ev_28{display:block;flex:0 0 54px;align-self:center;height:1px;margin:0 var(--space-xs);background-color:var(--black-100)}

package/dist/assets/ProgressBar2.css

@@ -1 +1 @@
-._toast-list_1bc98_2{position:fixed;z-index:50;width:100vw;max-width:515px;max-height:100vh;padding:var(--space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_1bc98_2::-webkit-scrollbar{display:none}._toast-list_1bc98_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_1bc98_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_1bc98_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_1bc98_24{position:relative;display:flex;flex-direction:column;padding:var(--space-m);background-color:var(--toast-bg-color);border-radius:var(--control-radius);transition:all .3s ease}._toast-wrapper_1bc98_24:not(:last-child){margin-bottom:var(--space-s)}._title_1bc98_37:not(:last-child){margin-bottom:var(--space-xs)}._timer_1bc98_41{display:flex;justify-content:space-between}._timer_1bc98_41:not(:last-child){margin-bottom:var(--space-2xs)}._timer-title_1bc98_49,._title_1bc98_37,._seconds_1bc98_51{color:var(--black-60);font-size:var(--size-text-m);line-height:var(--line-height-text-xxs)}._seconds_1bc98_51{color:var(--black-100)}._message_1bc98_61{font-size:var(--size-text-l);line-height:var(--line-height-text-s1)}._message_1bc98_61:not(:last-child){margin-bottom:var(--space-xs)}._progress_1bc98_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--control-radius-xs)}._progress-bar_1bc98_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--control-radius-xs)}._close-button_1bc98_89{position:absolute;top:var(--space-s);right:var(--space-s)}._slot_1bc98_95{margin-top:var(--space-xl)}._default_1bc98_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_1bc98_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_1bc98_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_1bc98_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._top-right_1bc98_119{top:0;right:0;transition:all .3s ease}._top-center_1bc98_125{top:0;right:50%;transform:translate(50%)}._top-left_1bc98_131{top:0;left:0}._bottom-left_1bc98_136{bottom:0;left:0}._bottom-center_1bc98_141{right:50%;bottom:0;transform:translate(50%)}._bottom-right_1bc98_147{right:0;bottom:0}@keyframes _toast-in_1bc98_179{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_1bc98_183{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_1bc98_179{animation:_toast-in_1bc98_179 .3s both}._toast-out_1bc98_183{animation:_toast-out_1bc98_183 .8s both}
+._toast-list_1rvsh_2{position:fixed;z-index:15000;width:100vw;max-width:515px;max-height:100vh;padding:var(--space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_1rvsh_2::-webkit-scrollbar{display:none}._toast-list_1rvsh_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_1rvsh_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_1rvsh_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_1rvsh_24{position:relative;display:flex;flex-direction:column;padding:var(--space-m);background-color:var(--toast-bg-color);border-radius:var(--control-radius);transition:all .3s ease}._toast-wrapper_1rvsh_24:not(:last-child){margin-bottom:var(--space-s)}._title_1rvsh_37:not(:last-child){margin-bottom:var(--space-xs)}._timer_1rvsh_41{display:flex;justify-content:space-between}._timer_1rvsh_41:not(:last-child){margin-bottom:var(--space-2xs)}._timer-title_1rvsh_49,._title_1rvsh_37,._seconds_1rvsh_51{color:var(--black-60);font-size:var(--size-text-m);line-height:var(--line-height-text-xxs)}._seconds_1rvsh_51{color:var(--black-100)}._message_1rvsh_61{font-size:var(--size-text-l);line-height:var(--line-height-text-s1)}._message_1rvsh_61:not(:last-child){margin-bottom:var(--space-xs)}._progress_1rvsh_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--control-radius-xs)}._progress-bar_1rvsh_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--control-radius-xs)}._close-button_1rvsh_89{position:absolute;top:var(--space-s);right:var(--space-s)}._slot_1rvsh_95{margin-top:var(--space-xl)}._default_1rvsh_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_1rvsh_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_1rvsh_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_1rvsh_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._top-right_1rvsh_119{top:0;right:0;transition:all .3s ease}._top-center_1rvsh_125{top:0;right:50%;transform:translate(50%)}._top-left_1rvsh_131{top:0;left:0}._bottom-left_1rvsh_136{bottom:0;left:0}._bottom-center_1rvsh_141{right:50%;bottom:0;transform:translate(50%)}._bottom-right_1rvsh_147{right:0;bottom:0}@keyframes _toast-in_1rvsh_179{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_1rvsh_183{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_1rvsh_179{animation:_toast-in_1rvsh_179 .3s both}._toast-out_1rvsh_183{animation:_toast-out_1rvsh_183 .8s both}

package/dist/assets/SelectSearch.css

@@ -1 +1 @@
-._select-search_1c0m8_2{position:relative}._container_1c0m8_6{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1c0m8_15{border-bottom:1px solid var(--citrine-100)}._full_1c0m8_19{width:100%}._selector-icon-open_1c0m8_23{transform:rotate(180deg)}._button_1c0m8_27{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_1c0m8_39{position:absolute;top:100%;z-index:10;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:var(--select-search-options-height-desktop);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_1c0m8_39::-webkit-scrollbar{width:2px}._options_1c0m8_39::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1c0m8_39::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1c0m8_39{max-height:var(--select-search-options-height-mobile)}}._no-options_1c0m8_68{padding:var(--select-search-option-space);color:var(--black-80)}._m_1c0m8_73{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m)}._l_1c0m8_83{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m)}._list_1c0m8_93{height:100%}._list_1c0m8_93::-webkit-scrollbar{width:2px}._list_1c0m8_93::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._list_1c0m8_93::-webkit-scrollbar-track{background-color:var(--white)}._custom-input-class_1c0m8_107{width:100%!important}._custom-input-class_1c0m8_107:last-child{padding-right:var(--space-4xl)}
+._select-search_q299h_2{position:relative}._container_q299h_6{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_q299h_15{border-bottom:1px solid var(--citrine-100)}._full_q299h_19{width:100%}._selector-icon-open_q299h_23{transform:rotate(180deg)}._button_q299h_27{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_q299h_39{position:absolute;top:100%;z-index:10;width:100%;height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_q299h_39::-webkit-scrollbar{width:3px}._options_q299h_39::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_q299h_39::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_q299h_39{max-height:var(--select-search-options-height-mobile)}}._no-options_q299h_67{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_q299h_73{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_q299h_84{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_q299h_95{width:100%!important}._custom-input-class_q299h_95:last-child{padding-right:var(--space-4xl)}._option_q299h_39{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_q299h_111{background-color:var(--black-5)}._option-inner_q299h_114{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._selected-icon_q299h_121 path{fill:var(--sapphire-100)}

package/dist/assets/TextArea.css

@@ -0,0 +1 @@
+._textarea_46c4k_2{min-height:var(--textarea-height);resize:none}._textarea_46c4k_2._s_46c4k_6{--top-space: var(--space-3xs);--textarea-height: 76px;--textarea-padding: var(--space-xs) var(--space-s)}._textarea_46c4k_2._m_46c4k_11{--top-space: var(--space-2xs);--textarea-height: 88px;--textarea-padding: var(--space-xs) var(--space-s)}._textarea_46c4k_2._l_46c4k_16{--top-space: var(--space-2xs);--textarea-height: 120px;--textarea-padding: var(--space-2m)}._textarea_46c4k_2._has-label_46c4k_21{padding-top:calc(var(--input-font-size) + var(--top-space))!important}

package/dist/assets/UploaderPhotos.css

@@ -1 +1 @@
-._upload-file__wrapper_udscq_2{display:flex;flex-direction:column;gap:var(--space-m)}
+._upload-file__wrapper_17bcu_2{display:flex;flex-direction:column;gap:var(--space-m);overflow:hidden}

package/dist/assets/index.css

@@ -1 +1 @@
-@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 54px;--tab-trail-height-s: 30px;--accordion-icon-size-m: 48px;--accordion-icon-size-s: 36px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-2xxl: 36px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 54px;--tab-trail-height-s: 30px;--accordion-icon-size-m: 48px;--accordion-icon-size-s: 36px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -33,12 +33,4 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * значение из стейта (data)
      */
     value?: string;
-} & import('../Input/types').TInputProps & {
-    size?: import('../Input').TSize;
-    variant?: import('../Input').TVariant;
-    className?: string;
-    wrapperClassName?: string;
-    label?: import('react').ReactNode;
-    autofocus?: boolean;
-    readonly?: boolean;
-} & import('react').RefAttributes<HTMLInputElement>>>;
+} & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -5,7 +5,7 @@ import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.j
 import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
-import { Input } from "../Input/Input.js";
+import { I as Input } from "../../Input-BFFPzelg.js";
 const DatePicker = memo(
   forwardRef(
     ({ size, value, onChangeValue, name, before, ...props }, ref) => {

package/dist/components/Input/Input.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { TInputProps, TSize, TVariant } from './types';
+import { TInputProps, TAddon, TIconAddon, TSize, TVariant } from './types';
 
-export type TProps = TInputProps & {
+export type TAdditionalProps = {
     /**
      * Размер ввода.
      */
@@ -30,34 +30,18 @@ export type TProps = TInputProps & {
      * Сделать ввод только для чтения.
      */
     readonly?: boolean;
-};
-export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & {
-    /**
-     * Размер ввода.
-     */
-    size?: TSize;
-    /**
-     * `Варианты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
-     */
-    variant?: TVariant;
-    /**
-     * Дополнительный класс.
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для обертки поля ввода.
-     */
-    wrapperClassName?: string;
     /**
-     * Текстовое описание поля ввода.
+     * Дополнительный слот справа.
      */
-    label?: ReactNode;
+    rightAddon?: TAddon;
     /**
-     *  Автоматически фокусировать ввод при монтировании.
+     * Дополнительный слот слева.
      */
-    autofocus?: boolean;
+    leftAddon?: TIconAddon;
     /**
-     * Сделать ввод только для чтения.
+     * Флаг, показывающий наличие кнопки очистки.
      */
-    readonly?: boolean;
-} & import('react').RefAttributes<HTMLInputElement>>>;
+    withClearButton?: boolean;
+};
+export type TProps = TInputProps & TAdditionalProps;
+export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/Input/Input.js

@@ -1,122 +1,11 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState, useEffect } from "react";
-import { EInputVariant } from "./constants.js";
-import '../../assets/Input.css';const label = "_label_1sn09_5";
-const input = "_input_1sn09_2";
-const s = "_s_1sn09_61";
-const m = "_m_1sn09_73";
-const l = "_l_1sn09_5";
-const success = "_success_1sn09_124";
-const alarm = "_alarm_1sn09_142";
-const error = "_error_1sn09_160";
-const disabled = "_disabled_1sn09_178";
-const cls = {
-  "input-wrapper": "_input-wrapper_1sn09_2",
-  label,
-  "active-label": "_active-label_1sn09_18",
-  input,
-  s,
-  m,
-  l,
-  "default-gray": "_default-gray_1sn09_97",
-  "default-white": "_default-white_1sn09_109",
-  success,
-  alarm,
-  error,
-  disabled,
-  "has-label": "_has-label_1sn09_198"
-};
-const Input = memo(
-  forwardRef(
-    (props, ref) => {
-      const {
-        value,
-        className,
-        wrapperClassName,
-        variant = EInputVariant.DefaultGray,
-        type = "text",
-        autofocus,
-        readonly,
-        id,
-        onFocus,
-        onBlur,
-        label: label2,
-        disabled: disabled2,
-        size = "m",
-        ...otherProps
-      } = props;
-      const [isFocused, setIsFocused] = useState(autofocus);
-      useEffect(() => {
-        if (autofocus) {
-          setIsFocused(true);
-        }
-      }, [autofocus]);
-      const handleBlur = (event) => {
-        const currentValue = event.currentTarget.value;
-        onBlur == null ? void 0 : onBlur(event);
-        if (currentValue) {
-          return;
-        }
-        setIsFocused(false);
-      };
-      const handleFocus = (event) => {
-        if (readonly) {
-          return;
-        }
-        setIsFocused(true);
-        onFocus == null ? void 0 : onFocus(event);
-      };
-      const mods = {
-        [cls.readonly]: disabled2 || readonly,
-        [cls.focused]: isFocused,
-        [cls.disabled]: disabled2 || readonly,
-        [cls["has-label"]]: !!label2
-      };
-      const labelClassNames = classNames(
-        cls.label,
-        {
-          [cls["active-label"]]: isFocused || value,
-          [cls.disabled]: disabled2 || readonly
-        },
-        className,
-        cls[size]
-      );
-      const inputClassNames = classNames(cls.input, mods, className, [
-        cls[variant],
-        cls[size]
-      ]);
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: classNames(
-            cls["input-wrapper"],
-            cls[variant],
-            wrapperClassName
-          ),
-          children: [
-            label2 && /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelClassNames, children: label2 }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref,
-                type,
-                id,
-                className: inputClassNames,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                readOnly: readonly,
-                value: value || "",
-                ...otherProps
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-Input.displayName = "Input";
+import "react/jsx-runtime";
+import "../../index-CweZ_OcN.js";
+import "react";
+import "./constants.js";
+import { I } from "../../Input-BFFPzelg.js";
+import "../../hooks/useMergeRefs/useMergeRefs.js";
+import "../../icons/Icon.js";
+import "../Button/Button.js";
 export {
-  Input
+  I as Input
 };

package/dist/components/Input/index.d.ts

@@ -1,3 +1,3 @@
-export { Input, type TProps as TInputProps } from './Input';
+export { Input, type TProps as TInputProps, type TAdditionalProps } from './Input';
 export type { TSize, TVariant } from './types';
 export { EInputSize, EInputVariant } from './constants';

package/dist/components/Input/index.js

@@ -1,7 +1,7 @@
-import { Input } from "./Input.js";
+import { I } from "../../Input-BFFPzelg.js";
 import { EInputSize, EInputVariant } from "./constants.js";
 export {
   EInputSize,
   EInputVariant,
-  Input
+  I as Input
 };