@sberbusiness/triplex-next 0.32.0 → 0.33.0

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -5,7 +5,7 @@ import { Text as z } from "../../Typography/Text.js";
 import { ETextSize as B } from "../../Typography/enums.js";
 import { Badge as D } from "../../Badge/Badge.js";
 import { EComponentSize as I } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-B-gfhyrz.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const M = x.forwardRef(
   ({ children: o, className: s, id: b, onClick: t, onSelect: i, selected: m, showNotificationIcon: e, ...a }, p) => {
     const f = (d) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ 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-B-gfhyrz.js";
+import { s } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.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-z35N2Tap.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__c5e71dbf", r = {
+const t = "dropdownMobileMaskedInput__b1686643", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, e), ...s });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,21 +1,21 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../chunks/vendor-z35N2Tap.js";
-const c = "ellipsisLineClamp__16b21a49", r = "oneLine__234d5803", i = {
+const c = "ellipsisLineClamp__d133a3b2", r = "oneLine__3e8d6191", e = {
   ellipsisLineClamp: c,
   oneLine: r
 }, L = t.forwardRef(
-  ({ children: e, maxLines: s, className: l, ...n }, o) => {
-    const p = m(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
+  ({ children: i, maxLines: s, className: l, ...n }, o) => {
+    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.32.0",
+        "data-tx": "0.33.0",
         ref: o,
-        children: e
+        children: i
       }
     );
   }

package/components/EmptyView/EmptyView.js

@@ -3,10 +3,10 @@ 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-z35N2Tap.js";
 import { Title as R } from "../Typography/Title.js";
-import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as E, EFontWeightText as S } from "../Typography/enums.js";
+import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as d, EFontWeightText as S } from "../Typography/enums.js";
 import { Text as _ } from "../Typography/Text.js";
 import { Gap as n } from "../Gap/Gap.js";
-const B = "emptyView__8d10ac5a", D = "container__bf5aea85", g = "icon__f46562aa", I = "textBlock__1f3364e3", t = {
+const B = "emptyView__ec114f0d", D = "container__0b1f6feb", g = "icon__74575a8a", I = "textBlock__e704d91b", t = {
   emptyView: B,
   container: D,
   icon: g,
@@ -24,7 +24,7 @@ const B = "emptyView__8d10ac5a", D = "container__bf5aea85", g = "icon__f46562aa"
   [i.SM]: 16,
   [i.MD]: 24
 }, k = N.forwardRef(
-  ({ className: f, size: o, icon: a, title: c, description: r, caption: m, buttons: d, ...w }, y) => {
+  ({ className: f, size: o, icon: a, title: c, description: r, caption: m, buttons: E, ...w }, y) => {
     const l = !!(r || m);
     return /* @__PURE__ */ s(
       "div",
@@ -45,7 +45,7 @@ const B = "emptyView__8d10ac5a", D = "container__bf5aea85", g = "icon__f46562aa"
                   {
                     size: T[o],
                     weight: S.REGULAR,
-                    type: c ? E.SECONDARY : E.PRIMARY,
+                    type: c ? d.SECONDARY : d.PRIMARY,
                     children: r
                   }
                 ),
@@ -55,16 +55,16 @@ const B = "emptyView__8d10ac5a", D = "container__bf5aea85", g = "icon__f46562aa"
                   {
                     size: T[o],
                     weight: S.REGULAR,
-                    type: E.SECONDARY,
+                    type: d.SECONDARY,
                     children: m
                   }
                 )
               ] })
             ] })
           ] }),
-          d && /* @__PURE__ */ s(x, { children: [
+          E && /* @__PURE__ */ s(x, { children: [
             /* @__PURE__ */ e(n, { size: z[o] }),
-            /* @__PURE__ */ e("div", { className: t.buttons, children: d })
+            /* @__PURE__ */ e("div", { className: t.buttons, children: E })
           ] })
         ]
       }

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import N, { useRef as y } from "react";
 import { z as U, c as j } from "../../chunks/vendor-z35N2Tap.js";
-const z = "expandAnimation__9b22944f", F = {
+const z = "expandAnimation__098b8168", F = {
   expandAnimation: z
 }, I = 300, L = N.forwardRef(
   ({

package/components/FocusTrapExtended/FocusTrapExtended.js

@@ -0,0 +1,34 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import { F as s } from "../../chunks/vendor-z35N2Tap.js";
+const F = ({ focusTrapOptions: e, ...i }) => {
+  const u = n(!1);
+  return /* @__PURE__ */ l(
+    s,
+    {
+      ...i,
+      focusTrapOptions: {
+        ...e,
+        clickOutsideDeactivates: (t) => {
+          if (typeof (e == null ? void 0 : e.clickOutsideDeactivates) == "function") {
+            const r = e.clickOutsideDeactivates(t);
+            return r && (u.current = !0), r;
+          }
+          return u.current = !0, !0;
+        },
+        setReturnFocus: (t) => {
+          const r = u.current;
+          if (u.current = !1, typeof (e == null ? void 0 : e.setReturnFocus) == "function") {
+            const c = e.setReturnFocus(t);
+            return r && c === t ? !1 : c;
+          }
+          return r ? !1 : t;
+        }
+      }
+    }
+  );
+};
+export {
+  F as FocusTrapExtended
+};
+//# sourceMappingURL=FocusTrapExtended.js.map

package/components/FocusTrapExtended/index.js

@@ -0,0 +1,5 @@
+import { FocusTrapExtended as r } from "./FocusTrapExtended.js";
+export {
+  r as FocusTrapExtended
+};
+//# sourceMappingURL=index.js.map

package/components/Footer/Footer.js

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

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ 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-z35N2Tap.js";
-import { s as c } from "../../../chunks/Footer.module-CHW5czGs.js";
+import { s as c } from "../../../chunks/Footer.module-cwVzdGju.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: r, ...t }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, r), ...t, 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-z35N2Tap.js";
-import { s as n } from "../../../chunks/Footer.module-CHW5czGs.js";
+import { s as n } from "../../../chunks/Footer.module-cwVzdGju.js";
 const p = 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-z35N2Tap.js";
-import { s as p } from "../../../chunks/Footer.module-CHW5czGs.js";
+import { s as p } from "../../../chunks/Footer.module-cwVzdGju.js";
 const a = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(p.footerDescriptionControls, r), ...s, ref: t, children: o })
 );

package/components/FormField/FormField.js

@@ -1,4 +1,4 @@
-import { jsx as c } from "react/jsx-runtime";
+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-z35N2Tap.js";
 import { FormFieldContext as v } from "./FormFieldContext.js";
@@ -6,12 +6,12 @@ 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__94ffe16d", W = "sm__cd879807", G = "md__86f475a9", M = "lg__b5bd551f", P = "active__4eee5b99", y = "disabled__a54581cd", U = "error__a447f988", j = "warning__49e4137a", z = "filled__7cd8e5b4", e = {
+const S = "formField__2108a251", W = "sm__adbff320", G = "md__1362e114", M = "lg__8c555fdd", P = "active__a6dceb30", y = "disabled__4024fd08", U = "error__19c8584a", j = "warning__f4c2ed1d", z = "filled__c7b8e11e", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__61d2315e",
+  default: "default__0becb556",
   active: P,
   disabled: y,
   error: U,
@@ -27,22 +27,22 @@ const S = "formField__94ffe16d", W = "sm__cd879807", G = "md__86f475a9", M = "lg
     children: p,
     className: F,
     style: g,
-    size: d = w.LG,
+    size: s = w.LG,
     status: r = o.DEFAULT,
     active: a = !1,
     ...b
   }, u) => {
-    const [f, x] = t(), [n, T] = t(), [i, E] = t(_), [l, N] = t(_), [m, R] = t(!1), [s, A] = t(!1), D = L(
+    const [m, x] = t(), [f, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [d, A] = t(!1), D = L(
       () => ({
-        size: d,
+        size: s,
         status: r,
-        targetId: f,
-        labelId: n,
+        targetId: m,
+        labelId: f,
         postfixWidth: i,
         prefixWidth: l,
-        filled: m,
-        focused: s,
-        active: a || s,
+        filled: c,
+        focused: d,
+        active: a || d,
         setTargetId: x,
         setLabelId: T,
         setPostfixWidth: E,
@@ -50,22 +50,22 @@ const S = "formField__94ffe16d", W = "sm__cd879807", G = "md__86f475a9", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [d, r, f, n, i, l, m, s, a]
+      [s, r, m, f, i, l, c, d, a]
     );
-    return /* @__PURE__ */ c(v.Provider, { value: D, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
       "div",
       {
         className: h(
           e.formField,
-          O[d],
+          O[s],
           B[r],
           {
-            [e.filled]: m,
-            [e.active]: a || s
+            [e.filled]: c,
+            [e.active]: a || d
           },
           F
         ),
-        "data-tx": "0.32.0",
+        "data-tx": "0.33.0",
         style: { paddingLeft: l, paddingRight: i, ...g },
         ...b,
         ref: u,

package/components/FormField/components/FormFieldClear.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
-import i, { useCallback as c } from "react";
+import c, { useCallback as i } from "react";
 import { c as f } from "../../../chunks/vendor-z35N2Tap.js";
 import { CrossStrokeSrvIcon16 as s } from "@sberbusiness/icons-next";
 import { ButtonIcon as d } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__45549a58", C = {
+const p = "formFieldClear__a3e197cb", C = {
   formFieldClear: p
-}, F = i.forwardRef(
+}, F = c.forwardRef(
   ({ className: a, onMouseDown: r, ...t }, m) => {
-    const o = c(
+    const o = i(
       (e) => {
         e.preventDefault(), r == null || r(e);
       },

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useContext as n, useEffect as i } from "react";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__439b593f", u = {
+const s = "formFieldCounter__4399dfe2", u = {
   formFieldCounter: s
 }, f = ({ children: o, ...r }) => {
   const { setWithCounter: e } = n(m);

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 as m } from "../../../chunks/vendor-z35N2Tap.js";
-import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__b4b089f8", p = "withCounter__6ebfb891", i = {
+import { c } from "../../../chunks/vendor-z35N2Tap.js";
+import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__9d727924", p = "withCounter__5c543a05", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: e, ...r }) => {
+}, d = ({ children: r, ...e }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -5,7 +5,7 @@ import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-DZ9wvF_L.js";
+import { F as d } from "../../../chunks/FormFieldInput-CLHhO8Kh.js";
 export {
   d as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -1,11 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } 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-z35N2Tap.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__20be502c", R = "sm__cd879807", v = "md__86f475a9", z = "lg__b5bd551f", G = "floating__70241558", W = "formFieldLabelText__2004c833", j = "disabled__a54581cd", e = {
+import { TARGET_PADDING_X_DEFAULT as s } from "../consts.js";
+const M = "formFieldLabel__6223122a", R = "sm__adbff320", v = "md__1362e114", z = "lg__8c555fdd", G = "floating__57d060ae", W = "formFieldLabelText__7ada2d39", j = "disabled__4024fd08", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,25 +14,25 @@ const M = "formFieldLabel__20be502c", R = "sm__cd879807", v = "md__86f475a9", z
   formFieldLabelText: W,
   disabled: j
 }, q = D(e), w = A.forwardRef(
-  ({ children: i, id: t, className: m, style: d, floating: r, ...f }, 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]), x = r ?? (F || L), u = h(
+  ({ children: i, id: t, className: d, style: m, floating: r, ...f }, n) => {
+    const { targetId: c, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), x = r ?? (F || L), u = h(
       e.formFieldLabel,
       q[_],
       {
         [e.floating]: x,
         [e.disabled]: b === C.DISABLED
       },
-      m
+      d
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: g || a,
+      left: g || s,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: p || a,
-      ...d
+      right: p || s,
+      ...m
     };
     return I(() => {
       o(l);
-    }, [l, o]), /* @__PURE__ */ s("label", { ...f, id: l, className: u, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
+    }, [l, o]), /* @__PURE__ */ a("label", { ...f, id: l, className: u, htmlFor: c, style: T, ref: n, children: /* @__PURE__ */ a("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
 w.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldMaskedInput.js

@@ -2,15 +2,15 @@ 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, m as q, n as p } from "../../../chunks/vendor-z35N2Tap.js";
 import { presets as G } from "./FormFieldMaskedInputPresets.js";
-import { s as H, F as J } from "../../../chunks/FormFieldInput-DZ9wvF_L.js";
+import { s as H, F as J } from "../../../chunks/FormFieldInput-CLHhO8Kh.js";
 import { FormFieldContext as K } from "../FormFieldContext.js";
 import { EFormFieldStatus as V } from "../enums.js";
-const Q = "formFieldMaskedInputWrapper__05caf8a1", X = "formFieldMaskedInputPlaceholder__ce8e634f", Y = "formFieldMaskedInput__24b3bdbe", u = {
+const Q = "formFieldMaskedInputWrapper__4c8bfd73", X = "formFieldMaskedInputPlaceholder__e48ffa63", Y = "formFieldMaskedInput__caa3000c", u = {
   formFieldMaskedInputWrapper: Q,
   formFieldMaskedInputPlaceholder: X,
-  "size-sm": "size-sm__181392cc",
-  "size-md": "size-md__b7183451",
-  "size-lg": "size-lg__65353574",
+  "size-sm": "size-sm__061b2fd9",
+  "size-md": "size-md__967ea380",
+  "size-lg": "size-lg__b7775011",
   formFieldMaskedInput: Y
 }, a = ({
   className: I,
@@ -23,9 +23,9 @@ const Q = "formFieldMaskedInputWrapper__05caf8a1", X = "formFieldMaskedInputPlac
   value: s,
   ...M
 }) => {
-  const [x, b] = $(""), c = L(!1), { filled: y, focused: z, size: k, status: _ } = N(K);
+  const [x, y] = $(""), c = L(!1), { filled: z, focused: b, size: k, status: _ } = N(K);
   O(() => {
-    b((() => {
+    y((() => {
       let t = [];
       if (s) {
         const { conformedValue: i } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: n });
@@ -60,7 +60,7 @@ const Q = "formFieldMaskedInputWrapper__05caf8a1", X = "formFieldMaskedInputPlac
     };
   }, D = () => o === a.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;
+  }, j = () => !z && !b || !s && g ? "" : x;
   return /* @__PURE__ */ B("div", { className: F(u.formFieldMaskedInputWrapper, u[`size-${k}`]), children: [
     /* @__PURE__ */ m(
       "input",

package/components/FormField/components/FormFieldPostfix.js

@@ -3,11 +3,11 @@ import F, { useContext as a, useRef as p, useEffect as P } from "react";
 import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
-const N = "formFieldPostfix__d963d28e", b = {
+const N = "formFieldPostfix__263f1412", b = {
   formFieldPostfix: N
 }, g = F.forwardRef(
   ({ children: n, className: c, ...m }, t) => {
-    const { setPostfixWidth: o } = a(_), s = p(), d = R(b.formFieldPostfix, c), l = (e) => {
+    const { setPostfixWidth: o } = a(_), s = p(), l = R(b.formFieldPostfix, c), d = (e) => {
       s.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
     };
     return P(() => {
@@ -21,7 +21,7 @@ const N = "formFieldPostfix__d963d28e", b = {
       return r.observe(e), () => {
         r.disconnect(), o(w);
       };
-    }, [o]), /* @__PURE__ */ u("span", { className: d, ...m, ref: l, children: n });
+    }, [o]), /* @__PURE__ */ u("span", { className: l, ...m, ref: d, children: n });
   }
 );
 g.displayName = "FormFieldPostfix";

package/components/FormField/components/FormFieldPrefix.js

@@ -2,12 +2,12 @@ import { jsx as u } from "react/jsx-runtime";
 import F, { useContext as a, useRef as p, useEffect as P } from "react";
 import { c as R } from "../../../chunks/vendor-z35N2Tap.js";
 import { FormFieldContext as _ } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as w } from "../consts.js";
-const N = "formFieldPrefix__96da0376", b = {
-  formFieldPrefix: N
+import { TARGET_PADDING_X_DEFAULT as b } from "../consts.js";
+const w = "formFieldPrefix__2dab2148", N = {
+  formFieldPrefix: w
 }, g = F.forwardRef(
   ({ children: n, className: c, ...m }, r) => {
-    const { setPrefixWidth: t } = a(_), o = p(), l = R(b.formFieldPrefix, c), d = (e) => {
+    const { setPrefixWidth: t } = a(_), o = p(), l = R(N.formFieldPrefix, c), d = (e) => {
       o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
     };
     return P(() => {
@@ -19,7 +19,7 @@ const N = "formFieldPrefix__96da0376", b = {
         t((f) => f !== i ? i : f);
       });
       return s.observe(e), () => {
-        s.disconnect(), t(w);
+        s.disconnect(), t(b);
       };
     }, [t]), /* @__PURE__ */ u("span", { className: l, ...m, ref: d, children: n });
   }

package/components/FormField/components/FormFieldTarget.js

@@ -1,10 +1,10 @@
-import { jsx as b } from "react/jsx-runtime";
-import _, { useContext as S, useMemo as g, useLayoutEffect as h, useCallback as F } from "react";
+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-z35N2Tap.js";
 import { FormFieldContext as L } from "../FormFieldContext.js";
-import { EFormFieldStatus as d } from "../enums.js";
+import { EFormFieldStatus as l } from "../enums.js";
 import { createSizeToClassNameMap as W } from "../../../utils/classNameMaps.js";
-const z = "formFieldTarget__fb3ecb20", M = "sm__cd879807", R = "md__86f475a9", j = "lg__b5bd551f", k = "placeholder__91b875f7", q = "disabled__a54581cd", w = "placeholderWrapper__74a2f5b9", B = "active__4eee5b99", e = {
+const z = "formFieldTarget__0e3daa0d", M = "sm__adbff320", R = "md__1362e114", j = "lg__8c555fdd", k = "placeholder__95c3d3fb", q = "disabled__4024fd08", w = "placeholderWrapper__c7318270", B = "active__a6dceb30", e = {
   formFieldTarget: z,
   sm: M,
   md: R,
@@ -13,42 +13,42 @@ const z = "formFieldTarget__fb3ecb20", M = "sm__cd879807", R = "md__86f475a9", j
   disabled: q,
   placeholderWrapper: w,
   active: B
-}, G = W(e), H = _.forwardRef(
+}, G = W(e), H = b.forwardRef(
   ({ children: o, id: c, className: T, placeholder: p, onFocus: a, onBlur: t, ...D }, I) => {
-    const { size: u, status: s, active: v, labelId: x, setFilled: f, setFocused: r, setTargetId: n } = S(L), i = g(() => c === void 0 ? y("target_") : c, [c]), l = g(() => _.Children.toArray(o).length !== 0, [o]), E = A(e.formFieldTarget, G[u], T, {
-      [e.disabled]: s === d.DISABLED,
-      [e.placeholder]: !!p && !l && s !== d.DISABLED,
+    const { size: u, status: s, active: v, labelId: x, setFilled: f, setFocused: d, 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[u], T, {
+      [e.disabled]: s === l.DISABLED,
+      [e.placeholder]: !!p && !r && s !== l.DISABLED,
       [e.active]: v
     });
     h(() => {
       n(i);
     }, [i, n]), h(() => {
-      f(l);
-    }, [l, f]);
+      f(r);
+    }, [r, f]);
     const C = F(
       (m) => {
-        r(!0), a == null || a(m);
+        d(!0), a == null || a(m);
       },
-      [a, r]
+      [a, d]
     ), N = F(
       (m) => {
-        r(!1), t == null || t(m);
+        d(!1), t == null || t(m);
       },
-      [t, r]
+      [t, d]
     );
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ _(
       "div",
       {
         ...D,
         id: i,
         className: E,
-        tabIndex: s === d.DISABLED ? -1 : 0,
+        tabIndex: s === l.DISABLED ? -1 : 0,
         "aria-labelledby": x,
-        "aria-disabled": s === d.DISABLED,
+        "aria-disabled": s === l.DISABLED,
         onBlur: N,
         onFocus: C,
         ref: I,
-        children: l ? o : /* @__PURE__ */ b("span", { className: e.placeholderWrapper, children: p })
+        children: r ? o : /* @__PURE__ */ _("span", { className: e.placeholderWrapper, children: p })
       }
     );
   }

package/components/FormField/components/FormFieldTextarea.js

@@ -5,18 +5,18 @@ import { createSizeToClassNameMap as R } from "../../../utils/classNameMaps.js";
 import { FormFieldContext as W } from "../FormFieldContext.js";
 import { EFormFieldStatus as j } from "../enums.js";
 import { isFilled as q } from "./utils.js";
-const w = "formFieldTextarea__b08a00b7", G = "sm__cd879807", H = "md__86f475a9", J = "lg__b5bd551f", u = {
+const w = "formFieldTextarea__52c0ec32", G = "sm__adbff320", H = "md__1362e114", J = "lg__8c555fdd", u = {
   formFieldTextarea: w,
   sm: G,
   md: H,
   lg: J
 }, K = R(u), O = M.forwardRef(
-  ({ id: c, className: p, value: s, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
-    const { size: b, status: g, setFocused: o, setTargetId: T, setFilled: d } = n(W), f = C(() => c === void 0 ? D("textarea_") : c, [c]), h = L(u.formFieldTextarea, K[b], p), t = a(
+  ({ id: d, className: p, value: s, defaultValue: F, onFocus: r, onBlur: l, onAnimationStart: m, onChange: i, ..._ }, N) => {
+    const { size: g, status: h, setFocused: o, setTargetId: T, setFilled: c } = n(W), f = C(() => d === void 0 ? D("textarea_") : d, [d]), y = L(u.formFieldTextarea, K[g], p), t = a(
       (e) => {
-        d(q(e));
+        c(q(e));
       },
-      [d]
+      [c]
     );
     x(() => {
       T(f);
@@ -25,7 +25,7 @@ const w = "formFieldTextarea__b08a00b7", G = "sm__cd879807", H = "md__86f475a9",
     }, []), x(() => {
       s !== void 0 && t(s);
     }, [s, t]);
-    const y = a(
+    const b = a(
       (e) => {
         t(e.currentTarget.value), o(!0), r == null || r(e);
       },
@@ -37,9 +37,9 @@ const w = "formFieldTextarea__b08a00b7", G = "sm__cd879807", H = "md__86f475a9",
       [t, o, l]
     ), z = a(
       (e) => {
-        e.animationName.startsWith("autofill-applied-hook") ? d(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
+        e.animationName.startsWith("autofill-applied-hook") ? c(!0) : e.animationName.startsWith("autofill-cancelled-hook") && t(e.currentTarget.value), m == null || m(e);
       },
-      [d, t, m]
+      [c, t, m]
     ), E = a(
       (e) => {
         t(e.currentTarget.value), i == null || i(e);
@@ -51,11 +51,11 @@ const w = "formFieldTextarea__b08a00b7", G = "sm__cd879807", H = "md__86f475a9",
       {
         ..._,
         id: f,
-        className: h,
+        className: y,
         value: s,
         defaultValue: F,
-        disabled: g === j.DISABLED,
-        onFocus: y,
+        disabled: h === j.DISABLED,
+        onFocus: b,
         onBlur: k,
         onAnimationStart: z,
         onChange: E,

package/components/FormField/components/index.js

@@ -1,7 +1,7 @@
 import { FormFieldClear as e } from "./FormFieldClear.js";
 import { FormFieldCounter as m } from "./FormFieldCounter.js";
 import { FormFieldDescription as i } from "./FormFieldDescription.js";
-import { F as x } from "../../../chunks/FormFieldInput-DZ9wvF_L.js";
+import { F as x } from "../../../chunks/FormFieldInput-CLHhO8Kh.js";
 import { FormFieldLabel as l } from "./FormFieldLabel.js";
 import { FormFieldMaskedInput as a } from "./FormFieldMaskedInput.js";
 import { FormFieldPostfix as s } from "./FormFieldPostfix.js";