@sberbusiness/triplex-next 0.30.0 → 0.32.0

package/components/Step/Step.js

@@ -2,7 +2,7 @@ import { jsxs as E, jsx as i } from "react/jsx-runtime";
 import { useRef as g } from "react";
 import { EStepStatus as o, EStepPosition as e } from "./enums.js";
 import { ETooltipAlign as n, ETooltipSize as A } from "../Tooltip/enums.js";
-import { Tooltip as a } from "../Tooltip/Tooltip.js";
+import { Tooltip as c } from "../Tooltip/Tooltip.js";
 import { EFontWeightText as u, ETextSize as N } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -11,12 +11,12 @@ import "../Typography/Title.js";
 import { c as D } from "../../chunks/vendor-z35N2Tap.js";
 import { EComponentSize as O } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as I } from "../../utils/classNameMaps.js";
-const L = "step__1caa01e6", M = "sm__187b6b71", P = "md__a954209c", R = "lg__72f76819", x = "done__2841b3ce", C = "warning__4a3db273", h = "active__215aee48", v = "error__b32aa0cb", z = "disabled__fdc85942", t = {
+const L = "step__d2e6dcc1", M = "sm__a5c3732c", P = "md__79ec3cd4", R = "lg__7c758b4d", x = "done__8c32fd99", C = "warning__0a88cd80", h = "active__cbbc8b0a", v = "error__5bd6d1a3", z = "disabled__a921aeb6", t = {
   step: L,
   sm: M,
   md: P,
   lg: R,
-  default: "default__178bb748",
+  default: "default__fc1ad9f5",
   done: x,
   warning: C,
   active: h,
@@ -36,16 +36,16 @@ const L = "step__1caa01e6", M = "sm__187b6b71", P = "md__a954209c", R = "lg__72f
 }, B = I(t), Y = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, F = ({
   children: r,
   className: s,
-  step: m,
-  status: _,
-  position: p = e.Default,
-  size: d = O.MD,
-  ...T
+  step: d,
+  status: m,
+  position: _ = e.Default,
+  size: p = O.MD,
+  ...f
 }) => {
-  const c = g(null), f = y[p], S = D(t.step, w[_], B[d], s), l = () => /* @__PURE__ */ i("div", { ref: c, className: S, ...T, children: /* @__PURE__ */ i(b, { size: N.B1, weight: u.SEMIBOLD, children: m }) });
-  return r ? /* @__PURE__ */ E(a, { size: A.SM, toggleType: "hover", alignTip: f, targetRef: c, children: [
-    /* @__PURE__ */ i(a.Target, { children: l() }),
-    /* @__PURE__ */ i(a.Body, { children: r })
+  const a = g(null), T = y[_], S = D(t.step, w[m], B[p], s), l = () => /* @__PURE__ */ i("div", { ref: a, className: S, ...f, children: /* @__PURE__ */ i(b, { size: N.B1, weight: u.SEMIBOLD, children: d }) });
+  return r ? /* @__PURE__ */ E(c, { size: A.SM, toggleType: "hover", alignTip: T, targetRef: a, children: [
+    /* @__PURE__ */ i(c.Target, { children: l() }),
+    /* @__PURE__ */ i(c.Body, { children: r })
   ] }) : l();
 };
 F.displayName = "Step";

package/components/Stepper/Stepper.js

@@ -11,7 +11,7 @@ import { scrollSmoothHorizontally as h } from "../../utils/scroll.js";
 import { EComponentSize as X } from "../../enums/EComponentSize.js";
 import { EScreenWidth as $ } from "../../helpers/breakpoints.js";
 import "./enums.js";
-const q = "stepperCarousel__05df1799", D = "stepperButtonWrapper__faa55267", F = "prev__931bb71b", J = "next__6dd6b58b", K = "stepperButton__b40e2bc7", Q = "sm__9b101b3d", U = "md__2f1110da", V = "lg__83e1bd8a", s = {
+const q = "stepperCarousel__58a42485", D = "stepperButtonWrapper__ce59ad3b", F = "prev__296f786c", J = "next__0f983635", K = "stepperButton__91af8767", Q = "sm__6ad0efb8", U = "md__83973489", V = "lg__14ecdc63", s = {
   stepperCarousel: q,
   stepperButtonWrapper: D,
   prev: F,
@@ -27,69 +27,69 @@ const q = "stepperCarousel__05df1799", D = "stepperButtonWrapper__faa55267", F =
   selectedStepId: c,
   ...M
 }) => {
-  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), b = N({}), L = S.findIndex((e) => e.id === c), O = p(
-    ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.prev), children: /* @__PURE__ */ n(
+  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), v = N({}), L = S.findIndex((t) => t.id === c), O = p(
+    ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.prev), children: /* @__PURE__ */ n(
       E,
       {
         className: l(s.stepperButton, g[i]),
         tabIndex: -1,
-        ...t,
+        ...e,
         children: /* @__PURE__ */ n(y, { paletteIndex: 5 })
       }
     ) }),
     [i]
   ), T = p(
-    ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.next), children: /* @__PURE__ */ n(
+    ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.next), children: /* @__PURE__ */ n(
       E,
       {
         className: l(s.stepperButton, g[i]),
         tabIndex: -1,
-        ...t,
+        ...e,
         children: /* @__PURE__ */ n(j, { paletteIndex: 5 })
       }
     ) }),
     [i]
   );
   w(() => {
-    const e = m.current;
-    if (e === null)
+    const t = m.current;
+    if (t === null)
       return;
-    const t = new ResizeObserver((r) => {
+    const e = new ResizeObserver((r) => {
       const a = r[0].contentRect.width * Y;
       P({
         stepNext: a,
         stepPrev: a
       });
     });
-    return t.observe(e), () => {
-      t.disconnect();
+    return e.observe(t), () => {
+      e.disconnect();
     };
   }, []);
-  const v = p(
-    (e, t, r, o) => {
-      r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), h(e, Math.ceil(r)));
+  const C = p(
+    (t, e, r, o) => {
+      r > 0 && (e.nextElementSibling && (r -= o - e.nextElementSibling.getBoundingClientRect().right), h(t, Math.ceil(r)));
     },
     []
-  ), C = p(
-    (e, t, r, o) => {
-      r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), h(e, Math.floor(r)));
+  ), _ = p(
+    (t, e, r, o) => {
+      r < 0 && (e.previousElementSibling && (r -= o - e.previousElementSibling.getBoundingClientRect().left), h(t, Math.floor(r)));
     },
     []
-  ), _ = p((e, t) => {
-    t && h(e, t);
-  }, []), B = p(
-    (e, t) => {
-      const { left: r, right: o, width: a } = e.getBoundingClientRect(), { left: u, right: R, width: k } = t.getBoundingClientRect(), f = r + a / 2, d = u + k / 2;
-      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? _(e, d - f) : f > d ? C(e, t, u - r, u) : f < d && v(e, t, R - o, R);
+  ), B = p((t, e) => {
+    e && h(t, e);
+  }, []), R = p(
+    (t, e) => {
+      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: u, right: b, width: k } = e.getBoundingClientRect(), f = r + a / 2, d = u + k / 2;
+      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(t, d - f) : f > d ? _(t, e, u - r, u) : f < d && C(t, e, b - o, b);
     },
-    [_, C, v]
+    [B, _, C]
   );
   return w(() => {
     if (c) {
-      const { current: e } = m, t = b.current[c];
-      e && t && B(e, t);
+      const { current: t } = m, e = v.current[c];
+      t && e && R(t, e);
     }
-  }, [c, B]), /* @__PURE__ */ n(
+  }, [c, R]), /* @__PURE__ */ n(
     z,
     {
       className: l(s.stepperCarousel, g[i], I),
@@ -98,15 +98,15 @@ const q = "stepperCarousel__05df1799", D = "stepperButtonWrapper__faa55267", F =
       stepPrev: x.stepPrev,
       stepNext: x.stepNext,
       ref: m,
-      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: e, ...t }, r) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: t, ...e }, r) => /* @__PURE__ */ n(
         W.Step,
         {
-          forwardedRef: (o) => b.current[t.id] = o,
-          ...t,
+          forwardedRef: (o) => v.current[e.id] = o,
+          ...e,
           isInActiveStep: r > L,
-          children: e
+          children: t
         },
-        t.id
+        e.id
       )) })
     }
   );

package/components/Stepper/StepperExtended.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { c as a } from "../../chunks/vendor-z35N2Tap.js";
+import { useMemo as a } from "react";
+import { c } from "../../chunks/vendor-z35N2Tap.js";
 import { StepperStep as i } from "./StepperStep.js";
 import { StepperExtendedContext as l } from "./StepperExtendedContext.js";
 import { EComponentSize as f } from "../../enums/EComponentSize.js";
-const E = "stepperExtended__4ad1d024", u = {
+const E = "stepperExtended__701a1a25", u = {
   stepperExtended: E
 }, S = ({
   children: p,
@@ -12,14 +12,14 @@ const E = "stepperExtended__4ad1d024", u = {
   size: e = f.LG,
   onSelectStep: t,
   selectedStepId: r,
-  forwardedRef: d,
-  ...m
+  forwardedRef: m,
+  ...n
 }) => {
-  const n = a(u.stepperExtended, s), x = c(
+  const d = c(u.stepperExtended, s), x = a(
     () => ({ selectedId: r, size: e, onSelectStep: t }),
     [r, e, t]
   );
-  return /* @__PURE__ */ o(l.Provider, { value: x, children: /* @__PURE__ */ o("ol", { className: n, role: "tablist", ...m, ref: d, children: p }) });
+  return /* @__PURE__ */ o(l.Provider, { value: x, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
 };
 S.Step = i;
 export {

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ import { isKey as g } from "../../utils/keyboard.js";
 import { StepperExtendedContext as H } from "./StepperExtendedContext.js";
 import { EFocusSource as o } from "../../enums/EFocusSource.js";
 import { EStepperStepType as y } from "./enums.js";
-import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-B2mxgMOK.js";
+import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-zBMxIbHq.js";
 import { IconWrapper as L } from "../IconWrapper/IconWrapper.js";
 const Q = F(t), X = ({
   children: N,
@@ -69,7 +69,7 @@ const Q = F(t), X = ({
       ...T,
       ref: M,
       children: [
-        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.30.0", children: [
+        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.32.0", children: [
           h && P(),
           N
         ] }),

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S as t } from "../../chunks/StepperStepArrowBorder-B2mxgMOK.js";
+import { S as t } from "../../chunks/StepperStepArrowBorder-zBMxIbHq.js";
 export {
   t as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DsKl9Gi-.js";
+import "../../chunks/DropdownListItem-Bp1g9j21.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,7 +21,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__67298e53", z = "suggestDropdownMobileNoOptionsText__cdaa81c4", g = {
+const k = "suggestDropdownMobileBody__8efccb5e", z = "suggestDropdownMobileNoOptionsText__9a9b0947", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
@@ -33,12 +33,12 @@ const k = "suggestDropdownMobileBody__67298e53", z = "suggestDropdownMobileNoOpt
     noOptionsText: u,
     loading: w,
     clearInputOnFocus: p,
-    dropdownListLoading: h,
-    onSelect: b,
+    dropdownListLoading: b,
+    onSelect: f,
     onFilter: t,
     onScrollEnd: l,
     closeDropdown: d
-  } = I(), f = S(null), D = n(
+  } = I(), h = S(null), D = n(
     (o) => {
       if (l === void 0)
         return;
@@ -83,14 +83,14 @@ const k = "suggestDropdownMobileBody__67298e53", z = "suggestDropdownMobileNoOpt
         tag: "div",
         children: u
       }
-    ) : /* @__PURE__ */ e(R, { loading: h, ref: f, children: s.map((o) => /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ e(R, { loading: b, ref: h, children: s.map((o) => /* @__PURE__ */ e(
       _,
       {
         id: o.id,
         selected: o.id === (r == null ? void 0 : r.id),
         showNotificationIcon: o.showNotificationIcon,
         onSelect: () => {
-          b(o);
+          f(o);
         },
         children: o.content || o.label
       },

package/components/SuggestField/SuggestField.js

@@ -2,13 +2,13 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-8plGk4NO.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as O } from "../../chunks/FormFieldInput-DM8lK78a.js";
+import { F as O } from "../../chunks/FormFieldInput-DZ9wvF_L.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus as q } from "../../FormField/enums.js";
 import { FormFieldClear as ao } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-DM8lK78a.js";
+import { F as ho } from "../../../chunks/FormFieldInput-DZ9wvF_L.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DsKl9Gi-.js";
+import "../../../chunks/DropdownListItem-Bp1g9j21.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal as _ } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop as b } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
-import { D as O } from "../../../chunks/DropdownListItem-DsKl9Gi-.js";
+import { D as O } from "../../../chunks/DropdownListItem-Bp1g9j21.js";
 import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopD
 import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as i } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as l } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-8plGk4NO.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -7,7 +7,7 @@ import { DataTestId as A } from "../../../consts/DataTestId.js";
 import { FormFieldClear as G } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as N } from "../../../chunks/FormFieldInput-DM8lK78a.js";
+import { F as N } from "../../../chunks/FormFieldInput-DZ9wvF_L.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall as T } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as V } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-8plGk4NO.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 const po = ({
   value: r,
   options: b,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import z, { useState as D, useRef as p, useCallback as i } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DsKl9Gi-.js";
+import "../../../chunks/DropdownListItem-Bp1g9j21.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as A } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as G } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList as L } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as Q } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as U } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown as W } from "../../Dropdown/Dropdown.js";
-import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-8plGk4NO.js";
+import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 const Z = ({
   value: o,
   options: M,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-8plGk4NO.js";
+import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 export {
   g as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as t } from "./SuggestFieldMobileDropdown.js";
-import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-8plGk4NO.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,42 +1,38 @@
-import { jsxs as j, jsx as w } from "react/jsx-runtime";
-import z, { useState as A, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { jsxs as W, jsx as T } from "react/jsx-runtime";
+import H, { useState as S, useRef as u, useEffect as I, useImperativeHandle as V } from "react";
 import { c as g } from "../../chunks/vendor-z35N2Tap.js";
-const H = "swipeableArea__b134bb9a", V = "content__498c92af", $ = "disableScroll__e177e4aa", k = "disablePointerEvents__4010e417", q = "swipeAnimationFinish__3c57d2bd", G = "leftContent__5fcf616c", J = "rightContent__f245b70c", s = {
-  swipeableArea: H,
-  content: V,
-  disableScroll: $,
-  disablePointerEvents: k,
-  swipeAnimationFinish: q,
-  leftContent: G,
-  rightContent: J
-}, p = 24, _ = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
-  ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: C, ...y }, B) => {
-    const [S, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), b = u(null), X = () => {
+const $ = "swipeableArea__e7e3ac9b", k = "content__7caa5a0f", q = "disableScroll__5792e655", G = "disablePointerEvents__87b82ebb", J = "swipeAnimationFinish__605ab505", K = "leftContent__67ecf782", Q = "rightContent__c6cef9b5", o = {
+  swipeableArea: $,
+  content: k,
+  disableScroll: q,
+  disablePointerEvents: G,
+  swipeAnimationFinish: J,
+  leftContent: K,
+  rightContent: Q
+}, m = 24, R = o.swipeAnimationFinish, U = o.disableScroll, Z = o.disablePointerEvents, y = { clientX: 0, clientY: 0 }, tt = H.forwardRef(
+  ({ children: B, className: X, leftSwipeableArea: C, rightSwipeableArea: b, onSwipeLeft: A, onSwipeRight: _, ...L }, x) => {
+    const [p, a] = S(!1), [l, d] = S(), [s, e] = S(0), r = u(null), c = u(null), n = u(0), h = u(y), E = u(null), O = () => {
       a(!0);
-      const t = n.current - o;
-      n.current === 0 ? t > 0 ? e(
-        t > p ? -r.current.getBoundingClientRect().width : 0
-      ) : e(
-        Math.abs(t) > p ? i.current.getBoundingClientRect().width : 0
-      ) : n.current > 0 ? t > 0 && e(
-        t > p ? 0 : i.current.getBoundingClientRect().width
+      const t = n.current - s;
+      n.current === 0 ? t > 0 ? t > m ? (e(-c.current.getBoundingClientRect().width), A == null || A()) : e(0) : Math.abs(t) > m ? (e(r.current.getBoundingClientRect().width), _ == null || _()) : e(0) : n.current > 0 ? t > 0 && e(
+        t > m ? 0 : r.current.getBoundingClientRect().width
       ) : n.current < 0 && t < 0 && e(
-        Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
+        Math.abs(t) > m ? 0 : -c.current.getBoundingClientRect().width
       );
-    }, E = () => {
-      h.current = N, d(void 0), document.removeEventListener("touchend", E);
+    }, w = () => {
+      h.current = y, d(void 0), document.removeEventListener("touchend", w);
     };
-    M(() => {
-      !l && o !== n.current && X();
+    I(() => {
+      !l && s !== n.current && O();
     }, [l]);
-    const x = (t) => {
-      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
-    }, O = (t) => {
+    const D = (t) => {
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = s, document.addEventListener("touchend", w);
+    }, P = (t) => {
       if (t.touches.length != 1)
         return;
-      const c = t.touches[0].clientX - h.current.clientX, F = t.touches[0].clientY - h.current.clientY;
+      const i = t.touches[0].clientX - h.current.clientX, z = t.touches[0].clientY - h.current.clientY;
       if (!l) {
-        Math.abs(F) > Math.abs(c) ? d(
+        Math.abs(z) > Math.abs(i) ? d(
           "vertical"
           /* vertical */
         ) : d(
@@ -47,85 +43,85 @@ const H = "swipeableArea__b134bb9a", V = "content__498c92af", $ = "disableScroll
       }
       if (l === "vertical")
         return;
-      const f = n.current + c;
-      n.current === 0 ? c > 0 && m ? e(
-        Math.min(f, i.current.getBoundingClientRect().width)
-      ) : c < 0 && C && e(
-        Math.max(f, -r.current.getBoundingClientRect().width)
-      ) : n.current > 0 ? c < 0 && e(Math.max(0, f)) : n.current < 0 && c > 0 && e(Math.min(0, f));
-    }, D = () => a(!1), P = () => r.current ? Math.abs(o) / r.current.getBoundingClientRect().width : 1, Y = () => i.current ? Math.abs(o) / i.current.getBoundingClientRect().width : 1;
-    M(() => {
-      const t = (c) => {
-        c.touches.length == 1 && b.current && !b.current.contains(c.target) && (a(!0), e(0), d(void 0));
+      const f = n.current + i;
+      n.current === 0 ? i > 0 && C ? e(
+        Math.min(f, r.current.getBoundingClientRect().width)
+      ) : i < 0 && b && e(
+        Math.max(f, -c.current.getBoundingClientRect().width)
+      ) : n.current > 0 ? i < 0 && e(Math.max(0, f)) : n.current < 0 && i > 0 && e(Math.min(0, f));
+    }, Y = () => a(!1), F = () => c.current ? Math.abs(s) / c.current.getBoundingClientRect().width : 1, j = () => r.current ? Math.abs(s) / r.current.getBoundingClientRect().width : 1;
+    I(() => {
+      const t = (i) => {
+        i.touches.length == 1 && E.current && !E.current.contains(i.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
-    const R = () => {
-      i.current && (a(!0), e(i.current.getBoundingClientRect().width));
-    }, T = () => {
-      r.current && (a(!0), e(-r.current.getBoundingClientRect().width));
-    }, v = () => {
-      (r.current || i.current) && (a(!0), e(0));
+    const v = () => {
+      r.current && (a(!0), e(r.current.getBoundingClientRect().width));
+    }, M = () => {
+      c.current && (a(!0), e(-c.current.getBoundingClientRect().width));
+    }, N = () => {
+      (c.current || r.current) && (a(!0), e(0));
     };
-    return W(
-      B,
+    return V(
+      x,
       () => ({
         closeSwipe: () => {
-          v();
+          N();
         },
         swipeLeft: () => {
-          T();
+          M();
         },
         swipeRight: () => {
-          R();
+          v();
         }
       }),
-      [v, T, R]
-    ), /* @__PURE__ */ j(
+      [N, M, v]
+    ), /* @__PURE__ */ W(
       "div",
       {
-        className: g(s.swipeableArea, I),
-        ...y,
-        "data-tx": "0.30.0",
-        ref: b,
+        className: g(o.swipeableArea, X),
+        ...L,
+        "data-tx": "0.32.0",
+        ref: E,
         children: [
-          typeof m < "u" ? /* @__PURE__ */ w(
+          typeof C < "u" ? /* @__PURE__ */ T(
             "div",
             {
-              className: g(s.leftContent, {
-                [_]: S
+              className: g(o.leftContent, {
+                [R]: p
               }),
-              ref: i,
-              style: { opacity: Y() },
-              children: m
+              ref: r,
+              style: { opacity: j() },
+              children: C
             }
           ) : null,
-          typeof C < "u" ? /* @__PURE__ */ w(
+          typeof b < "u" ? /* @__PURE__ */ T(
             "div",
             {
-              className: g(s.rightContent, {
-                [_]: S
+              className: g(o.rightContent, {
+                [R]: p
               }),
-              ref: r,
-              style: { opacity: P() },
-              children: C
+              ref: c,
+              style: { opacity: F() },
+              children: b
             }
           ) : null,
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ T(
             "div",
             {
-              className: g(s.content, {
-                [Q]: o !== 0,
-                [K]: l === "horizontal",
-                [_]: S
+              className: g(o.content, {
+                [Z]: s !== 0,
+                [U]: l === "horizontal",
+                [R]: p
               }),
-              onTouchStart: x,
-              onTouchMove: O,
+              onTouchStart: D,
+              onTouchMove: P,
               style: {
-                transform: `translateX(${o}px)`
+                transform: `translateX(${s}px)`
               },
-              onTransitionEnd: D,
-              children: L
+              onTransitionEnd: Y,
+              children: B
             }
           )
         ]
@@ -133,8 +129,8 @@ const H = "swipeableArea__b134bb9a", V = "content__498c92af", $ = "disableScroll
     );
   }
 );
-U.displayName = "SwipeableArea";
+tt.displayName = "SwipeableArea";
 export {
-  U as SwipeableArea
+  tt as SwipeableArea
 };
 //# sourceMappingURL=SwipeableArea.js.map

package/components/Table/ChipPanel.js

@@ -0,0 +1,12 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as e } from "../../chunks/vendor-z35N2Tap.js";
+import { ChipPanelLinks as l } from "./ChipPanelLinks.js";
+const c = "chipPanel__ab25998a", o = {
+  chipPanel: c
+}, a = ({ children: i, className: s, ...n }) => /* @__PURE__ */ p("div", { className: e(o.chipPanel, s), ...n, children: i });
+a.Links = l;
+a.displayName = "ChipPanel";
+export {
+  a as ChipPanel
+};
+//# sourceMappingURL=ChipPanel.js.map