mimir-ui-kit 1.36.13 → 1.36.15

package/dist/Input-BYrIS5GU.js

@@ -0,0 +1,225 @@
+import { jsxs as V, jsx as n, Fragment as Z } from "react/jsx-runtime";
+import { c as o } from "./index-DIxK0V-G.js";
+import { memo as $, forwardRef as ee, useState as B, useRef as se, useEffect as R } from "react";
+import { EInputVariant as te } from "./components/Input/constants.js";
+import { useMergeRefs as ae } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as le } from "./icons/Icon.js";
+import { Button as re } from "./components/Button/Button.js";
+import './assets/Input.css';const oe = "_label_zg2ds_27", ne = "_input_zg2ds_3", de = "_focused_zg2ds_82", ce = "_disabled_zg2ds_88", ie = "_clear_zg2ds_130", ue = "_s_zg2ds_181", _e = "_m_zg2ds_196", me = "_l_zg2ds_27", fe = "_success_zg2ds_252", pe = "_alarm_zg2ds_272", ge = "_error_zg2ds_292", e = {
+  "input-wrapper": "_input-wrapper_zg2ds_3",
+  "required-mark": "_required-mark_zg2ds_17",
+  label: oe,
+  "has-left-slot": "_has-left-slot_zg2ds_42",
+  "active-label": "_active-label_zg2ds_45",
+  input: ne,
+  "has-right-slot": "_has-right-slot_zg2ds_79",
+  focused: de,
+  "has-label": "_has-label_zg2ds_85",
+  disabled: ce,
+  "addon-icon": "_addon-icon_zg2ds_94",
+  "left-slot": "_left-slot_zg2ds_98",
+  "right-slot": "_right-slot_zg2ds_99",
+  clear: ie,
+  s: ue,
+  m: _e,
+  l: me,
+  "default-gray": "_default-gray_zg2ds_225",
+  "default-white": "_default-white_zg2ds_237",
+  success: fe,
+  alarm: pe,
+  error: ge
+}, L = (s) => {
+  var m, a;
+  if (!s)
+    return null;
+  switch (s.addonType) {
+    case "icon": {
+      const f = (m = s.addonContent) == null ? void 0 : m.includes("16px"), b = (a = s.addonContent) == null ? void 0 : a.includes("24px");
+      return /* @__PURE__ */ n(
+        le,
+        {
+          style: {
+            "--icon-size": o({
+              "16px": f,
+              "24px": b
+            })
+          },
+          className: e["addon-icon"],
+          iconName: s.addonContent
+        }
+      );
+    }
+    case "text":
+      return s.addonContent;
+    case "react-node":
+      return /* @__PURE__ */ n(Z, { children: s.addonContent });
+    default:
+      return null;
+  }
+}, he = $(
+  ee(
+    (s, m) => {
+      const {
+        value: a,
+        className: f,
+        wrapperClassName: b,
+        rightSlotClassName: j,
+        requiredMarkClassName: D,
+        variant: q = te.DefaultGray,
+        type: E = "text",
+        autofocus: z,
+        readonly: d,
+        id: A,
+        onFocus: N,
+        onBlur: x,
+        label: u,
+        withClearButton: M,
+        disabled: t,
+        onChange: c,
+        rightAddon: O,
+        status: F,
+        leftAddon: S,
+        size: C = "m",
+        numbersOnly: T,
+        required: y,
+        maxLength: v,
+        autocomplete: G = "on",
+        ...P
+      } = s, [_, w] = B(z), [p, g] = B(!!a), i = se(null), W = ae(i, m);
+      R(() => {
+        z && w(!0);
+      }, [z]), R(() => {
+        g(!!a);
+      }, [a]);
+      const H = (l) => {
+        const r = l.currentTarget.value;
+        x == null || x(l), w(!1), g(!!r);
+      }, J = (l) => {
+        d || (w(!0), N == null || N(l));
+      }, K = () => {
+        i != null && i.current && (i.current.value = "", i.current.focus(), g(!1), c == null || c({
+          target: { value: "" }
+        }));
+      }, Q = (l) => {
+        let r = l.target.value;
+        T && (r = r.replace(/\D/g, "")), v !== void 0 && (r = r.slice(0, v)), l.target.value = r, c == null || c(l), g(!!r);
+      }, h = L(S), I = L(O), U = {
+        [e.readonly]: t || d,
+        [e.focused]: _,
+        [e.disabled]: t || d,
+        [e["has-label"]]: !!u,
+        [e["has-left-slot"]]: !!h,
+        [e["has-right-slot"]]: !!I
+      }, k = _ || p || !!a, X = o(e.label, f, e[C], {
+        [e["active-label"]]: k,
+        [e.disabled]: t || d,
+        [e["has-left-slot"]]: !!h
+      }), Y = o(e.input, U, f, [
+        e[q],
+        e[F ?? ""],
+        e[C]
+      ]);
+      return /* @__PURE__ */ V(
+        "div",
+        {
+          className: o(
+            e["input-wrapper"],
+            e[q],
+            e[F ?? ""],
+            e[C],
+            {
+              [e.disabled]: t || d,
+              [e.focused]: _
+            },
+            b
+          ),
+          children: [
+            u && /* @__PURE__ */ V("label", { htmlFor: A, className: X, children: [
+              u,
+              y && (p || _) && /* @__PURE__ */ n(
+                "span",
+                {
+                  className: e["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
+            ] }),
+            h && /* @__PURE__ */ n(
+              "span",
+              {
+                className: o(e["left-slot"], {
+                  [e.focused]: k,
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: t
+                }),
+                children: h
+              }
+            ),
+            /* @__PURE__ */ n(
+              "input",
+              {
+                ref: W,
+                type: E,
+                id: A,
+                className: Y,
+                onFocus: J,
+                onBlur: H,
+                readOnly: d,
+                value: a,
+                onChange: Q,
+                maxLength: v,
+                disabled: t,
+                required: y,
+                autoComplete: G,
+                ...P
+              }
+            ),
+            I && /* @__PURE__ */ n(
+              "span",
+              {
+                className: o(e["right-slot"], j, {
+                  [e.focused]: k,
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: t
+                }),
+                children: I
+              }
+            ),
+            y && !p && !_ && /* @__PURE__ */ n(
+              "span",
+              {
+                className: o(
+                  e["required-mark"],
+                  D
+                ),
+                "data-testid": "required-mark"
+              }
+            ),
+            M && p && /* @__PURE__ */ n(
+              re,
+              {
+                tabIndex: -1,
+                className: o(e.clear, {
+                  [e.disabled]: t
+                }),
+                isIconButton: !0,
+                iconName: "Close16px",
+                size: "m-s",
+                clear: !0,
+                disabled: t || d,
+                variant: "secondary-gray",
+                onClick: K,
+                "data-testid": "clear-button"
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+he.displayName = "Input";
+export {
+  he as I,
+  e as c
+};

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1bpoc_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:flex;padding:0 var(--mimir-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_1bpoc_3 ._required-mark_1bpoc_17{display:block;flex:0 0 var(--input-required-mark-size);align-self:center;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._input-wrapper_1bpoc_3 ._label_1bpoc_27{--input-required-mark-size: 6px;position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1bpoc_3 ._label_1bpoc_27._has-left-slot_1bpoc_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45._has-left-slot_1bpoc_42{left:var(--mimir-space-m)}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45 ._required-mark_1bpoc_17{margin-left:0}._input-wrapper_1bpoc_3 ._input_1bpoc_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(--mimir-font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;text-overflow:ellipsis;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_1bpoc_3 ._input_1bpoc_3._has-left-slot_1bpoc_42{padding-left:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._has-right-slot_1bpoc_79{padding-right:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._focused_1bpoc_82{padding-top:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._has-label_1bpoc_85{padding-top:var(--input-padding-position)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88{color:var(--light-text)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:hover,._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:active,._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:focus{color:var(--light-text)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._auto-height_1bpoc_94{height:auto;min-height:var(--input-height);overflow:hidden!important;transition:height .2s ease;resize:none}._input-wrapper_1bpoc_3 ._addon-icon_1bpoc_101{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106{display:flex;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);background-color:inherit;transition:padding-top .15s ease-out}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105._focused_1bpoc_82._has-label_1bpoc_85,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._focused_1bpoc_82._has-label_1bpoc_85{padding-top:var(--input-padding-position)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105._disabled_1bpoc_88,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._disabled_1bpoc_88{color:var(--white);cursor:not-allowed}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105._disabled_1bpoc_88 ._addon-icon_1bpoc_101 path,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._disabled_1bpoc_88 ._addon-icon_1bpoc_101 path{fill:var(--white)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106{margin-left:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._clear_1bpoc_137{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._clear_1bpoc_137._disabled_1bpoc_88{cursor:not-allowed}._input-wrapper_1bpoc_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1bpoc_3:hover ._label_1bpoc_27,._input-wrapper_1bpoc_3:focus-within ._label_1bpoc_27{color:var(--label-color)}._input-wrapper_1bpoc_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1bpoc_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1bpoc_3._focused_1bpoc_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1bpoc_3._focused_1bpoc_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1bpoc_3._disabled_1bpoc_88{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent}._input-wrapper_1bpoc_3._disabled_1bpoc_88:hover,._input-wrapper_1bpoc_3._disabled_1bpoc_88:active,._input-wrapper_1bpoc_3._disabled_1bpoc_88:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_1bpoc_3._disabled_1bpoc_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88::placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88:hover::placeholder{color:var(--light-text)}._s_1bpoc_188{--input-height: var(--mimir-space-xxl);--input-font-size: var(--mimir-control-text-size-m);--input-line-height: var(--mimir-line-height-text-xs);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size-active: var(--mimir-size-text-xs);--label-spacing: var(--mimir-space-1xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1bpoc_203{--input-height: var(--mimir-space-4xl);--input-font-size: var(--mimir-control-text-size-l);--input-line-height: var(--mimir-line-height-text-s1);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1bpoc_27{--input-height: var(--mimir-space-4xxl);--input-font-size: var(--mimir-control-text-size-2xl);--input-line-height: var(--mimir-line-height-text-l);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-s);--clear-button-mg: var(--mimir-space-xs);--icon-size: 24px;--left-addon-position: var(--mimir-space-s)}._default-gray_1bpoc_232{--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_1bpoc_244{--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_1bpoc_244:hover{--label-color: var(--dark-text)}._default-gray_1bpoc_232._success_1bpoc_259,._default-white_1bpoc_244._success_1bpoc_259{--input-bg-color: var(--success-bg-active);--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)}._default-gray_1bpoc_232._success_1bpoc_259::-moz-placeholder,._default-white_1bpoc_244._success_1bpoc_259::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259::placeholder,._default-white_1bpoc_244._success_1bpoc_259::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259:hover::-moz-placeholder,._default-white_1bpoc_244._success_1bpoc_259:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259:hover::placeholder,._default-white_1bpoc_244._success_1bpoc_259:hover::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279,._default-white_1bpoc_244._alarm_1bpoc_279{--input-bg-color: var(--alarm-bg-active);--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)}._default-gray_1bpoc_232._alarm_1bpoc_279::-moz-placeholder,._default-white_1bpoc_244._alarm_1bpoc_279::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279::placeholder,._default-white_1bpoc_244._alarm_1bpoc_279::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279:hover::-moz-placeholder,._default-white_1bpoc_244._alarm_1bpoc_279:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279:hover::placeholder,._default-white_1bpoc_244._alarm_1bpoc_279:hover::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299,._default-white_1bpoc_244._error_1bpoc_299{--input-bg-color: var(--error-bg-active);--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)}._default-gray_1bpoc_232._error_1bpoc_299::-moz-placeholder,._default-white_1bpoc_244._error_1bpoc_299::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299::placeholder,._default-white_1bpoc_244._error_1bpoc_299::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299:hover::-moz-placeholder,._default-white_1bpoc_244._error_1bpoc_299:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299:hover::placeholder,._default-white_1bpoc_244._error_1bpoc_299:hover::placeholder{color:var(--input-color)}
+._input-wrapper_zg2ds_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:flex;padding:0 var(--mimir-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_zg2ds_3 ._required-mark_zg2ds_17{display:block;flex:0 0 var(--input-required-mark-size);align-self:center;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._input-wrapper_zg2ds_3 ._label_zg2ds_27{--input-required-mark-size: 6px;position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_zg2ds_3 ._label_zg2ds_27._has-left-slot_zg2ds_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_zg2ds_3 ._label_zg2ds_27._active-label_zg2ds_45{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_zg2ds_3 ._label_zg2ds_27._active-label_zg2ds_45._has-left-slot_zg2ds_42{left:var(--mimir-space-m)}._input-wrapper_zg2ds_3 ._label_zg2ds_27._active-label_zg2ds_45 ._required-mark_zg2ds_17{margin-left:0}._input-wrapper_zg2ds_3 ._input_zg2ds_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(--mimir-font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;text-overflow:ellipsis;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_zg2ds_3 ._input_zg2ds_3._has-left-slot_zg2ds_42{padding-left:0}._input-wrapper_zg2ds_3 ._input_zg2ds_3._has-right-slot_zg2ds_79{padding-right:0}._input-wrapper_zg2ds_3 ._input_zg2ds_3._focused_zg2ds_82{padding-top:0}._input-wrapper_zg2ds_3 ._input_zg2ds_3._has-label_zg2ds_85{padding-top:var(--input-padding-position)}._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88{color:var(--light-text)}._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88:hover,._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88:active,._input-wrapper_zg2ds_3 ._input_zg2ds_3._disabled_zg2ds_88:focus{color:var(--light-text)}._input-wrapper_zg2ds_3 ._addon-icon_zg2ds_94{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99{display:flex;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);background-color:inherit;transition:padding-top .15s ease-out}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98._focused_zg2ds_82._has-label_zg2ds_85,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99._focused_zg2ds_82._has-label_zg2ds_85{padding-top:var(--input-padding-position)}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98._disabled_zg2ds_88,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99._disabled_zg2ds_88{color:var(--white);cursor:not-allowed}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98._disabled_zg2ds_88 ._addon-icon_zg2ds_94 path,._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99._disabled_zg2ds_88 ._addon-icon_zg2ds_94 path{fill:var(--white)}._input-wrapper_zg2ds_3 ._left-slot_zg2ds_98{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_zg2ds_3 ._right-slot_zg2ds_99{margin-left:var(--clear-button-mg)}._input-wrapper_zg2ds_3 ._clear_zg2ds_130{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_zg2ds_3 ._clear_zg2ds_130._disabled_zg2ds_88{cursor:not-allowed}._input-wrapper_zg2ds_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_zg2ds_3:hover ._label_zg2ds_27,._input-wrapper_zg2ds_3:focus-within ._label_zg2ds_27{color:var(--label-color)}._input-wrapper_zg2ds_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_zg2ds_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_zg2ds_3._focused_zg2ds_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_zg2ds_3._focused_zg2ds_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_zg2ds_3._disabled_zg2ds_88{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent}._input-wrapper_zg2ds_3._disabled_zg2ds_88:hover,._input-wrapper_zg2ds_3._disabled_zg2ds_88:active,._input-wrapper_zg2ds_3._disabled_zg2ds_88:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_zg2ds_3._disabled_zg2ds_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_zg2ds_3._disabled_zg2ds_88::placeholder{color:var(--light-text)}._input-wrapper_zg2ds_3._disabled_zg2ds_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_zg2ds_3._disabled_zg2ds_88:hover::placeholder{color:var(--light-text)}._s_zg2ds_181{--input-height: var(--mimir-space-xxl);--input-font-size: var(--mimir-control-text-size-m);--input-line-height: var(--mimir-line-height-text-xs);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size-active: var(--mimir-size-text-xs);--label-spacing: var(--mimir-space-1xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_zg2ds_196{--input-height: var(--mimir-space-4xl);--input-font-size: var(--mimir-control-text-size-l);--input-line-height: var(--mimir-line-height-text-s1);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_zg2ds_27{--input-height: var(--mimir-space-4xxl);--input-font-size: var(--mimir-control-text-size-2xl);--input-line-height: var(--mimir-line-height-text-l);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-s);--clear-button-mg: var(--mimir-space-xs);--icon-size: 24px;--left-addon-position: var(--mimir-space-s)}._default-gray_zg2ds_225{--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_zg2ds_237{--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_zg2ds_237:hover{--label-color: var(--dark-text)}._default-gray_zg2ds_225._success_zg2ds_252,._default-white_zg2ds_237._success_zg2ds_252{--input-bg-color: var(--success-bg-active);--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)}._default-gray_zg2ds_225._success_zg2ds_252::-moz-placeholder,._default-white_zg2ds_237._success_zg2ds_252::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._success_zg2ds_252::placeholder,._default-white_zg2ds_237._success_zg2ds_252::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._success_zg2ds_252:hover::-moz-placeholder,._default-white_zg2ds_237._success_zg2ds_252:hover::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._success_zg2ds_252:hover::placeholder,._default-white_zg2ds_237._success_zg2ds_252:hover::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272,._default-white_zg2ds_237._alarm_zg2ds_272{--input-bg-color: var(--alarm-bg-active);--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)}._default-gray_zg2ds_225._alarm_zg2ds_272::-moz-placeholder,._default-white_zg2ds_237._alarm_zg2ds_272::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272::placeholder,._default-white_zg2ds_237._alarm_zg2ds_272::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272:hover::-moz-placeholder,._default-white_zg2ds_237._alarm_zg2ds_272:hover::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._alarm_zg2ds_272:hover::placeholder,._default-white_zg2ds_237._alarm_zg2ds_272:hover::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292,._default-white_zg2ds_237._error_zg2ds_292{--input-bg-color: var(--error-bg-active);--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)}._default-gray_zg2ds_225._error_zg2ds_292::-moz-placeholder,._default-white_zg2ds_237._error_zg2ds_292::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292::placeholder,._default-white_zg2ds_237._error_zg2ds_292::placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292:hover::-moz-placeholder,._default-white_zg2ds_237._error_zg2ds_292:hover::-moz-placeholder{color:var(--input-color)}._default-gray_zg2ds_225._error_zg2ds_292:hover::placeholder,._default-white_zg2ds_237._error_zg2ds_292:hover::placeholder{color:var(--input-color)}

package/dist/assets/ListFiles.css

@@ -1 +1 @@
-._file-info_12h1y_2{display:flex;flex-direction:column;gap:var(--mimir-space-xs);overflow:hidden}._file-info_12h1y_2 ._file-info-size_12h1y_8{color:var(--disabled-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-m);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xxs);text-align:left}._file-info_12h1y_2 ._file-info-name-wrapper_12h1y_16{display:table;width:100%;table-layout:fixed}._file-info_12h1y_2 ._file-info-name-wrapper_12h1y_16 ._file-info-name_12h1y_16{display:table-cell;overflow:hidden;color:var(--black-100);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l2);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xl);white-space:nowrap;text-align:left;text-overflow:ellipsis}._file-upload-container_12h1y_34{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%;margin-bottom:0;padding-left:0}._file-upload-container_12h1y_34 ._file-upload-container-item_12h1y_42{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--mimir-space-xs) var(--mimir-space-m);background:var(--white);border-radius:var(--mimir-control-radius)}._file-upload-container_12h1y_34 ._file-upload-container-item_12h1y_42 ._delete-button_12h1y_51{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs);background:var(--black-5)}
+._file-info_wnnpg_2{display:flex;flex-direction:column;gap:var(--mimir-space-xs);overflow:hidden}._file-info_wnnpg_2 ._file-info-size_wnnpg_8{color:var(--disabled-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-m);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xxs);text-align:left}._file-info_wnnpg_2 ._file-info-name-wrapper_wnnpg_16{display:table;width:100%;table-layout:fixed}._file-info_wnnpg_2 ._file-info-name-wrapper_wnnpg_16 ._file-info-name_wnnpg_16{display:table-cell;overflow:hidden;color:var(--black-100);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l2);font-family:var(--mimir-font-inter),sans-serif;line-height:var(--mimir-line-height-text-xl);white-space:nowrap;text-align:left;text-overflow:ellipsis}._file-upload-container_wnnpg_34{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%;margin-bottom:0;padding-left:0}._file-upload-container_wnnpg_34 ._file-upload-container-item_wnnpg_42{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--mimir-space-xs) var(--mimir-space-m);background:var(--file-upload-container-background);border-radius:var(--mimir-control-radius)}._file-upload-container_wnnpg_34 ._file-upload-container-item_wnnpg_42 ._delete-button_wnnpg_51{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs);background:var(--delete-button-background)}._white_wnnpg_58{--file-upload-container-background: var(--white);--delete-button-background: var(--black-5)}._gray_wnnpg_63{--file-upload-container-background: var(--black-5);--delete-button-background: var(--white)}

package/dist/assets/TextArea.css

@@ -1 +1 @@
-._textarea-wrapper_1b24r_2 ._textarea_1b24r_2{min-height:var(--textarea-height);padding-top:var(--textarea-space)!important;padding-bottom:var(--textarea-space);resize:none}._textarea-wrapper_1b24r_2 ._textarea_1b24r_2._has-label_1b24r_8{padding-top:var(--textarea-top-space)!important}._textarea-wrapper_1b24r_2 ._required-mark_1b24r_11{display:block;flex:0 0 var(--input-required-mark-size);align-self:flex-start;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-top:var(--textarea-space);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._textarea-wrapper_1b24r_2 ._label_1b24r_22{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}._textarea-wrapper_1b24r_2 ._label_1b24r_22._has-left-slot_1b24r_37{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._textarea-wrapper_1b24r_2 ._label_1b24r_22._active-label_1b24r_40{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._textarea-wrapper_1b24r_2 ._label_1b24r_22._active-label_1b24r_40._has-left-slot_1b24r_37{left:var(--mimir-space-m)}._textarea-wrapper_1b24r_2 ._label_1b24r_22._active-label_1b24r_40 ._required-mark_1b24r_11{align-self:center;margin-top:0;margin-left:0}._s_1b24r_53{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 76px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._m_1b24r_60{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 88px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._l_1b24r_22{--textarea-space: var(--mimir-space-2m);--textarea-top-space: 25px;--textarea-height: 120px;--textarea-padding: var(--mimir-space-2m)}
+._textarea-wrapper_ta2xa_2 ._textarea_ta2xa_2{min-height:var(--textarea-height);padding-top:var(--textarea-space)!important;padding-bottom:var(--textarea-space);resize:none}._textarea-wrapper_ta2xa_2 ._textarea_ta2xa_2._has-label_ta2xa_8{padding-top:var(--textarea-top-space)!important}._textarea-wrapper_ta2xa_2 ._required-mark_ta2xa_11{display:block;flex:0 0 var(--input-required-mark-size);align-self:flex-start;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-top:var(--required-mark-margin);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._textarea-wrapper_ta2xa_2 ._label_ta2xa_22{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}._textarea-wrapper_ta2xa_2 ._label_ta2xa_22._has-left-slot_ta2xa_37{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._textarea-wrapper_ta2xa_2 ._label_ta2xa_22._active-label_ta2xa_40{font-size:var(--label-font-size-active);transform:var(--active-label-transform)}._textarea-wrapper_ta2xa_2 ._label_ta2xa_22._active-label_ta2xa_40._has-left-slot_ta2xa_37{left:var(--mimir-space-m)}._textarea-wrapper_ta2xa_2 ._label_ta2xa_22._active-label_ta2xa_40 ._required-mark_ta2xa_11{align-self:center;margin-top:0;margin-left:0}._s_ta2xa_53{--textarea-space: var(--mimir-space-2s);--required-mark-margin: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 76px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s);--active-label-transform: translate( 0, calc(var(--label-font-size-active) * -1) )}._m_ta2xa_65{--textarea-space: var(--mimir-space-2s);--required-mark-margin: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 88px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s);--active-label-transform: translate( 0, calc(var(--label-font-size-active) * -1) )}._l_ta2xa_22{--textarea-space: var(--mimir-space-2m);--required-mark-margin: var(--mimir-space-2m);--textarea-top-space: 25px;--textarea-height: 120px;--textarea-padding: var(--mimir-space-2m);--active-label-transform: translate( 0, calc(var(--label-font-size-active) * -1) )}._input-s_ta2xa_89{--textarea-height: var(--mimir-space-xxl) !important;--textarea-space: var(--mimir-space-1xs) !important;--textarea-top-space: calc(var(--mimir-space-l) - 1px) !important;--active-label-transform: translate(0, calc(var(--mimir-space-xs) * -1));--required-mark-margin: var(--mimir-space-2m)}._input-m_ta2xa_97{--textarea-height: var(--mimir-space-4xl) !important;--textarea-space: var(--mimir-space-2xs) !important;--textarea-top-space: calc(var(--mimir-space-l) + 1px) !important;--active-label-transform: translate(0, calc(var(--mimir-space-xss) * -1));--required-mark-margin: var(--mimir-space-l)}._input-l_ta2xa_105{--textarea-height: var(--mimir-space-4xxl) !important;--textarea-space: var(--mimir-space-2xs) !important;--required-mark-margin: var(--mimir-space-1xl)}

package/dist/components/DatePicker/DatePicker.js

@@ -10,7 +10,7 @@ import { YearPickerModal as rt } from "./YearPickerModal.js";
 import { useClickOutside as ct } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as H } from "../../icons/Icon.js";
 import { formating as f } from "../../utils/index.js";
-import { I as mt } from "../../Input-CbgqYgLo.js";
+import { I as mt } from "../../Input-BYrIS5GU.js";
 import { EInputStatus as pt, EInputSize as L } from "../Input/constants.js";
 const dt = {
   days: it,

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-CbgqYgLo.js";
+import { I as f } from "../../Input-BYrIS5GU.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-CbgqYgLo.js";
+import { I as n } from "../../Input-BYrIS5GU.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
 import { memo as w, forwardRef as u, useState as m } from "react";
 import { Icon as d } from "../../icons/Icon.js";
 import { Button as _ } from "../Button/Button.js";
-import { I as l } from "../../Input-CbgqYgLo.js";
+import { I as l } from "../../Input-BYrIS5GU.js";
 import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
   input: b,
   wrapper: x,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-CbgqYgLo.js";
+import { I as b } from "../../Input-BYrIS5GU.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/ListFiles/ListFiles.d.ts

@@ -1,3 +1,5 @@
+import { EFileItemVariant } from './constants';
+
 export type TListFiles = {
     /**
      * Массив фото
@@ -7,6 +9,14 @@ export type TListFiles = {
      * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
      */
     onChange?: (e: TFileValue) => void;
+    /**
+     * Класс для обертки списка файлов
+     */
+    classNameWrapper?: string;
+    /**
+     * Вариант отображения файла
+     */
+    variant?: EFileItemVariant | `${EFileItemVariant}`;
 };
 export type TFileItem = {
     id: number;
@@ -23,4 +33,4 @@ export type TFilesDetail = {
     size?: number;
     type?: string;
 };
-export declare function ListFiles({ value, onChange }: TListFiles): import("react/jsx-runtime").JSX.Element | null;
+export declare function ListFiles({ value, onChange, classNameWrapper, variant }: TListFiles): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ListFiles/ListFiles.js

@@ -1,46 +1,65 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { useState as m, useEffect as d } from "react";
-import { formating as _ } from "../../utils/index.js";
-import { Button as p } from "../Button/Button.js";
-import '../../assets/ListFiles.css';const e = {
-  "file-info": "_file-info_12h1y_2",
-  "file-info-size": "_file-info-size_12h1y_8",
-  "file-info-name-wrapper": "_file-info-name-wrapper_12h1y_16",
-  "file-info-name": "_file-info-name_12h1y_16",
-  "file-upload-container": "_file-upload-container_12h1y_34",
-  "file-upload-container-item": "_file-upload-container-item_12h1y_42",
-  "delete-button": "_delete-button_12h1y_51"
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { useState as d, useEffect as u } from "react";
+import { EFileItemVariant as w } from "./constants.js";
+import { formating as g } from "../../utils/index.js";
+import { Button as N } from "../Button/Button.js";
+import '../../assets/ListFiles.css';const h = "_white_wnnpg_58", z = "_gray_wnnpg_63", e = {
+  "file-info": "_file-info_wnnpg_2",
+  "file-info-size": "_file-info-size_wnnpg_8",
+  "file-info-name-wrapper": "_file-info-name-wrapper_wnnpg_16",
+  "file-info-name": "_file-info-name_wnnpg_16",
+  "file-upload-container": "_file-upload-container_wnnpg_34",
+  "file-upload-container-item": "_file-upload-container-item_wnnpg_42",
+  "delete-button": "_delete-button_wnnpg_51",
+  white: h,
+  gray: z
 };
-function z({ value: o, onChange: s }) {
-  const [l, f] = m(o);
-  d(() => {
-    f(o);
+function v({
+  value: o,
+  onChange: s,
+  classNameWrapper: f,
+  variant: c = w.white
+}) {
+  const [a, l] = d(o);
+  u(() => {
+    l(o);
   }, [o]);
-  const r = async (i) => {
-    const n = [...l.filter((c) => c.id !== i)];
-    f(n), s == null || s({ deleteId: i, list: n });
+  const m = async (i) => {
+    const n = [...a.filter((p) => p.id !== i)];
+    l(n), s == null || s({ deleteId: i, list: n });
   };
-  return l.length === 0 ? null : /* @__PURE__ */ t("ul", { className: e["file-upload-container"], children: l.map((i, n) => /* @__PURE__ */ a("li", { className: e["file-upload-container-item"], children: [
-    /* @__PURE__ */ a("div", { className: e["file-info"], children: [
-      (i == null ? void 0 : i.size) && /* @__PURE__ */ a("span", { className: e["file-info-size"], children: [
-        " ",
-        _.Size(i == null ? void 0 : i.size)
-      ] }),
-      /* @__PURE__ */ t("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ t("div", { className: e["file-info-name"], children: i.name }) })
-    ] }),
-    /* @__PURE__ */ t(
-      p,
-      {
-        isIconButton: !0,
-        iconName: "Close12px",
-        size: "m-s",
-        variant: "secondary-gray",
-        className: e["delete-button"],
-        onClick: () => r(i.id)
-      }
-    )
-  ] }, n)) });
+  return a.length ? /* @__PURE__ */ t(
+    "ul",
+    {
+      className: _(
+        e["file-upload-container"],
+        f,
+        e[c]
+      ),
+      children: a.map((i, n) => /* @__PURE__ */ r("li", { className: e["file-upload-container-item"], children: [
+        /* @__PURE__ */ r("div", { className: e["file-info"], children: [
+          (i == null ? void 0 : i.size) && /* @__PURE__ */ r("span", { className: e["file-info-size"], children: [
+            " ",
+            g.Size(i == null ? void 0 : i.size)
+          ] }),
+          /* @__PURE__ */ t("div", { className: e["file-info-name-wrapper"], children: /* @__PURE__ */ t("div", { className: e["file-info-name"], children: i.name }) })
+        ] }),
+        /* @__PURE__ */ t(
+          N,
+          {
+            isIconButton: !0,
+            iconName: "Close12px",
+            size: "m-s",
+            variant: "secondary-gray",
+            className: e["delete-button"],
+            onClick: () => m(i.id)
+          }
+        )
+      ] }, n))
+    }
+  ) : null;
 }
 export {
-  z as ListFiles
+  v as ListFiles
 };

package/dist/components/ListFiles/constants.d.ts

@@ -1,3 +1,7 @@
 import { TFilesDetail } from './ListFiles';
 
 export declare const photos: TFilesDetail[];
+export declare enum EFileItemVariant {
+    white = "white",
+    gray = "gray"
+}

package/dist/components/ListFiles/constants.js

@@ -1,4 +1,4 @@
-const p = [
+const t = [
   {
     id: 111,
     name: "ООО “КИЗ-СТРОЙ” - Свидетельство о регистрации (06.12.2003).xls",
@@ -28,6 +28,8 @@ const p = [
     type: "image/png"
   }
 ];
+var p = /* @__PURE__ */ ((e) => (e.white = "white", e.gray = "gray", e))(p || {});
 export {
-  p as photos
+  p as EFileItemVariant,
+  t as photos
 };

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

@@ -1,2 +1,3 @@
 export { ListFiles } from './ListFiles';
-export type { ListFiles as TListFiles } from './ListFiles';
+export type { ListFiles as TListFiles, TFilesDetail, TFileValue, TFileItem } from './ListFiles';
+export { EFileItemVariant } from './constants';

package/dist/components/ListFiles/index.js

@@ -1,4 +1,6 @@
-import { ListFiles as o } from "./ListFiles.js";
+import { ListFiles as t } from "./ListFiles.js";
+import { EFileItemVariant as o } from "./constants.js";
 export {
-  o as ListFiles
+  o as EFileItemVariant,
+  t as ListFiles
 };

package/dist/components/ListPhotos/ListPhotos.d.ts

@@ -7,6 +7,10 @@ export type TListPhotos = {
      * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
      */
     onChange?: (e: TPhotoValue) => void;
+    /**
+     * Класс для обертки списка фотографий
+     */
+    classNameWrapper?: string;
 };
 export type TPhotoItem = {
     id: number;
@@ -21,4 +25,4 @@ export type TPhotosDetail = {
     url: string;
     file?: File;
 };
-export declare function ListPhotos({ value, onChange }: TListPhotos): import("react/jsx-runtime").JSX.Element | null;
+export declare function ListPhotos({ value, onChange, classNameWrapper }: TListPhotos): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,22 +1,23 @@
 import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { useState as a, useEffect as u } from "react";
-import { Button as _ } from "../Button/Button.js";
+import { c as u } from "../../index-DIxK0V-G.js";
+import { useState as _, useEffect as f } from "react";
+import { Button as d } from "../Button/Button.js";
 import '../../assets/ListPhotos.css';const i = {
   "list-photos": "_list-photos_1tpc1_2",
   "list-photos-item": "_list-photos-item_1tpc1_11",
   "list-photos-image": "_list-photos-image_1tpc1_20",
   "delete-button": "_delete-button_1tpc1_25"
 };
-function L({ value: o, onChange: s }) {
-  const [e, c] = a(o);
-  u(() => {
+function x({ value: o, onChange: s, classNameWrapper: r }) {
+  const [e, c] = _(o);
+  f(() => {
     c(o);
   }, [o]);
-  const m = async (t) => {
-    const r = [...e.filter((p) => p.id !== t)];
-    c(r), s == null || s({ deleteId: t, list: r });
+  const p = async (t) => {
+    const m = [...e.filter((a) => a.id !== t)];
+    c(m), s == null || s({ deleteId: t, list: m });
   };
-  return e.length === 0 ? null : /* @__PURE__ */ l("ul", { className: i["list-photos"], children: e.map((t) => /* @__PURE__ */ n("li", { className: i["list-photos-item"], children: [
+  return e.length ? /* @__PURE__ */ l("ul", { className: u(i["list-photos"], r), children: e.map((t) => /* @__PURE__ */ n("li", { className: i["list-photos-item"], children: [
     /* @__PURE__ */ l(
       "img",
       {
@@ -26,18 +27,18 @@ function L({ value: o, onChange: s }) {
       }
     ),
     s && /* @__PURE__ */ l(
-      _,
+      d,
       {
         isIconButton: !0,
         iconName: "Close12px",
         size: "m-s",
         variant: "secondary-gray",
         className: i["delete-button"],
-        onClick: () => m(t.id)
+        onClick: () => p(t.id)
       }
     )
-  ] }, t.id)) });
+  ] }, t.id)) }) : null;
 }
 export {
-  L as ListPhotos
+  x as ListPhotos
 };

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

@@ -1,2 +1,2 @@
 export { ListPhotos } from './ListPhotos';
-export type { ListPhotos as TListPhotos } from './ListPhotos';
+export type { ListPhotos as TListPhotos, TPhotosDetail, TPhotoValue, TPhotoItem } from './ListPhotos';

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -7,7 +7,7 @@ import { Icon as ce } from "../../icons/Icon.js";
 import { Button as ae } from "../Button/Button.js";
 import { CheckboxMimir as ue } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as de } from "../Chip/Chip.js";
-import { I as G } from "../../Input-CbgqYgLo.js";
+import { I as G } from "../../Input-BYrIS5GU.js";
 import { EInputVariant as pe } from "../Input/constants.js";
 import { H as me, U as H, G as J, K as _e, j as he } from "../../combobox-BpYucpxz.js";
 import '../../assets/MultiSelectSearch.css';const fe = "_disabled_17kql_5", ke = "_container_17kql_9", qe = "_full_17kql_27", ge = "_button_17kql_39", be = "_options_17kql_53", ve = "_top_17kql_64", Ne = "_bottom_17kql_69", Ie = "_m_17kql_2", we = "_l_17kql_111", Ce = "_focused_17kql_129", Se = "_option_17kql_53", Me = "_chip_17kql_158", xe = "_clear_17kql_183", e = {

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as t } from "./constants.js";
-import "../../Input-CbgqYgLo.js";
+import "../../Input-BYrIS5GU.js";
 import { EInputSize as e } from "../Input/constants.js";
 const w = (r) => {
   switch (r) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
 import { useOTPInput as y } from "./hooks.js";
-import { I as A } from "../../Input-CbgqYgLo.js";
+import { I as A } from "../../Input-BYrIS5GU.js";
 import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
   otp: C,
   "input-wrapper": "_input-wrapper_1shq3_14",