@sberbusiness/triplex-next 1.23.0 → 1.25.0

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-BiObpx9E.js";
+import { c as e } from "../../../chunks/vendor-DudMBGKr.js";
 import { LoaderSmall as t } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as i } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as p } from "../../../enums/EComponentSize.js";
-import { s } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
+import { s } from "../../../chunks/DropdownMobile.module-BoKjV5kN.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
+import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__3155d643", r = {
+const t = "dropdownMobileMaskedInput__8d8114e8", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, e), ...s });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-BiObpx9E.js";
-const c = "ellipsisLineClamp__bea3d737", r = "oneLine__9ded019c", e = {
+import { c as m } from "../../chunks/vendor-DudMBGKr.js";
+const c = "ellipsisLineClamp__f95d734a", r = "oneLine__bf66967c", e = {
   ellipsisLineClamp: c,
   oneLine: r
-}, d = t.forwardRef(
+}, f = t.forwardRef(
   ({ children: i, maxLines: s, className: l, ...n }, a) => {
     const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ p(
@@ -13,15 +13,15 @@ const c = "ellipsisLineClamp__bea3d737", r = "oneLine__9ded019c", e = {
         className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.23.0",
+        "data-tx": "1.25.0",
         ref: a,
         children: i
       }
     );
   }
 );
-d.displayName = "Ellipsis";
+f.displayName = "Ellipsis";
 export {
-  d as Ellipsis
+  f as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/EmptyView/EmptyView.js

@@ -0,0 +1,78 @@
+import { EEmptyViewSize as i } from "./enums.js";
+import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
+import N from "react";
+import { c as A } from "../../chunks/vendor-DudMBGKr.js";
+import { Title as R } from "../Typography/Title.js";
+import { EFontWeightTitle as h, ETitleSize as p, ETextSize as _, EFontType as d, EFontWeightText as M } from "../Typography/enums.js";
+import { Text as S } from "../Typography/Text.js";
+import { Gap as n } from "../Gap/Gap.js";
+const B = "emptyView__90829ebf", D = "container__938ece26", g = "icon__0d9e33e9", I = "textBlock__fa30074d", t = {
+  emptyView: B,
+  container: D,
+  icon: g,
+  textBlock: I
+}, V = {
+  [i.SM]: t.sm,
+  [i.MD]: t.md
+}, v = {
+  [i.SM]: { size: p.H3, weight: h.MEDIUM },
+  [i.MD]: { size: p.H2, weight: h.SEMIBOLD }
+}, T = {
+  [i.SM]: _.B3,
+  [i.MD]: _.B2
+}, z = {
+  [i.SM]: 16,
+  [i.MD]: 24
+}, k = N.forwardRef(
+  ({ className: f, size: o, icon: a, title: c, description: r, caption: m, buttons: E, ...w }, y) => {
+    const l = !!(r || m);
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: A(t.emptyView, V[o], { [t.hasTitle]: !!c }, f),
+        ref: y,
+        ...w,
+        children: [
+          /* @__PURE__ */ s("div", { className: t.container, children: [
+            a && /* @__PURE__ */ e("div", { className: t.icon, children: a }),
+            a && o === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
+            (c || l) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
+              c && /* @__PURE__ */ e(R, { ...v[o], children: c }),
+              c && l && /* @__PURE__ */ e(n, { size: 12 }),
+              l && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
+                r && /* @__PURE__ */ e(
+                  S,
+                  {
+                    size: T[o],
+                    weight: M.REGULAR,
+                    type: c ? d.SECONDARY : d.PRIMARY,
+                    children: r
+                  }
+                ),
+                r && m && /* @__PURE__ */ e(n, { size: 8 }),
+                m && /* @__PURE__ */ e(
+                  S,
+                  {
+                    size: T[o],
+                    weight: M.REGULAR,
+                    type: d.SECONDARY,
+                    children: m
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          E && /* @__PURE__ */ s(x, { children: [
+            /* @__PURE__ */ e(n, { size: z[o] }),
+            /* @__PURE__ */ e("div", { className: t.buttons, children: E })
+          ] })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "EmptyView";
+export {
+  k as EmptyView
+};
+//# sourceMappingURL=EmptyView.js.map

package/components/EmptyView/enums.js

@@ -0,0 +1,5 @@
+var M = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r))(M || {});
+export {
+  M as EEmptyViewSize
+};
+//# sourceMappingURL=enums.js.map

package/components/EmptyView/index.js

@@ -0,0 +1,7 @@
+import { EEmptyViewSize as o } from "./enums.js";
+import { EmptyView as r } from "./EmptyView.js";
+export {
+  o as EEmptyViewSize,
+  r as EmptyView
+};
+//# sourceMappingURL=index.js.map

package/components/EmptyView/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,47 +1,47 @@
 import { jsx as g } from "react/jsx-runtime";
 import U, { useRef as y } from "react";
-import { z as b, c as j } from "../../chunks/vendor-BiObpx9E.js";
-const z = "expandAnimation__da11306d", F = {
+import { z as b, c as j } from "../../chunks/vendor-DudMBGKr.js";
+const z = "expandAnimation__05f2784e", F = {
   expandAnimation: z
 }, I = 300, L = U.forwardRef(
   ({
     children: A,
     className: E,
     expanded: v,
-    animationTime: f = I,
+    animationTime: x = I,
     style: R,
-    onStart: l,
+    onStart: d,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, x) => {
+  }, f) => {
     const m = y({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), d = y(null), w = (c) => {
+    }), l = y(null), w = (c) => {
       var u;
-      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
     }, H = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
     }, T = () => {
       var c;
-      d.current && (d.current.style.height = d.current.scrollHeight + "px", d.current.scrollHeight), l == null || l(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
+      l.current && (l.current.style.height = l.current.scrollHeight + "px", l.current.scrollHeight), d == null || d(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
     }, D = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
     }, N = (c) => {
-      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
+      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
     };
     return /* @__PURE__ */ g(
       b,
       {
         in: v,
-        timeout: f,
-        nodeRef: d,
+        timeout: x,
+        nodeRef: l,
         ...e,
         onEnter: w,
         onEntered: H,
@@ -52,7 +52,7 @@ const z = "expandAnimation__da11306d", F = {
           {
             className: j(F.expandAnimation, E),
             style: {
-              transitionDuration: f + "ms",
+              transitionDuration: x + "ms",
               ...m.current[c],
               ...R
             },

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.23.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.25.0", ref: r, children: o });
   }),
   {
     Description: m

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-BiObpx9E.js";
-import { s as c } from "../../../chunks/Footer.module-CMW0u8UD.js";
+import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
+import { s as c } from "../../../chunks/Footer.module-DZkZf8cZ.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-BiObpx9E.js";
-import { s as n } from "../../../chunks/Footer.module-CMW0u8UD.js";
+import { c as m } from "../../../chunks/vendor-DudMBGKr.js";
+import { s as n } from "../../../chunks/Footer.module-DZkZf8cZ.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-BiObpx9E.js";
-import { s as a } from "../../../chunks/Footer.module-CMW0u8UD.js";
+import { c as m } from "../../../chunks/vendor-DudMBGKr.js";
+import { s as a } from "../../../chunks/Footer.module-DZkZf8cZ.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,17 +1,17 @@
 import { jsx as n } from "react/jsx-runtime";
 import I, { useState as t, useMemo as L } from "react";
-import { c as h } from "../../chunks/vendor-BiObpx9E.js";
+import { c as h } from "../../chunks/vendor-DudMBGKr.js";
 import { FormFieldContext as v } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as o } from "./enums.js";
 import { EComponentSize as w } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const S = "formField__913f43e5", W = "sm__26ad389e", G = "md__d9ffd574", M = "lg__35f13ce0", P = "active__41fe4b61", y = "disabled__31b1d2c0", U = "error__ff5f0f6c", j = "warning__0f9e5e33", z = "filled__092d3f2a", e = {
+const S = "formField__102c06f2", W = "sm__f589f97d", G = "md__6b4d80bd", M = "lg__96b7f74b", P = "active__13e73209", y = "disabled__680cc01e", U = "error__d20d2acd", j = "warning__d4cb4cc5", z = "filled__d0aba4a4", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__58caed7e",
+  default: "default__c9a7dc4a",
   active: P,
   disabled: y,
   error: U,
@@ -26,31 +26,31 @@ const S = "formField__913f43e5", W = "sm__26ad389e", G = "md__d9ffd574", M = "lg
   ({
     children: p,
     className: F,
-    style: g,
+    style: b,
     size: s = w.LG,
     status: r = o.DEFAULT,
     active: a = !1,
-    ...u
-  }, x) => {
-    const [m, T] = t(), [c, b] = t(), [i, E] = t(_), [l, N] = t(_), [f, R] = t(!1), [d, A] = t(!1), D = L(
+    ...g
+  }, u) => {
+    const [m, x] = t(), [f, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [d, A] = t(!1), D = L(
       () => ({
         size: s,
         status: r,
         targetId: m,
-        labelId: c,
+        labelId: f,
         postfixWidth: i,
         prefixWidth: l,
-        filled: f,
+        filled: c,
         focused: d,
         active: a || d,
-        setTargetId: T,
-        setLabelId: b,
+        setTargetId: x,
+        setLabelId: T,
         setPostfixWidth: E,
         setPrefixWidth: N,
         setFilled: R,
         setFocused: A
       }),
-      [s, r, m, c, i, l, f, d, a]
+      [s, r, m, f, i, l, c, d, a]
     );
     return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
       "div",
@@ -60,15 +60,15 @@ const S = "formField__913f43e5", W = "sm__26ad389e", G = "md__d9ffd574", M = "lg
           O[s],
           B[r],
           {
-            [e.filled]: f,
+            [e.filled]: c,
             [e.active]: a || d
           },
           F
         ),
-        "data-tx": "1.23.0",
-        style: { paddingLeft: l, paddingRight: i, ...g },
-        ...u,
-        ref: x,
+        "data-tx": "1.25.0",
+        style: { paddingLeft: l, paddingRight: i, ...b },
+        ...g,
+        ref: u,
         children: p
       }
     ) });

package/components/FormField/components/FormFieldClear.js

@@ -1,12 +1,12 @@
 import { jsx as l } from "react/jsx-runtime";
 import f, { useCallback as i } from "react";
-import { c } from "../../../chunks/vendor-BiObpx9E.js";
+import { c } from "../../../chunks/vendor-DudMBGKr.js";
 import { CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__e84651f8", C = {
+const p = "formFieldClear__157e13b3", C = {
   formFieldClear: p
 }, F = f.forwardRef(
-  ({ className: a, onMouseDown: r, ...t }, m) => {
+  ({ className: t, onMouseDown: r, ...a }, m) => {
     const o = i(
       (e) => {
         e.preventDefault(), r == null || r(e);
@@ -16,8 +16,8 @@ const p = "formFieldClear__e84651f8", C = {
     return /* @__PURE__ */ l(
       s,
       {
-        ...t,
-        className: c(C.formFieldClear, "hoverable", a),
+        ...a,
+        className: c(C.formFieldClear, t),
         onMouseDown: o,
         ref: m,
         children: /* @__PURE__ */ l(d, { paletteIndex: 5 })

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__87ac50c3", u = {
+const s = "formFieldCounter__9c28f227", u = {
   formFieldCounter: s
-}, l = ({ children: o, ...e }) => {
+}, f = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-l.displayName = "FormFieldCounter";
+f.displayName = "FormFieldCounter";
 export {
-  l as FormFieldCounter
+  f as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-BiObpx9E.js";
+import { c } from "../../../chunks/vendor-DudMBGKr.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__5c5f2005", p = "withCounter__5bdb5833", i = {
+const l = "formFieldDescription__85e2cca8", p = "withCounter__69a43f35", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: r, ...e }) => {
+}, d = ({ children: e, ...r }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-BiObpx9E.js";
+import "../../../chunks/vendor-DudMBGKr.js";
 import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-CwX_1h09.js";
+import { F as d } from "../../../chunks/FormFieldInput-DtYGQ_bi.js";
 export {
   d as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -1,11 +1,11 @@
 import { jsx as s } from "react/jsx-runtime";
 import A, { useContext as E, useMemo as N, useLayoutEffect as I } from "react";
-import { u as S, c as h } from "../../../chunks/vendor-BiObpx9E.js";
+import { u as S, c as h } from "../../../chunks/vendor-DudMBGKr.js";
 import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as C } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
-const M = "formFieldLabel__c6f22484", R = "sm__26ad389e", v = "md__d9ffd574", z = "lg__35f13ce0", G = "floating__d9407c8a", W = "formFieldLabelText__f91d9ca2", j = "disabled__31b1d2c0", e = {
+const M = "formFieldLabel__ba3da132", R = "sm__f589f97d", v = "md__6b4d80bd", z = "lg__96b7f74b", G = "floating__e0e9a755", W = "formFieldLabelText__d5252fb4", j = "disabled__680cc01e", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,13 +14,13 @@ const M = "formFieldLabel__c6f22484", R = "sm__26ad389e", v = "md__d9ffd574", z
   formFieldLabelText: W,
   disabled: j
 }, q = D(e), w = A.forwardRef(
-  ({ children: i, id: t, className: d, style: m, floating: f, ...r }, c) => {
-    const { targetId: n, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = f ?? (F || L), x = h(
+  ({ children: i, id: t, className: d, style: m, floating: r, ...f }, c) => {
+    const { targetId: n, size: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = r ?? (F || L), x = h(
       e.formFieldLabel,
-      q[_],
+      q[b],
       {
         [e.floating]: u,
-        [e.disabled]: b === C.DISABLED
+        [e.disabled]: _ === C.DISABLED
       },
       d
     ), T = {
@@ -32,7 +32,7 @@ const M = "formFieldLabel__c6f22484", R = "sm__26ad389e", v = "md__d9ffd574", z
     };
     return I(() => {
       o(l);
-    }, [l, o]), /* @__PURE__ */ s("label", { ...r, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
+    }, [l, o]), /* @__PURE__ */ s("label", { ...f, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
 w.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,16 +1,16 @@
 import { jsxs as B, jsx as m } from "react/jsx-runtime";
 import { useState as $, useRef as L, useContext as N, useEffect as O, useCallback as U } from "react";
-import { c as F, n as q, o as p } from "../../../chunks/vendor-BiObpx9E.js";
+import { c as F, n as q, o as p } from "../../../chunks/vendor-DudMBGKr.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-CwX_1h09.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-DtYGQ_bi.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__e8c14f94", X = "formFieldMaskedInputPlaceholder__3fb60620", Y = "formFieldMaskedInput__2c1d4917", u = {
+const Q = "formFieldMaskedInputWrapper__f9d0847f", X = "formFieldMaskedInputPlaceholder__8a6ceee8", Y = "formFieldMaskedInput__3bbc7e27", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__905bccee",
-  "size-md": "size-md__af2618b4",
-  "size-lg": "size-lg__e7b5e08c",
+  "size-sm": "size-sm__c9101362",
+  "size-md": "size-md__131c4e39",
+  "size-lg": "size-lg__d339a6ec",
   formFieldMaskedInput: Y
 }, c = ({
   className: I,
@@ -23,9 +23,9 @@ const Q = "formFieldMaskedInputWrapper__e8c14f94", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, b] = $(""), a = L(!1), { filled: y, focused: z, size: k, status: _ } = N(K);
+  const [x, y] = $(""), a = L(!1), { filled: z, focused: k, size: b, status: _ } = N(K);
   O(() => {
-    b((() => {
+    y((() => {
       let t = [];
       if (s) {
         const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
@@ -60,8 +60,8 @@ const Q = "formFieldMaskedInputWrapper__e8c14f94", X = "formFieldMaskedInputPlac
     };
   }, D = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: n }).conformedValue, W = (e) => (t) => {
     t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
-  }, j = () => !y && !z || !s && g ? "" : x;
-  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${k}`]), children: [
+  }, j = () => !z && !k || !s && g ? "" : x;
+  return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${b}`]), children: [
     /* @__PURE__ */ m(
       "input",
       {

package/components/FormField/components/FormFieldPostfix.js

@@ -1,20 +1,20 @@
 import { jsx as d } from "react/jsx-runtime";
-import l, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as a } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
-const P = "formFieldPostfix__dc5f2945", R = {
+import l, { useContext as x, useRef as u, useEffect as a } from "react";
+import { FormFieldContext as F } from "../FormFieldContext.js";
+import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
+const P = "formFieldPostfix__d9c0ac9d", R = {
   formFieldPostfix: P
 }, _ = l.forwardRef(
-  ({ children: s, className: f, ...i }, o) => {
-    const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(a), e = u(), m = (t) => {
+  ({ children: s, className: i, ...r }, o) => {
+    const f = p(R.formFieldPostfix, i), { postfixWidth: c, setPostfixWidth: n } = x(F), e = u(), m = (t) => {
       e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     };
-    return F(() => {
+    return a(() => {
       if (!e.current)
         return;
       const { width: t } = e.current.getBoundingClientRect();
-      t !== n && c(t);
-    }), /* @__PURE__ */ d("span", { className: r, ref: m, ...i, children: s });
+      t !== c && n(t);
+    }), /* @__PURE__ */ d("span", { className: f, ref: m, ...r, children: s });
   }
 );
 _.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -1,20 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as x, useRef as u, useEffect as F } from "react";
-import { FormFieldContext as a } from "../FormFieldContext.js";
-import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
-const P = "formFieldPrefix__b555e782", R = {
+import { jsx as d } from "react/jsx-runtime";
+import l, { useContext as x, useRef as u, useEffect as a } from "react";
+import { FormFieldContext as F } from "../FormFieldContext.js";
+import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
+const P = "formFieldPrefix__ae28bd71", R = {
   formFieldPrefix: P
-}, _ = d.forwardRef(
+}, _ = l.forwardRef(
   ({ children: o, className: i, ...f }, r) => {
-    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
+    const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(F), t = u(), m = (e) => {
       t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
-    return F(() => {
+    return a(() => {
       if (!t.current)
         return;
       const { width: e } = t.current.getBoundingClientRect();
       e !== n && c(e);
-    }), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
+    }), /* @__PURE__ */ d("span", { className: s, ref: m, ...f, children: o });
   }
 );
 _.displayName = "FormFieldPrefix";

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
 import { jsx as _ } from "react/jsx-runtime";
 import b, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
-import { u as y, c as A } from "../../../chunks/vendor-BiObpx9E.js";
+import { u as y, c as A } from "../../../chunks/vendor-DudMBGKr.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
 import { EFormFieldStatus as d } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__00b5e1c9", M = "sm__26ad389e", R = "md__d9ffd574", j = "lg__35f13ce0", k = "placeholder__7cdbba3a", q = "disabled__31b1d2c0", w = "placeholderWrapper__e0611c0b", B = "active__41fe4b61", e = {
+const z = "formFieldTarget__966e65b3", M = "sm__f589f97d", R = "md__6b4d80bd", j = "lg__96b7f74b", k = "placeholder__f6858a2c", q = "disabled__680cc01e", w = "placeholderWrapper__c3d9f635", B = "active__13e73209", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -14,8 +14,8 @@ const z = "formFieldTarget__00b5e1c9", M = "sm__26ad389e", R = "md__d9ffd574", j
   placeholderWrapper: w,
   active: B
 }, G = W(e), H = b.forwardRef(
-  ({ children: c, id: o, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
-    const { size: I, status: s, active: v, labelId: x, setFilled: f, setFocused: l, setTargetId: n } = S(L), i = g(() => o === void 0 ? y("target_") : o, [o]), r = g(() => b.Children.toArray(c).length !== 0, [c]), E = A(e.formFieldTarget, G[I], T, {
+  ({ children: o, id: c, className: T, placeholder: p, onFocus: a, onBlur: t, ...u }, D) => {
+    const { size: I, status: s, active: v, labelId: x, setFilled: f, setFocused: l, setTargetId: n } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), r = g(() => b.Children.toArray(o).length !== 0, [o]), E = A(e.formFieldTarget, G[I], T, {
       [e.disabled]: s === d.DISABLED,
       [e.placeholder]: !!p && !r && s !== d.DISABLED,
       [e.active]: v
@@ -48,7 +48,7 @@ const z = "formFieldTarget__00b5e1c9", M = "sm__26ad389e", R = "md__d9ffd574", j
         onBlur: N,
         onFocus: C,
         ref: D,
-        children: r ? c : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
+        children: r ? o : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }