@sberbusiness/triplex-next 0.35.0 → 0.36.0

package/components/DesignTokens/DesignTokenUtils.js

@@ -8,7 +8,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "0.35.0";
+    let tokenVersion = "0.36.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/Divider/Divider.js

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const divider = "divider__9c84a7c5";
+const divider = "divider__7aa0568f";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__a750b025",
-  "marginBottomSize-4": "marginBottomSize-4__f4dcd439",
-  "marginTopSize-8": "marginTopSize-8__9657804c",
-  "marginBottomSize-8": "marginBottomSize-8__72f0b74b",
-  "marginTopSize-12": "marginTopSize-12__9695af58",
-  "marginBottomSize-12": "marginBottomSize-12__3350a884",
-  "marginTopSize-16": "marginTopSize-16__154f3620",
-  "marginBottomSize-16": "marginBottomSize-16__5235a846",
-  "marginTopSize-20": "marginTopSize-20__e3a55f47",
-  "marginBottomSize-20": "marginBottomSize-20__af05e498",
-  "marginTopSize-24": "marginTopSize-24__0937f97c",
-  "marginBottomSize-24": "marginBottomSize-24__7bddc161",
-  "marginTopSize-28": "marginTopSize-28__e3e54392",
-  "marginBottomSize-28": "marginBottomSize-28__e9717e2f",
-  "marginTopSize-32": "marginTopSize-32__155433ff",
-  "marginBottomSize-32": "marginBottomSize-32__9fb2ac7c"
+  "marginTopSize-4": "marginTopSize-4__91c4b5fd",
+  "marginBottomSize-4": "marginBottomSize-4__4813872f",
+  "marginTopSize-8": "marginTopSize-8__191e8aae",
+  "marginBottomSize-8": "marginBottomSize-8__5c05a089",
+  "marginTopSize-12": "marginTopSize-12__5f12870e",
+  "marginBottomSize-12": "marginBottomSize-12__81238ef2",
+  "marginTopSize-16": "marginTopSize-16__c3e47ae7",
+  "marginBottomSize-16": "marginBottomSize-16__1191a860",
+  "marginTopSize-20": "marginTopSize-20__6426adbc",
+  "marginBottomSize-20": "marginBottomSize-20__709e7239",
+  "marginTopSize-24": "marginTopSize-24__9903b055",
+  "marginBottomSize-24": "marginBottomSize-24__8874f892",
+  "marginTopSize-28": "marginTopSize-28__fd1449f0",
+  "marginBottomSize-28": "marginBottomSize-28__e0bb75c4",
+  "marginTopSize-32": "marginTopSize-32__f8292fa3",
+  "marginBottomSize-32": "marginBottomSize-32__4ed4e2ea"
 };
 const Divider = (props) => {
   const { className, marginTopSize, marginBottomSize, ...htmlDivAttributes } = props;

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,9 +8,9 @@ import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__e5e80728";
-const label = "label__4e25be06";
-const inputEditWrapper = "inputEditWrapper__10f637c0";
+const documentNumberEdit = "documentNumberEdit__1eba267b";
+const label = "label__263bfaa3";
+const inputEditWrapper = "inputEditWrapper__002222d1";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -6,11 +6,11 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__79e81ea0";
-const sm = "sm__fe4818e1";
-const md = "md__76a18b09";
-const lg = "lg__afc44882";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__e03e7b83";
+const dropdownDesktop = "dropdownDesktop__3cf85377";
+const sm = "sm__27390b9e";
+const md = "md__8d67fa12";
+const lg = "lg__a1f93d98";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__6ed69f5a";
 const styles = {
   dropdownDesktop,
   sm,
@@ -168,7 +168,7 @@ const DropdownDesktop = React.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "0.35.0",
+      "data-tx": "0.36.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext, useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-CxquNNVe.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-C8XRR4IC.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../DropdownListContext.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-BtZO8a0z.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-CxquNNVe.js";
+import { D } from "../../../chunks/DropdownListItem-C8XRR4IC.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop } from "./DropdownDesktop.js";
 import { DropdownList } from "./DropdownList.js";
-import { D } from "../../../chunks/DropdownListItem-CxquNNVe.js";
+import { D } from "../../../chunks/DropdownListItem-C8XRR4IC.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
   DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-CxquNNVe.js";
+import { D } from "../../chunks/DropdownListItem-C8XRR4IC.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
 import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useEffect } from "react";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner } from "./DropdownMobileInner.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
 const DropdownMobile = React.forwardRef(
   ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
@@ -20,7 +20,7 @@ const DropdownMobile = React.forwardRef(
         ...props,
         ...htmlAttributes,
         ref,
-        "data-tx": "0.35.0",
+        "data-tx": "0.36.0",
         children
       }
     ) });

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileBody = React.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import React from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileClose = React.forwardRef(
   ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileFooter = React.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileHeader = React.forwardRef(
   ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
     /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileInner = React.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const dropdownMobileInput = "dropdownMobileInput__730352f5";
+const dropdownMobileInput = "dropdownMobileInput__c19b1753";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileList = React.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {
     const [loaderId] = useState(() => uniqueId());

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -5,7 +5,7 @@ import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileListItem = React.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CrawIKRZ.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-CTL70ZqV.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__868674e4";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__80e8d073";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const ellipsisLineClamp = "ellipsisLineClamp__00437bd2";
-const oneLine = "oneLine__dc5cc24e";
+const ellipsisLineClamp = "ellipsisLineClamp__8d265a34";
+const oneLine = "oneLine__7cb75cc5";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "0.35.0",
+        "data-tx": "0.36.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -6,10 +6,10 @@ import { Title } from "../Typography/Title.js";
 import { EFontWeightTitle, ETitleSize, ETextSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__09f9deee";
-const container = "container__13164a98";
-const icon = "icon__04cd7960";
-const textBlock = "textBlock__b0843551";
+const emptyView = "emptyView__e7a91bad";
+const container = "container__af680f94";
+const icon = "icon__2d3246d8";
+const textBlock = "textBlock__64618ede";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
 import { z as Transition, c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const expandAnimation = "expandAnimation__3bcac960";
+const expandAnimation = "expandAnimation__1edd0dd7";
 const styles = {
   expandAnimation
 };

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const Footer = Object.assign(
   React.forwardRef(function Footer2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.35.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.36.0", ref, children });
   }),
   {
     Description: FooterDescription

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import React from "react";
 import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Footer.module-Cn6rIy59.js";
+import { s as styles } from "../../../chunks/Footer.module-MRAKxABH.js";
 const FooterDescription = Object.assign(
   React.forwardRef(function FooterDescription2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescription, className), ...rest, ref, children });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Footer.module-Cn6rIy59.js";
+import { s as styles } from "../../../chunks/Footer.module-MRAKxABH.js";
 const FooterDescriptionContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionContent, className), ...rest, ref, children })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Footer.module-Cn6rIy59.js";
+import { s as styles } from "../../../chunks/Footer.module-MRAKxABH.js";
 const FooterDescriptionControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionControls, className), ...rest, ref, children })
 );

package/components/FormField/FormField.js

@@ -6,21 +6,21 @@ import { TARGET_PADDING_X_DEFAULT } from "./consts.js";
 import { EFormFieldStatus } from "./enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const formField = "formField__5b77f8c1";
-const sm = "sm__0e1871c5";
-const md = "md__ec2fee36";
-const lg = "lg__7a625f21";
-const active = "active__f87da8bb";
-const disabled = "disabled__75eebd0c";
-const error = "error__f74a8bcd";
-const warning = "warning__c0224c20";
-const filled = "filled__df243623";
+const formField = "formField__c1a5b74a";
+const sm = "sm__c4f1d1c5";
+const md = "md__3a617b6d";
+const lg = "lg__b15ccaed";
+const active = "active__6e88a7e1";
+const disabled = "disabled__e8c6f41e";
+const error = "error__882c51a6";
+const warning = "warning__f30eade0";
+const filled = "filled__859b2409";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__02c49b61",
+  "default": "default__bf67ea5d",
   active,
   disabled,
   error,
@@ -83,7 +83,7 @@ const FormField = React.forwardRef(
           },
           className
         ),
-        "data-tx": "0.35.0",
+        "data-tx": "0.36.0",
         style: { paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style },
         ...htmlDivAttributes,
         ref,

package/components/FormField/components/FormFieldClear.js

@@ -3,7 +3,7 @@ import React, { useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__8ae8e139";
+const formFieldClear = "formFieldClear__59792c8a";
 const styles = {
   formFieldClear
 };

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__3b22f594";
+const formFieldCounter = "formFieldCounter__56e65d0f";
 const styles = {
   formFieldCounter
 };

package/components/FormField/components/FormFieldDescription.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__e51a20a7";
-const withCounter = "withCounter__20f7b5df";
+const formFieldDescription = "formFieldDescription__0b31ea99";
+const withCounter = "withCounter__30b590b9";
 const styles = {
   formFieldDescription,
   withCounter

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 } from "../../../chunks/FormFieldInput-C19hNK5B.js";
+import { F } from "../../../chunks/FormFieldInput-B5knOj4H.js";
 export {
   F as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -5,13 +5,13 @@ import { FormFieldContext } from "../FormFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldLabel = "formFieldLabel__1b503d77";
-const sm = "sm__0e1871c5";
-const md = "md__ec2fee36";
-const lg = "lg__7a625f21";
-const floating = "floating__c279e553";
-const formFieldLabelText = "formFieldLabelText__a3b003e2";
-const disabled = "disabled__75eebd0c";
+const formFieldLabel = "formFieldLabel__4e8a6caa";
+const sm = "sm__c4f1d1c5";
+const md = "md__3a617b6d";
+const lg = "lg__b15ccaed";
+const floating = "floating__691f75c5";
+const formFieldLabelText = "formFieldLabelText__49e9b830";
+const disabled = "disabled__e8c6f41e";
 const styles = {
   formFieldLabel,
   sm,

package/components/FormField/components/FormFieldMaskedInput.js

@@ -2,18 +2,18 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useContext, useEffect, useCallback } from "react";
 import { c as clsx, m as MaskedInputTextMask, n as reactTextMaskExports } from "../../../chunks/vendor-BtZO8a0z.js";
 import { presets } from "./FormFieldMaskedInputPresets.js";
-import { s as stylesFormFieldInput, F as FormFieldInput } from "../../../chunks/FormFieldInput-C19hNK5B.js";
+import { s as stylesFormFieldInput, F as FormFieldInput } from "../../../chunks/FormFieldInput-B5knOj4H.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
-const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__2c83c058";
-const formFieldMaskedInputPlaceholder = "formFieldMaskedInputPlaceholder__678d1918";
-const formFieldMaskedInput = "formFieldMaskedInput__96e01edc";
+const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__444cf192";
+const formFieldMaskedInputPlaceholder = "formFieldMaskedInputPlaceholder__c8d2dda9";
+const formFieldMaskedInput = "formFieldMaskedInput__0f15776c";
 const styles = {
   formFieldMaskedInputWrapper,
   formFieldMaskedInputPlaceholder,
-  "size-sm": "size-sm__5d2e9818",
-  "size-md": "size-md__76275b62",
-  "size-lg": "size-lg__3ef94901",
+  "size-sm": "size-sm__597e1db0",
+  "size-md": "size-md__771629a0",
+  "size-lg": "size-lg__2060ce5f",
   formFieldMaskedInput
 };
 const FormFieldMaskedInput = ({

package/components/FormField/components/FormFieldPostfix.js

@@ -3,7 +3,7 @@ import React, { useContext, useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldPostfix = "formFieldPostfix__3c0741ba";
+const formFieldPostfix = "formFieldPostfix__cb66e924";
 const styles = {
   formFieldPostfix
 };

package/components/FormField/components/FormFieldPrefix.js

@@ -3,7 +3,7 @@ import React, { useContext, useRef, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldPrefix = "formFieldPrefix__a43fe35e";
+const formFieldPrefix = "formFieldPrefix__8a3a4cd8";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -4,14 +4,14 @@ import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__82c729be";
-const sm = "sm__0e1871c5";
-const md = "md__ec2fee36";
-const lg = "lg__7a625f21";
-const placeholder = "placeholder__5ccb3717";
-const disabled = "disabled__75eebd0c";
-const placeholderWrapper = "placeholderWrapper__70081b52";
-const active = "active__f87da8bb";
+const formFieldTarget = "formFieldTarget__69e5b4b2";
+const sm = "sm__c4f1d1c5";
+const md = "md__3a617b6d";
+const lg = "lg__b15ccaed";
+const placeholder = "placeholder__9a4d5ab3";
+const disabled = "disabled__e8c6f41e";
+const placeholderWrapper = "placeholderWrapper__fd5380c7";
+const active = "active__6e88a7e1";
 const styles = {
   formFieldTarget,
   sm,

package/components/FormField/components/FormFieldTextarea.js

@@ -5,10 +5,10 @@ import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__af7ed6a2";
-const sm = "sm__0e1871c5";
-const md = "md__ec2fee36";
-const lg = "lg__7a625f21";
+const formFieldTextarea = "formFieldTextarea__458debb5";
+const sm = "sm__c4f1d1c5";
+const md = "md__3a617b6d";
+const lg = "lg__b15ccaed";
 const styles = {
   formFieldTextarea,
   sm,

package/components/FormField/components/index.js

@@ -1,7 +1,7 @@
 import { FormFieldClear } from "./FormFieldClear.js";
 import { FormFieldCounter } from "./FormFieldCounter.js";
 import { FormFieldDescription } from "./FormFieldDescription.js";
-import { F } from "../../../chunks/FormFieldInput-C19hNK5B.js";
+import { F } from "../../../chunks/FormFieldInput-B5knOj4H.js";
 import { FormFieldLabel } from "./FormFieldLabel.js";
 import { FormFieldMaskedInput } from "./FormFieldMaskedInput.js";
 import { FormFieldPostfix } from "./FormFieldPostfix.js";

package/components/FormField/index.js

@@ -2,7 +2,7 @@ import { EFormFieldStatus } from "./enums.js";
 import { FormFieldClear } from "./components/FormFieldClear.js";
 import { FormFieldCounter } from "./components/FormFieldCounter.js";
 import { FormFieldDescription } from "./components/FormFieldDescription.js";
-import { F } from "../../chunks/FormFieldInput-C19hNK5B.js";
+import { F } from "../../chunks/FormFieldInput-B5knOj4H.js";
 import { FormFieldLabel } from "./components/FormFieldLabel.js";
 import { FormFieldMaskedInput } from "./components/FormFieldMaskedInput.js";
 import { FormFieldPostfix } from "./components/FormFieldPostfix.js";

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import React from "react";
-const size4 = "size4__8b702da6";
-const size8 = "size8__586316d3";
-const size12 = "size12__863fb46a";
-const size16 = "size16__809b451f";
-const size24 = "size24__d578b3c6";
-const size32 = "size32__60365533";
-const size64 = "size64__67948c49";
-const size128 = "size128__d2101262";
+const size4 = "size4__f7b49507";
+const size8 = "size8__d337b1b9";
+const size12 = "size12__032d7af6";
+const size16 = "size16__3ba7ff0b";
+const size24 = "size24__e7ebf388";
+const size32 = "size32__e097471d";
+const size64 = "size64__23dfdf10";
+const size128 = "size128__0b183347";
 const styles = {
   size4,
   size8,

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const Header = Object.assign(
   React.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.35.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.36.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -3,7 +3,7 @@ import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-Ba-AAUB7.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-Du2bfk-0.js";
 const HeaderLayoutSidebar = Object.assign(
   React.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });