@sberbusiness/triplex-next 0.31.0 → 0.33.0

package/components/DesignTokens/components/LightBox.js

@@ -1,11 +1,17 @@
-const o = ["Backdrop_Background", "Content_Background"], r = {
+const r = [
+  "Backdrop_Background",
+  "Content_Background",
+  "SideOverlay_Background"
+], o = {
   Backdrop_Background: [{ ref: "ColorDarkNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.30" }],
   // var(--triplex-next-LightBox-Backdrop_Background)
-  Content_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.0" }]
+  Content_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.0" }],
   // var(--triplex-next-LightBox-Content_Background)
+  SideOverlay_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.20" }]
+  // var(--triplex-next-LightBox-SideOverlay_Background)
 };
 export {
-  r as LightBox_Tokens,
-  o as designTokensComponentsLightBoxKeys
+  o as LightBox_Tokens,
+  r as designTokensComponentsLightBoxKeys
 };
 //# sourceMappingURL=LightBox.js.map

package/components/DesignTokens/components/Tabs.js

@@ -10,11 +10,11 @@ const r = [
   "Tab_BorderColor_Default",
   "Tab_BorderColor_Focus"
 ], e = {
-  Type1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  Type1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Tabs-Type1_Background)
   Type2_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Tabs-Type2_Background)
-  Type1_Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  Type1_Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Tabs-Type1_Tab_Background_Default)
   Type2_Tab_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Tabs-Type2_Tab_Background_Default)

package/components/Divider/Divider.js

@@ -1,31 +1,31 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor-z35N2Tap.js";
-const z = "divider__4d6ca58d", i = {
+const z = "divider__c6eab180", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__d2349fb2",
-  "marginBottomSize-4": "marginBottomSize-4__17a35bba",
-  "marginTopSize-8": "marginTopSize-8__73c6ebc3",
-  "marginBottomSize-8": "marginBottomSize-8__bd723779",
-  "marginTopSize-12": "marginTopSize-12__675cfc3d",
-  "marginBottomSize-12": "marginBottomSize-12__518c7e7b",
-  "marginTopSize-16": "marginTopSize-16__3edec61c",
-  "marginBottomSize-16": "marginBottomSize-16__d3918710",
-  "marginTopSize-20": "marginTopSize-20__d8d225c1",
-  "marginBottomSize-20": "marginBottomSize-20__d4dc1c3d",
-  "marginTopSize-24": "marginTopSize-24__1b9f4519",
-  "marginBottomSize-24": "marginBottomSize-24__d7e7d0ff",
-  "marginTopSize-28": "marginTopSize-28__82923559",
-  "marginBottomSize-28": "marginBottomSize-28__5988e70f",
-  "marginTopSize-32": "marginTopSize-32__d37ed5e0",
-  "marginBottomSize-32": "marginBottomSize-32__fafed534"
+  "marginTopSize-4": "marginTopSize-4__16e55e18",
+  "marginBottomSize-4": "marginBottomSize-4__e4222f47",
+  "marginTopSize-8": "marginTopSize-8__23beaf81",
+  "marginBottomSize-8": "marginBottomSize-8__d9b8ebd5",
+  "marginTopSize-12": "marginTopSize-12__9ef2f896",
+  "marginBottomSize-12": "marginBottomSize-12__297b745b",
+  "marginTopSize-16": "marginTopSize-16__bd26fed8",
+  "marginBottomSize-16": "marginBottomSize-16__b5dd8acb",
+  "marginTopSize-20": "marginTopSize-20__07692071",
+  "marginBottomSize-20": "marginBottomSize-20__df1a9fd5",
+  "marginTopSize-24": "marginTopSize-24__25aa35fb",
+  "marginBottomSize-24": "marginBottomSize-24__0d606c49",
+  "marginTopSize-28": "marginTopSize-28__706d13d1",
+  "marginBottomSize-28": "marginBottomSize-28__d4ad36db",
+  "marginTopSize-32": "marginTopSize-32__8eaab7d1",
+  "marginBottomSize-32": "marginBottomSize-32__fdafe27f"
 }, S = (e) => {
-  const { className: r, marginTopSize: o, marginBottomSize: m, ...t } = e, a = g(
+  const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
     i.divider,
     o && i[`marginTopSize-${o}`],
     m && i[`marginBottomSize-${m}`],
-    r
+    a
   );
-  return /* @__PURE__ */ n("hr", { className: a, ...t });
+  return /* @__PURE__ */ n("hr", { className: t, ...r });
 };
 S.displayName = "Divider";
 export {

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,7 +8,7 @@ import { StringUtils as B } from "../../utils/stringUtils.js";
 import { isKey as O } from "../../utils/keyboard.js";
 import { c as U } from "../../chunks/vendor-z35N2Tap.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__2eb3b5e5", G = "label__e659d163", H = "inputEditWrapper__0d96575d", n = {
+const $ = "documentNumberEdit__fe77efb6", G = "label__42ececea", H = "inputEditWrapper__a5407744", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
@@ -18,14 +18,14 @@ const $ = "documentNumberEdit__2eb3b5e5", G = "label__e659d163", H = "inputEditW
   buttonLabel: b,
   emptyNumberButtonLabel: _,
   emptyNumberLabel: u,
-  numberLabel: c,
+  numberLabel: n,
   maxLength: f = V,
   onBlur: l,
-  onChange: d,
-  onKeyDown: a,
+  onChange: a,
+  onKeyDown: d,
   ...S
 }) => {
-  const [p, m] = y(!1), T = z(() => p ? c : r ? `${c} ${r}` : u, [r, c, u, p]), x = () => /* @__PURE__ */ i("div", { className: n.inputEditWrapper, children: /* @__PURE__ */ i(
+  const [p, m] = y(!1), T = z(() => p ? n : r ? `${n} ${r}` : u, [r, n, u, p]), x = () => /* @__PURE__ */ i("div", { className: c.inputEditWrapper, children: /* @__PURE__ */ i(
     A,
     {
       ...S,
@@ -40,20 +40,20 @@ const $ = "documentNumberEdit__2eb3b5e5", G = "label__e659d163", H = "inputEditW
   ) }), I = "0".repeat(f), C = (t) => {
     m(!1), l == null || l(t);
   }, D = (t) => {
-    O(t.code, "ENTER") && m(!1), a == null || a(t);
+    O(t.code, "ENTER") && m(!1), d == null || d(t);
   }, M = (t) => {
     const o = F(t.target), s = P(t.target.value), e = s.length - t.target.value.length;
-    t.target.value = s, R(t.target, o + e), d == null || d(t);
+    t.target.value = s, R(t.target, o + e), a == null || a(t);
   }, P = (t) => {
     const o = [], s = t.length;
     for (let e = 0; e < s; e++)
       B.isDigit(t[e]) && o.push(t[e]);
     return o.join("");
-  }, W = () => /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? b : _ }) }), j = (t) => {
+  }, W = () => /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? b : _ }) }), j = (t) => {
     t.preventDefault(), m(!0);
   };
-  return /* @__PURE__ */ k("div", { className: U(n.documentNumberEdit, g), children: [
-    /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
+  return /* @__PURE__ */ k("div", { className: U(c.documentNumberEdit, g), children: [
+    /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
     p ? x() : W()
   ] });
 };

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -6,26 +6,26 @@ import { EComponentSize as K } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as V } from "../../../utils/classNameMaps.js";
 import { useToken as q } from "../../ThemeProvider/useToken.js";
 import { isKey as n } from "../../../utils/keyboard.js";
-const J = "dropdownDesktop__5231d05b", Q = "sm__dd8ea9ea", X = "md__68741bda", Y = "lg__a7f8adab", Z = "dropdownDesktopOverflowHidden__4e9e9db2", b = {
+const J = "dropdownDesktop__b175e963", Q = "sm__baa246d6", X = "md__c2e6462e", Y = "lg__f57029ad", Z = "dropdownDesktopOverflowHidden__54d071a8", k = {
   dropdownDesktop: J,
   sm: Q,
   md: X,
   lg: Y,
   dropdownDesktopOverflowHidden: Z
-}, $ = V(b), N = b.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, f) => {
+}, $ = V(k), N = k.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, f) => {
   const {
     children: P,
     className: A,
     style: C,
     size: M = K.MD,
     direction: a = u.AUTO,
-    alignment: k = R.LEFT,
+    alignment: _ = R.LEFT,
     width: p = T.CONTENT,
     opened: s,
     targetRef: l,
     setOpened: te,
     ...S
-  } = H, [W, _] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(b.dropdownDesktop, $[M], z, A), w = d(
+  } = H, [W, b] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(k.dropdownDesktop, $[M], z, A), w = d(
     (e) => {
       var t;
       (t = i.current) != null && t.contains(e.target) || e.preventDefault();
@@ -45,7 +45,7 @@ const J = "dropdownDesktop__5231d05b", Q = "sm__dd8ea9ea", X = "md__68741bda", Y
   ), g = d(
     (e, t, o) => {
       const r = document.documentElement.clientWidth, v = t.left, D = t.right - o;
-      if (k === R.LEFT) {
+      if (_ === R.LEFT) {
         const y = v + o <= r;
         e.left = y ? v : Math.max(0, D);
       } else {
@@ -53,7 +53,7 @@ const J = "dropdownDesktop__5231d05b", Q = "sm__dd8ea9ea", X = "md__68741bda", Y
         e.left = y ? D : Math.max(0, Math.min(v, r - o));
       }
     },
-    [k]
+    [_]
   ), L = d(
     (e, t, o) => {
       a === u.AUTO ? o.bottom + 4 + t.height < document.documentElement.clientHeight ? e.top = o.bottom + 4 : o.top - 4 - t.height > 0 ? e.bottom = document.documentElement.clientHeight - o.top + 4 : e.top = o.bottom + 4 : a === u.BOTTOM ? e.top = o.bottom + 4 : a === u.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
@@ -63,10 +63,10 @@ const J = "dropdownDesktop__5231d05b", Q = "sm__dd8ea9ea", X = "md__68741bda", Y
     if (i.current === null || l.current === null) return;
     const e = i.current.getBoundingClientRect(), t = l.current.getBoundingClientRect(), o = {};
     let r = e.width;
-    p === T.TARGET ? (r = t.width, o.width = t.width) : p === T.MIN_TARGET && (r = Math.max(e.width, t.width), o.minWidth = t.width), L(o, e, t), g(o, t, r), _(o);
+    p === T.TARGET ? (r = t.width, o.width = t.width) : p === T.MIN_TARGET && (r = Math.max(e.width, t.width), o.minWidth = t.width), L(o, e, t), g(o, t, r), b(o);
   }, [l, p, L, g]);
   O(() => {
-    s ? c() : _({ opacity: 0 });
+    s ? c() : b({ opacity: 0 });
   }, [s, c]), O(() => {
     if (!s || i.current === null || l.current === null) return;
     const e = new ResizeObserver(c);
@@ -90,7 +90,7 @@ const J = "dropdownDesktop__5231d05b", Q = "sm__dd8ea9ea", X = "md__68741bda", Y
       className: x,
       style: { ...W, ...C },
       ...S,
-      "data-tx": "0.31.0",
+      "data-tx": "0.33.0",
       ref: G,
       children: P
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as h } from "react/jsx-runtime";
 import l, { useContext as B, useRef as b, useState as z, useEffect as f } from "react";
 import { c as _ } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-D093kwGL.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-9uM7fY6X.js";
 import { EVENT_KEY_CODES as w } from "../../../utils/keyboard.js";
 import { DropdownListContext as V } from "../DropdownListContext.js";
 import { LoaderSmall as W } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-z35N2Tap.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-D093kwGL.js";
+import { D } from "../../../chunks/DropdownListItem-9uM7fY6X.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
 import { DropdownList as n } from "./DropdownList.js";
-import { D as e } from "../../../chunks/DropdownListItem-D093kwGL.js";
+import { D as e } from "../../../chunks/DropdownListItem-9uM7fY6X.js";
 import { EDropdownAlignment as i, EDropdownDirection as m, EDropdownWidth as w } from "./enums.js";
 export {
   p as DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext as e } from "./DropdownListContext.js";
 import { DropdownDesktop as t } from "./desktop/DropdownDesktop.js";
 import { DropdownList as d } from "./desktop/DropdownList.js";
-import { D as i } from "../../chunks/DropdownListItem-D093kwGL.js";
+import { D as i } from "../../chunks/DropdownListItem-9uM7fY6X.js";
 import { EDropdownAlignment as w, EDropdownDirection as x, EDropdownWidth as f } from "./desktop/enums.js";
 import { DropdownMobile as b } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as s } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import m, { useEffect as a } from "react";
 import { OverlayBase as n, EOverlayDirection as c } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner as f } from "./DropdownMobileInner.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-BkdWickw.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (a(() => (o ? document.body.classList.add(r) : document.body.classList.remove(r), () => document.body.classList.remove(r)), [o]), /* @__PURE__ */ e(n, { setOpened: s, opened: o, direction: c.BOTTOM, children: (l) => /* @__PURE__ */ e(
     f,
@@ -10,7 +10,7 @@ const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "0.31.0",
+      "data-tx": "0.33.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import t from "react";
 import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-BkdWickw.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const p = t.forwardRef(
   ({ children: o, className: r, ...s }, e) => /* @__PURE__ */ m("div", { className: d(i.dropdownMobileContent, r), ref: e, ...s, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import t from "react";
 import { ButtonIcon as m } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { c as p } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-BkdWickw.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const a = t.forwardRef(
   ({ className: r, ...e }, s) => /* @__PURE__ */ o(m, { className: p(i.dropdownMobileClose, r), ref: s, ...e, children: /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import m from "react";
 import { c as i } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-BkdWickw.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const a = m.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: i(p.dropdownMobileFooter, r), ref: s, ...e, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-BkdWickw.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const n = t.forwardRef(
   ({ children: r, className: s, controlButtons: d, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, s), ref: i, ...a, children: [
     /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ 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-z35N2Tap.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-BkdWickw.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import r from "react";
-import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
-const e = "dropdownMobileInput__b7b0a910", i = {
-  dropdownMobileInput: e
+import { c as e } from "../../../chunks/vendor-z35N2Tap.js";
+const d = "dropdownMobileInput__e31f24be", i = {
+  dropdownMobileInput: d
 }, s = r.forwardRef(
-  ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: d(i.dropdownMobileInput, o), ...p, ref: n })
+  ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: e(i.dropdownMobileInput, o), ...p, ref: n })
 );
 s.displayName = "DropdownMobileInput";
 export {

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ import { ELoaderSmallTheme as b } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as w } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as M } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-BkdWickw.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const u = p.forwardRef(
   ({ children: e, className: i, loading: t, ...m }, s) => {
     const [d] = n(() => c()), a = () => /* @__PURE__ */ o(M, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: w.MD }) });

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-BkdWickw.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-BkdWickw.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__1d37c43d", r = {
+const t = "dropdownMobileMaskedInput__b1686643", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
+}, 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__126679b5", r = "oneLine__266137da", 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.31.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__1b882241", D = "container__b14c7503", g = "icon__80fb2cb4", I = "textBlock__f1d0f751", t = {
+const B = "emptyView__ec114f0d", D = "container__0b1f6feb", g = "icon__74575a8a", I = "textBlock__e704d91b", t = {
   emptyView: B,
   container: D,
   icon: g,
@@ -24,28 +24,28 @@ const B = "emptyView__1b882241", D = "container__b14c7503", g = "icon__80fb2cb4"
   [i.SM]: 16,
   [i.MD]: 24
 }, k = N.forwardRef(
-  ({ className: f, size: c, icon: l, title: o, description: r, caption: m, buttons: d, ...w }, y) => {
-    const a = !!(r || m);
+  ({ 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[c], { [t.hasTitle]: !!o }, f),
+        className: A(t.emptyView, V[o], { [t.hasTitle]: !!c }, f),
         ref: y,
         ...w,
         children: [
           /* @__PURE__ */ s("div", { className: t.container, children: [
-            l && /* @__PURE__ */ e("div", { className: t.icon, children: l }),
-            l && c === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
-            (o || a) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
-              o && /* @__PURE__ */ e(R, { ...v[c], children: o }),
-              o && a && /* @__PURE__ */ e(n, { size: 12 }),
-              a && /* @__PURE__ */ s("div", { className: t.descriptionBlock, 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(
                   _,
                   {
-                    size: T[c],
+                    size: T[o],
                     weight: S.REGULAR,
-                    type: o ? E.SECONDARY : E.PRIMARY,
+                    type: c ? d.SECONDARY : d.PRIMARY,
                     children: r
                   }
                 ),
@@ -53,18 +53,18 @@ const B = "emptyView__1b882241", D = "container__b14c7503", g = "icon__80fb2cb4"
                 m && /* @__PURE__ */ e(
                   _,
                   {
-                    size: T[c],
+                    size: T[o],
                     weight: S.REGULAR,
-                    type: E.SECONDARY,
+                    type: d.SECONDARY,
                     children: m
                   }
                 )
               ] })
             ] })
           ] }),
-          d && /* @__PURE__ */ s(x, { children: [
-            /* @__PURE__ */ e(n, { size: z[c] }),
-            /* @__PURE__ */ e("div", { className: t.buttons, children: d })
+          E && /* @__PURE__ */ s(x, { children: [
+            /* @__PURE__ */ e(n, { size: z[o] }),
+            /* @__PURE__ */ e("div", { className: t.buttons, children: E })
           ] })
         ]
       }

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,9 +1,9 @@
 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-z35N2Tap.js";
-const z = "expandAnimation__7ea41c19", F = {
+import N, { useRef as y } from "react";
+import { z as U, c as j } from "../../chunks/vendor-z35N2Tap.js";
+const z = "expandAnimation__098b8168", F = {
   expandAnimation: z
-}, I = 300, L = U.forwardRef(
+}, I = 300, L = N.forwardRef(
   ({
     children: A,
     className: E,
@@ -30,14 +30,14 @@ const z = "expandAnimation__7ea41c19", F = {
     }, _ = () => {
       var c;
       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 = () => {
+    }, b = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, N = (c) => {
+    }, D = (c) => {
       l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
-      b,
+      U,
       {
         in: v,
         timeout: f,
@@ -46,7 +46,7 @@ const z = "expandAnimation__7ea41c19", F = {
         onEnter: H,
         onEntered: T,
         onExit: _,
-        onExited: D,
+        onExited: b,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
@@ -57,7 +57,7 @@ const z = "expandAnimation__7ea41c19", F = {
               ...R
             },
             ...w,
-            ref: N,
+            ref: D,
             children: A
           }
         )

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.31.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-fb6dwao-.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-fb6dwao-.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-fb6dwao-.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 })
 );