@sberbusiness/triplex-next 1.0.0 → 1.1.0

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -1,8 +1,8 @@
 import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import y, { useState as l, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-CF2m175I.js";
+import { c as n } from "../../../chunks/vendor-D-uL_icH.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { c as e } from "../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as e } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const a = s.forwardRef(
   ({ className: o, ...r }, p) => /* @__PURE__ */ t("input", { className: e(m.dropdownMobileInput, o), ...r, ref: p })
 );

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import e from "react";
-import { c as l } from "../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { c as l } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const a = e.forwardRef(
   ({ children: o, className: r, ...s }, i) => /* @__PURE__ */ t(
     "div",

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,9 +1,9 @@
 import { jsx as f } from "react/jsx-runtime";
 import l from "react";
-import { c as x } from "../../../chunks/vendor-CF2m175I.js";
+import { c as x } from "../../../chunks/vendor-D-uL_icH.js";
 import { Text as w } from "../../Typography/Text.js";
 import { ETextSize as b } from "../../Typography/enums.js";
-import { s } from "../../../chunks/DropdownMobile.module-PWShExJh.js";
+import { s } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const y = l.forwardRef(
   ({ children: o, className: e, id: B, onClick: t, onSelect: r, selected: i, ...m }, a) => {
     const p = (d) => {

package/components/Footer/Footer.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import a from "react";
 import { FooterDescription as p } from "./components/FooterDescription.js";
-import { c } from "../../chunks/vendor-CF2m175I.js";
-import { s as o } from "../../chunks/Footer.module-Gh9uBYjc.js";
+import { c } from "../../chunks/vendor-D-uL_icH.js";
+import { s as o } from "../../chunks/Footer.module-CKfl241m.js";
 import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const f = Object.assign(
@@ -12,7 +12,7 @@ const f = Object.assign(
       {
         className: c(o.footer, { [o.sticky]: !!e }, r),
         ...i,
-        "data-tx": "1.0.0",
+        "data-tx": "1.1.0",
         ref: s,
         children: t
       }

package/components/Footer/components/FooterDescription.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import s from "react";
 import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
-import { c as p } from "../../../chunks/vendor-CF2m175I.js";
-import { s as c } from "../../../chunks/Footer.module-Gh9uBYjc.js";
+import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as c } from "../../../chunks/Footer.module-CKfl241m.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: t, ...r }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../../chunks/vendor-CF2m175I.js";
-import { s as n } from "../../../chunks/Footer.module-Gh9uBYjc.js";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as n } from "../../../chunks/Footer.module-CKfl241m.js";
 const a = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../../chunks/vendor-CF2m175I.js";
-import { s as a } from "../../../chunks/Footer.module-Gh9uBYjc.js";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as a } from "../../../chunks/Footer.module-CKfl241m.js";
 const p = i.forwardRef(
   ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ e("div", { className: m(a.footerDescriptionControls, r), ...t, ref: s, children: o })
 );

package/components/FormField/FormField.js

@@ -1,76 +1,77 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { FormFieldContext as E } from "./FormFieldContext.js";
+import { FormFieldContext as G } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { c as G } from "../../chunks/vendor-CF2m175I.js";
-import { EFormFieldSize as T } from "./enums.js";
-const y = "formField__75cff140", I = "disabled__20baaa39", N = "active__ae2463c3", R = "error__5b47ae25", t = {
-  formField: y,
-  disabled: I,
-  active: N,
-  error: R,
-  "size-sm": "size-sm__95fa2824",
-  "size-md": "size-md__0612bb1a",
-  "size-lg": "size-lg__e1557bcc"
-}, V = ({
-  children: n,
-  className: F,
-  disabled: d,
-  error: p,
+import { c as I } from "../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldSize as N, EFormFieldStatus as r } from "./enums.js";
+const P = "formField__9a74ebe8", S = "disabled__4388a233", T = "active__b089df13", L = "error__402055fd", u = "warning__f87ab909", i = {
+  formField: P,
+  disabled: S,
+  active: T,
+  error: L,
+  warning: u,
+  "size-sm": "size-sm__eb9869a4",
+  "size-md": "size-md__450c5a48",
+  "size-lg": "size-lg__96a2c9be"
+}, O = ({
+  children: F,
+  className: p,
+  status: t = r.DEFAULT,
   onMouseEnter: s,
-  onMouseLeave: i,
+  onMouseLeave: d,
   style: x,
-  size: o = T.LG,
+  size: o = N.LG,
   ...b
 }) => {
-  const [a, h] = e(!1), [v, l] = e(!1), [z, g] = e(""), [c, u] = e(_), [m, P] = e(_), [W, A] = e(!1), B = (r) => {
-    l(!0), s == null || s(r);
-  }, D = (r) => {
-    l(!1), i == null || i(r);
+  const [l, g] = e(!1), [h, c] = e(!1), [v, E] = e(""), [m, z] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (a) => {
+    c(!0), s == null || s(a);
+  }, w = (a) => {
+    c(!1), d == null || d(a);
   };
-  return /* @__PURE__ */ f(
-    E.Provider,
+  return /* @__PURE__ */ n(
+    G.Provider,
     {
       value: {
-        disabled: !!d,
-        focused: a,
-        hovered: v,
-        id: z,
-        postfixWidth: c,
-        prefixWidth: m,
-        setFocused: h,
-        setId: g,
-        setPostfixWidth: u,
-        setPrefixWidth: P,
-        setValueExist: A,
-        valueExist: W,
+        status: t,
+        focused: l,
+        hovered: h,
+        id: v,
+        postfixWidth: m,
+        prefixWidth: f,
+        setFocused: g,
+        setId: E,
+        setPostfixWidth: z,
+        setPrefixWidth: A,
+        setValueExist: R,
+        valueExist: D,
         size: o
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          className: G(
-            t.formField,
+          className: I(
+            i.formField,
             {
-              [t.active]: a,
-              [t.disabled]: !!d,
-              [t.error]: !!p,
-              [t[`size-${o}`]]: o
+              [i.active]: l,
+              [i.disabled]: t === r.DISABLED,
+              [i.error]: t === r.ERROR,
+              [i.warning]: t === r.WARNING,
+              [i[`size-${o}`]]: o
             },
-            F
+            p
           ),
-          onMouseEnter: B,
-          onMouseLeave: D,
-          "data-tx": "1.0.0",
-          style: { paddingLeft: m, paddingRight: c, ...x },
+          onMouseEnter: W,
+          onMouseLeave: w,
+          "data-tx": "1.1.0",
+          style: { paddingLeft: f, paddingRight: m, ...x },
           ...b,
-          children: n
+          children: F
         }
       )
     }
   );
 };
 export {
-  V as FormField
+  O as FormField
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -1,7 +1,7 @@
-import e from "react";
-import { EFormFieldSize as t } from "./enums.js";
-const i = {
-  disabled: !1,
+import t from "react";
+import { EFormFieldSize as e, EFormFieldStatus as i } from "./enums.js";
+const s = {
+  status: i.DEFAULT,
   focused: !1,
   hovered: !1,
   id: "",
@@ -18,10 +18,10 @@ const i = {
   setValueExist: () => {
   },
   valueExist: !1,
-  size: t.MD
-}, d = e.createContext(i);
+  size: e.MD
+}, r = t.createContext(s);
 export {
-  d as FormFieldContext,
-  i as initialFormFieldContext
+  r as FormFieldContext,
+  s as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -2,24 +2,25 @@ import { jsx as r } from "react/jsx-runtime";
 import u, { useContext as h } from "react";
 import { CrossStrokeSrvIcon16 as x } from "@sberbusiness/icons-next";
 import { FormFieldContext as C } from "../FormFieldContext.js";
-import { c as _ } from "../../../chunks/vendor-CF2m175I.js";
-const w = "formFieldClear__58a2e679", v = "shown__7143b9d0", s = {
-  formFieldClear: w,
+import { c as _ } from "../../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldStatus as w } from "../enums.js";
+const S = "formFieldClear__8a344304", v = "shown__db71aebe", t = {
+  formFieldClear: S,
   shown: v
 }, b = u.forwardRef(
-  ({ className: t, onClick: e, ...l }, a) => {
-    const { disabled: m, focused: d, hovered: n, id: c, valueExist: i } = h(C), f = (F) => {
-      const o = document.querySelector(`#${c}`);
-      o && o.focus(), e == null || e(F);
-    }, p = _(
-      s.formFieldClear,
+  ({ className: s, onClick: e, ...a }, l) => {
+    const { status: m, focused: d, hovered: n, id: i, valueExist: c } = h(C), f = (p) => {
+      const o = document.querySelector(`#${i}`);
+      o && o.focus(), e == null || e(p);
+    }, F = _(
+      t.formFieldClear,
       "hoverable",
       {
-        [s.shown]: i && !m && (d || n)
+        [t.shown]: c && m !== w.DISABLED && (d || n)
       },
-      t
+      s
     );
-    return /* @__PURE__ */ r("span", { className: p, ref: a, onClick: f, ...l, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
+    return /* @__PURE__ */ r("span", { className: F, ref: l, onClick: f, ...a, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
   }
 );
 b.displayName = "FormFieldClear";

package/components/FormField/components/FormFieldCounter.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as i, useEffect as m } from "react";
 import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__282963a1", u = {
+const s = "formFieldCounter__526f40fd", f = {
   formFieldCounter: s
-}, l = ({ children: o, ...e }) => {
+}, u = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
+  }, []), /* @__PURE__ */ r("div", { className: f.formFieldCounter, ...e, children: o });
 };
-l.displayName = "FormFieldCounter";
+u.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  u as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-CF2m175I.js";
+import { c } from "../../../chunks/vendor-D-uL_icH.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__ca4899cf", p = "withCounter__cf7591d9", i = {
+const l = "formFieldDescription__b55385b5", p = "withCounter__0fcb9498", i = {
   formFieldDescription: l,
   withCounter: p
 }, d = ({ children: r, ...e }) => {

package/components/FormField/components/FormFieldInput.js

@@ -1,9 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-CF2m175I.js";
-import { F } from "../../../chunks/FormFieldInput-H-fZrt84.js";
+import "../../../chunks/vendor-D-uL_icH.js";
+import { F as e } from "../../../chunks/FormFieldInput-apk1b0w6.js";
+import "../enums.js";
 export {
-  F as FormFieldInput
+  e as FormFieldInput
 };
 //# sourceMappingURL=FormFieldInput.js.map

package/components/FormField/components/FormFieldLabel.js

@@ -1,42 +1,43 @@
-import { jsx as t } from "react/jsx-runtime";
-import g, { useContext as z, useState as u, useEffect as T } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import p, { useContext as T, useState as g, useEffect as E } from "react";
 import { FormFieldContext as h } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as i } from "../consts.js";
-import { c as N } from "../../../chunks/vendor-CF2m175I.js";
-const y = "formFieldLabel__7a3c1590", E = "floating__8bb994ab", A = "formFieldLabelText__a5926d04", D = "disabled__20baaa39", e = {
-  formFieldLabel: y,
-  "size-sm": "size-sm__95fa2824",
-  "size-md": "size-md__0612bb1a",
-  "size-lg": "size-lg__e1557bcc",
-  floating: E,
-  formFieldLabelText: A,
-  disabled: D
-}, R = g.forwardRef(
-  ({ children: o, className: d, style: m, ...r }, f) => {
-    const { disabled: b, focused: l, id: c, prefixWidth: n, postfixWidth: _, size: s, valueExist: a } = z(h), [F, x] = u(!1);
-    T(() => {
-      x(l || a);
-    }, [l, a]);
-    const L = N(
-      e.formFieldLabel,
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
+import { k as D, c as N } from "../../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldStatus as y } from "../enums.js";
+const A = "formFieldLabel__e3f9fe36", R = "floating__d7dd987e", S = "formFieldLabelText__5500a192", C = "disabled__4388a233", s = {
+  formFieldLabel: A,
+  "size-sm": "size-sm__eb9869a4",
+  "size-md": "size-md__450c5a48",
+  "size-lg": "size-lg__96a2c9be",
+  floating: R,
+  formFieldLabelText: S,
+  disabled: C
+}, G = p.forwardRef(
+  ({ children: f, className: r, style: c, floating: e, ...n }, F) => {
+    const { status: _, focused: t, id: b, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
+    E(() => {
+      !D(e) && e !== l ? o(e) : e !== l && o(t || a);
+    }, [t, a, e, l]);
+    const u = N(
+      s.formFieldLabel,
       {
-        [e.disabled]: b,
-        [e.floating]: F,
-        [e[`size-${s}`]]: s
+        [s.disabled]: _ === y.DISABLED,
+        [s.floating]: l,
+        [s[`size-${i}`]]: i
       },
-      d
-    ), p = {
+      r
+    ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: n || i,
+      left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: _ || i,
-      ...m
+      right: x || m,
+      ...c
     };
-    return /* @__PURE__ */ t("label", { className: L, ref: f, htmlFor: c, ...r, style: p, children: /* @__PURE__ */ t("span", { className: e.formFieldLabelText, children: o }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: b, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
-R.displayName = "FormFieldLabel";
+G.displayName = "FormFieldLabel";
 export {
-  R as FormFieldLabel
+  G as FormFieldLabel
 };
 //# sourceMappingURL=FormFieldLabel.js.map

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,95 +1,105 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../chunks/vendor-CF2m175I.js";
-import "./FormFieldMaskedInputPresets.js";
-import "../../Alert/AlertContext/AlertContext.js";
-import "../../Alert/AlertProcess/AlertProcess.js";
-import "../../Alert/AlertTypeUtils.js";
-import { F as No } from "../../../chunks/index-CgNJLkzr.js";
-import "../../Button/ButtonBase.js";
-import "../../Button/ButtonIcon.js";
-import "../../Col/Col.js";
-import "../../Checkbox/Checkbox.js";
-import "../../Checkbox/CheckboxXGroup.js";
-import "../../Checkbox/CheckboxYGroup.js";
-import "../FormFieldContext.js";
-import "./FormFieldDescription.js";
-import "./FormFieldCounter.js";
-import "./FormFieldLabel.js";
-import "./FormFieldClear.js";
-import "../../../chunks/FormFieldInput-H-fZrt84.js";
-import "./FormFieldPostfix.js";
-import "./FormFieldPrefix.js";
-import "./FormFieldTextarea.js";
-import "../../FormGroup/FormGroup.js";
-import "../../Gap/Gap.js";
-import "../../Link/Link.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../LoaderWidget/LoaderWidget.js";
-import "../../Radio/Radio.js";
-import "../../Radio/RadioXGroup.js";
-import "../../Radio/RadioYGroup.js";
-import "../../Row/Row.js";
-import "../../TabsExtended/TabsExtended.js";
-import "../../DesignTokens/DesignTokensComponents.js";
-import "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import "../../ThemeProvider/ThemeProviderContext.js";
-import "../../Typography/Title.js";
-import "../../Typography/Text.js";
-import "../../Typography/Caption.js";
-import "../../../chunks/DropdownListItem-Be_BBAWh.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../List/List.js";
-import "../../List/ListSortable.js";
-import "../../List/components/ListItem.js";
-import "../../List/components/ListItemControls.js";
-import "../../List/components/ListItemContent.js";
-import "../../../chunks/ListItemControlsButton-DWU_FtH8.js";
-import "../../List/components/ListEmptyState.js";
-import "../../List/components/ListItemLoading.js";
-import "../../List/components/ListItemSelectable.js";
-import "../../List/components/ListItemTailLeft.js";
-import "../../List/components/ListItemTailRight.js";
-import "../../List/components/ListSortableItemTarget.js";
-import "../../List/components/ListSortableItemControls.js";
-import "../../Footer/Footer.js";
-import "../../Footer/components/FooterDescription.js";
-import "../../Footer/components/FooterDescriptionControls.js";
-import "../../Footer/components/FooterDescriptionContent.js";
-import "../../Body/Body.js";
-import "../../Header/Header.js";
-import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js";
-import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js";
-import "../../Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js";
-import "../../Header/components/HeaderSubheader/HeaderSubheader.js";
-import "../../Header/components/HeaderTabs/HeaderTabs.js";
-import "../../Header/components/HeaderTabs/HeaderTabsContent.js";
-import "../../Header/components/HeaderTabs/HeaderTabsControls.js";
-import "../../Header/components/HeaderTitle/HeaderTitle.js";
-import "../../Header/components/HeaderTitle/HeaderTitleContent.js";
-import "../../Header/components/HeaderTitle/HeaderTitleControls.js";
-import "../../Page/Page.js";
-import "../../Pagination/components/PaginationExtended.js";
-import "../../Pagination/components/PaginationNavigation.js";
-import "../../Pagination/components/PaginationNavigationButton.js";
-import "../../Pagination/components/PaginationNavigationExtended.js";
-import "../../Pagination/components/PaginationNavigationExtendedItem.js";
-import "../../Pagination/components/PaginationPageButton.js";
-import "../../Pagination/components/PaginationPageEllipsis.js";
-import "../../Pagination/components/PaginationSelect.js";
-import "../../Pagination/Pagination.js";
-import "../../Card/CardAction.js";
-import "../../Card/CardStatic.js";
+import { jsxs as N, jsx as m } from "react/jsx-runtime";
+import { useState as O, useRef as A, useContext as B, useEffect as D, useCallback as U } from "react";
+import { c as F, l as q, m as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { presets as G } from "./FormFieldMaskedInputPresets.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-apk1b0w6.js";
+import { FormFieldContext as K } from "../FormFieldContext.js";
+const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlaceholder__641b6e4d", X = "formFieldMaskedInput__70355da8", l = {
+  formFieldMaskedInputWrapper: L,
+  formFieldMaskedInputPlaceholder: Q,
+  "size-sm": "size-sm__eb9869a4",
+  "size-md": "size-md__450c5a48",
+  "size-lg": "size-lg__96a2c9be",
+  formFieldMaskedInput: X
+}, c = ({
+  className: I,
+  forwardedRef: f,
+  disabled: g,
+  mask: o,
+  onChange: d,
+  placeholder: M,
+  placeholderChar: i = "0",
+  placeholderMask: u,
+  value: s,
+  ..._
+}) => {
+  const [V, x] = O(""), a = A(!1), { valueExist: y, focused: z, size: k } = B(K);
+  D(() => {
+    x((() => {
+      let t = [];
+      if (s) {
+        const { conformedValue: n } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: i });
+        for (let r = 0; r < o.length; r++)
+          typeof o[r] == "string" ? t[r] = n[r] : n[r] === i && !s.toString()[r] ? t[r] = (u == null ? void 0 : u[r]) || i : t[r] = n[r];
+      } else if (u)
+        t = u.split("");
+      else {
+        const { conformedValue: n } = p.conformToMask("", o, { guide: !0, placeholderChar: i });
+        t = n.split("");
+      }
+      return t.join("");
+    })());
+  }, [s, o, i, u]);
+  const T = U(
+    (e) => {
+      const { value: t } = e.target;
+      a.current = !1, s !== t && (d == null || d(e));
+    },
+    [s, d]
+  ), b = () => {
+    a.current = !0;
+  }, E = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
+    let t = [];
+    if (a.current) {
+      let n = /^[78]((\D*\d)*)/;
+      e = e.replace(n, "+7 ($1"), n = /^\d7/, e = e.replace(n, (r) => (t = Array.from("+7 (").map((Y, $) => $), `+7 (${r}`));
+    } else (e === "7" || e === "8") && (e = "+7 (");
+    return {
+      indexesOfPipedChars: t,
+      value: p.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
+    };
+  }, W = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
+    t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
+  }, S = () => !y && !z || !s && M ? "" : V;
+  return /* @__PURE__ */ N("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
+    /* @__PURE__ */ m(
+      "input",
+      {
+        className: F(
+          H.formFieldInput,
+          l.formFieldMaskedInputPlaceholder,
+          I
+        ),
+        disabled: g,
+        placeholder: S(),
+        readOnly: !0,
+        "aria-hidden": "true",
+        tabIndex: -1,
+        type: "text"
+      }
+    ),
+    /* @__PURE__ */ m(
+      q,
+      {
+        className: F(l.formFieldMaskedInput, { [l.error]: !!_.error }, I),
+        defaultValue: "",
+        disabled: g,
+        guide: !1,
+        render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: M || "", ref: j(e) }),
+        mask: o,
+        onChange: T,
+        onPaste: b,
+        placeholderChar: i,
+        value: W(),
+        pipe: E,
+        type: "text",
+        ..._
+      }
+    )
+  ] });
+};
+c.presets = G;
 export {
-  No as FormFieldMaskedInput
+  c as FormFieldMaskedInput
 };
 //# sourceMappingURL=FormFieldMaskedInput.js.map