@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/OrderedList/index.js

@@ -0,0 +1,7 @@
+import { OrderedList as t } from "./OrderedList.js";
+import { OrderedListItem as o } from "./OrderedListItem.js";
+export {
+  t as OrderedList,
+  o as OrderedListItem
+};
+//# sourceMappingURL=index.js.map

package/components/OrderedList/types.js

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

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { c as u } from "../../chunks/vendor-D-uL_icH.js";
+import { c as u } from "../../chunks/vendor-CehxOAkM.js";
 import { OverlayBase as k } from "./OverlayBase.js";
 import { OverlayMask as B } from "./OverlayMask.js";
 import { OverlayPanel as M } from "./OverlayPanel.js";
-import { s as r } from "../../chunks/Overlay.module-D6LEz1jT.js";
+import { s as r } from "../../chunks/Overlay.module-B1IlIRoo.js";
 const s = ({
   children: o,
   className: i,

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import l from "react";
-import { c as t } from "../../chunks/vendor-D-uL_icH.js";
-import { s as a } from "../../chunks/Overlay.module-D6LEz1jT.js";
+import { c as t } from "../../chunks/vendor-CehxOAkM.js";
+import { s as a } from "../../chunks/Overlay.module-B1IlIRoo.js";
 const f = l.forwardRef(({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
   "div",
   {

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import n from "react";
-import { c as d } from "../../chunks/vendor-D-uL_icH.js";
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
 import { EOverlayDirection as r } from "./OverlayBase.js";
-import { s as e } from "../../chunks/Overlay.module-D6LEz1jT.js";
+import { s as e } from "../../chunks/Overlay.module-B1IlIRoo.js";
 const P = n.forwardRef(
   ({
     children: s,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../chunks/vendor-D-uL_icH.js";
+import { c as s } from "../../chunks/vendor-CehxOAkM.js";
 import { BodyPage as i } from "./components/BodyPage.js";
 import { HeaderPage as f } from "./components/HeaderPage.js";
 import { FooterPage as p } from "./components/FooterPage.js";
-import { s as d } from "../../chunks/Page.module-Ct9ky9ko.js";
+import { s as d } from "../../chunks/Page.module-Cwb_zvqj.js";
 import "./components/enums.js";
 const g = Object.assign(
   m.forwardRef(function({ children: o, className: r, ...e }, a) {

package/components/Page/components/BodyPage.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import s from "react";
 import { Body as e } from "../../Body/Body.js";
-import { c as t } from "../../../chunks/vendor-D-uL_icH.js";
-import { s as f } from "../../../chunks/Page.module-Ct9ky9ko.js";
+import { c as t } from "../../../chunks/vendor-CehxOAkM.js";
+import { s as f } from "../../../chunks/Page.module-Cwb_zvqj.js";
 const d = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ m(e, { className: t(f.bodyPage, o), ...r, ref: a }));
 d.displayName = "BodyPage";
 export {

package/components/Page/components/FooterPage.js

@@ -1,39 +1,36 @@
-import { jsxs as k, jsx as s, Fragment as N } from "react/jsx-runtime";
-import S, { useState as p, useRef as P, useEffect as v } from "react";
-import { Footer as n } from "../../Footer/Footer.js";
-import { EFooterPageType as c } from "./enums.js";
-import { s as e } from "../../../chunks/Page.module-Ct9ky9ko.js";
-import { c as D } from "../../../chunks/vendor-D-uL_icH.js";
-const F = Object.assign(
-  S.forwardRef(({ className: u, type: r, ...t }, i) => {
-    const [l, g] = p(!1), a = P(null), o = r === c.SECOND && "sticky" in t ? t.sticky : !1;
-    v(() => {
-      if (!o || !a.current)
-        return;
-      const m = new IntersectionObserver(([d]) => g(!d.isIntersecting), { threshold: [0] });
-      return m.observe(a.current), () => {
-        m.disconnect();
-      };
-    }, [o]);
-    const f = D(
-      e.footerPage,
+import { jsx as r } from "react/jsx-runtime";
+import l, { useRef as u } from "react";
+import { Footer as t } from "../../Footer/Footer.js";
+import { EFooterPageType as f } from "./enums.js";
+import { s as p } from "../../../chunks/Page.module-Cwb_zvqj.js";
+import { c as a } from "../../../chunks/vendor-CehxOAkM.js";
+import { useStickyCornerRadius as y } from "./useStickyCornerRadius.js";
+import { Island as R } from "../../Island/Island.js";
+import { EIslandType as g } from "../../Island/enums.js";
+const I = Object.assign(
+  l.forwardRef(({ className: s, type: c = f.FIRST, ...i }, o) => {
+    const m = u(null);
+    y(m, "bottom");
+    const n = (e) => {
+      m.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+    }, d = a(s, p.footerPageTypeSecond);
+    return c === f.SECOND ? /* @__PURE__ */ r(
+      R,
       {
-        [e.footerPageBackground]: r === c.SECOND,
-        [e.footerPageSticky]: o,
-        [e.footerPageStuck]: l && o && r === c.SECOND
-      },
-      u
-    );
-    return r === c.SECOND ? /* @__PURE__ */ k(N, { children: [
-      /* @__PURE__ */ s("div", { className: f, ref: i, children: /* @__PURE__ */ s(n, { ...t }) }),
-      /* @__PURE__ */ s("div", { ref: a, "aria-hidden": "true", className: e.observerTarget })
-    ] }) : /* @__PURE__ */ s(n, { ref: i, className: f, ...t });
+        className: d,
+        type: g.TYPE_1,
+        borderRadius: 16,
+        paddingSize: 16,
+        ref: n,
+        children: /* @__PURE__ */ r(t, { ...i })
+      }
+    ) : /* @__PURE__ */ r(t, { ref: o, className: a(p.footerPageTypeFirst, s), ...i });
   }),
   {
-    Description: n.Description
+    Description: t.Description
   }
 );
 export {
-  F as FooterPage
+  I as FooterPage
 };
 //# sourceMappingURL=FooterPage.js.map

package/components/Page/components/HeaderPage.js

@@ -1,33 +1,30 @@
-import { jsxs as h, jsx as c, Fragment as S } from "react/jsx-runtime";
-import b, { useState as k, useRef as N, useEffect as P } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import c, { useRef as u } from "react";
 import { Header as e } from "../../Header/Header.js";
-import { EHeaderPageType as o } from "./enums.js";
-import { s as r } from "../../../chunks/Page.module-Ct9ky9ko.js";
-import { c as v } from "../../../chunks/vendor-D-uL_icH.js";
-const x = Object.assign(
-  b.forwardRef(({ className: m, type: a, ...s }, n) => {
-    const [f, l] = k(!1), i = N(null), t = a === o.SECOND && "sticky" in s ? s.sticky : !1;
-    P(() => {
-      if (!t || !i.current)
-        return;
-      const u = new IntersectionObserver(([g]) => l(!g.isIntersecting), { threshold: [0] });
-      return u.observe(i.current), () => {
-        u.disconnect();
-      };
-    }, [t]);
-    const d = v(
-      r.headerPage,
+import { EHeaderPageType as i } from "./enums.js";
+import { c as m } from "../../../chunks/vendor-CehxOAkM.js";
+import { Island as y } from "../../Island/Island.js";
+import { EIslandType as S } from "../../Island/enums.js";
+import { useStickyCornerRadius as T } from "./useStickyCornerRadius.js";
+import { s as p } from "../../../chunks/Page.module-Cwb_zvqj.js";
+const H = Object.assign(
+  c.forwardRef(({ className: t, type: f = i.FIRST, ...s }, r) => {
+    const d = u(null);
+    T(d, "top");
+    const n = (a) => {
+      d.current = a, typeof r == "function" ? r(a) : r && (r.current = a);
+    }, l = m(t, p.headerPageTypeSecond);
+    return f === i.SECOND ? /* @__PURE__ */ o(
+      y,
       {
-        [r.headerPageBackground]: a === o.SECOND,
-        [r.headerPageSticky]: t,
-        [r.headerPageStuck]: f && t && a === o.SECOND
-      },
-      m
-    );
-    return a === o.SECOND ? /* @__PURE__ */ h(S, { children: [
-      /* @__PURE__ */ c("div", { ref: i, "aria-hidden": "true", className: r.observerTarget }),
-      /* @__PURE__ */ c("div", { className: d, ref: n, children: /* @__PURE__ */ c(e, { ...s }) })
-    ] }) : /* @__PURE__ */ c(e, { ref: n, className: d, ...s });
+        className: l,
+        type: S.TYPE_1,
+        borderRadius: 16,
+        paddingSize: 16,
+        ref: n,
+        children: /* @__PURE__ */ o(e, { ...s })
+      }
+    ) : /* @__PURE__ */ o(e, { ref: r, className: m(p.headerPageTypeFirst, t), ...s });
   }),
   {
     LayoutSidebar: e.LayoutSidebar,
@@ -37,6 +34,6 @@ const x = Object.assign(
   }
 );
 export {
-  x as HeaderPage
+  H as HeaderPage
 };
 //# sourceMappingURL=HeaderPage.js.map

package/components/Page/components/useStickyCornerRadius.js

@@ -0,0 +1,34 @@
+import { useEffect as y } from "react";
+function g(n) {
+  let t = n;
+  for (; t && t !== document.documentElement; ) {
+    const c = getComputedStyle(t).overflowY;
+    if (/(auto|scroll|overlay)/.test(c) && t.scrollHeight > t.clientHeight) return t;
+    t = t.parentElement;
+  }
+  return window;
+}
+function R(n, t) {
+  y(() => {
+    const e = n.current;
+    if (!e) return;
+    const c = 16, w = t === "top" ? "--r-top" : "--r-bottom", i = getComputedStyle(e), f = t === "top" ? i.top : i.bottom, l = parseFloat(f || "0") || 0, r = g(e);
+    let o = 0;
+    const a = () => {
+      o = 0;
+      const m = e.getBoundingClientRect(), d = r === window ? { top: 0, bottom: window.innerHeight } : r.getBoundingClientRect(), v = t === "top" ? m.top - (d.top + l) : d.bottom - l - m.bottom, p = Math.max(0, Math.min(c, v));
+      e.style.setProperty(w, `${p}px`), p <= 0.5 ? e.dataset.stuck = "true" : delete e.dataset.stuck;
+    }, s = () => {
+      o || (o = requestAnimationFrame(a));
+    };
+    a();
+    const u = r === window ? window : r;
+    return u.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s), () => {
+      u.removeEventListener("scroll", s), window.removeEventListener("resize", s), o && cancelAnimationFrame(o);
+    };
+  }, [n, t]);
+}
+export {
+  R as useStickyCornerRadius
+};
+//# sourceMappingURL=useStickyCornerRadius.js.map

package/components/Pagination/components/PaginationExtended.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor-D-uL_icH.js";
+import { c as d } from "../../../chunks/vendor-CehxOAkM.js";
 import i from "react";
-const r = "paginationExtended__2f938382", s = {
+const r = "paginationExtended__799e5e04", s = {
   paginationExtended: r
 }, x = i.forwardRef(
   ({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
     "nav",
     {
       className: d(s.paginationExtended, a),
-      "data-tx": "1.1.1",
+      "data-tx": "1.3.0",
       ...n,
       ref: e,
       children: t

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,7 +4,7 @@ import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape as m } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection as s } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 as o } from "@sberbusiness/icons-next";
-const g = "paginationNavigationButton__5b686b84", N = "directionIconNext__45d70aea", n = {
+const g = "paginationNavigationButton__949b553a", N = "directionIconNext__d48e9336", n = {
   paginationNavigationButton: g,
   directionIconNext: N
 }, d = c.forwardRef(

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { c as d } from "../../../chunks/vendor-D-uL_icH.js";
-const g = "paginationNavigationExtended__c2db3ef3", r = {
+import { c as d } from "../../../chunks/vendor-CehxOAkM.js";
+const g = "paginationNavigationExtended__62c2b434", r = {
   paginationNavigationExtended: g
 }, s = e.forwardRef(
   ({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })

package/components/Pagination/components/PaginationPageButton.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import g from "react";
-import { c } from "../../../chunks/vendor-D-uL_icH.js";
-const s = "paginationPageButton__5bdcc541", u = "currentPage__6ea3eabf", a = {
+import { c } from "../../../chunks/vendor-CehxOAkM.js";
+const s = "paginationPageButton__c617376c", u = "currentPage__2ee526a7", a = {
   paginationPageButton: s,
   currentPage: u
 }, P = g.forwardRef(

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-D-uL_icH.js";
+import { c as e } from "../../../chunks/vendor-CehxOAkM.js";
 import o from "react";
-const t = "pageEllipsis__9138b51b", r = {
+const t = "pageEllipsis__9d1ab94e", r = {
   pageEllipsis: t
 }, n = o.forwardRef(
-  ({ children: s, className: i, ...a }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, i), ...a, ref: l, children: s })
+  ({ children: s, className: a, ...i }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, a), ...i, ref: l, children: s })
 );
 n.displayName = "PaginationPageEllipsis";
 export {

package/components/Pagination/components/PaginationSelect.js

@@ -1,22 +1,22 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import g, { useRef as S } from "react";
-import { f as x, c as N } from "../../../chunks/vendor-D-uL_icH.js";
+import { a as x, c as N } from "../../../chunks/vendor-CehxOAkM.js";
 import "../../Typography/Title.js";
-import { Text as b } from "../../Typography/Text.js";
+import { Text as v } from "../../Typography/Text.js";
 import "../../Typography/Caption.js";
-import { ETextSize as v } from "../../Typography/enums.js";
-const _ = "paginationSelect__8cf380c1", h = "paginationSelectControl__8d8b1b76", c = {
-  paginationSelect: _,
+import { ETextSize as _ } from "../../Typography/enums.js";
+const b = "paginationSelect__0232411f", h = "paginationSelectControl__f6feb388", o = {
+  paginationSelect: b,
   paginationSelectControl: h
 }, y = g.forwardRef(
-  ({ paginationLabel: o, className: s, hidden: d, options: i, value: a, onChange: n }, m) => {
+  ({ paginationLabel: c, className: s, hidden: m, options: i, value: a, onChange: n }, d) => {
     const l = S(`Pagination-${x()}`), p = i && i.length > 0 ? i : [10, 20, 50, 100], u = (e) => {
       const r = Number(e.target.value);
       Number.isNaN(r) || n == null || n(r);
     };
-    return d ? null : /* @__PURE__ */ f("div", { className: N(c.paginationSelect, s), ref: m, children: [
-      /* @__PURE__ */ t(b, { size: v.B3, id: l.current, children: o }),
-      /* @__PURE__ */ t("div", { className: c.paginationSelectControl, children: /* @__PURE__ */ t(
+    return m ? null : /* @__PURE__ */ f("div", { className: N(o.paginationSelect, s), ref: d, children: [
+      /* @__PURE__ */ t(v, { size: _.B3, id: l.current, children: c }),
+      /* @__PURE__ */ t("div", { className: o.paginationSelectControl, children: /* @__PURE__ */ t(
         "select",
         {
           "aria-labelledby": l.current,

package/components/Pagination/utils/paginationUtils.js

@@ -1,4 +1,4 @@
-import { h as R } from "../../../chunks/vendor-D-uL_icH.js";
+import { j as R } from "../../../chunks/vendor-CehxOAkM.js";
 const m = -1, h = {
   // Создание массива чисел в заданном диапазоне с заданным шагом.
   generateRange: (n, i, e = 1) => n > i ? [] : R(n, i + 1, e),

package/components/Radio/Radio.js

@@ -1,26 +1,34 @@
-import { jsxs as b, jsx as c } from "react/jsx-runtime";
-import p from "react";
-import { ERadioSize as f } from "./enum.js";
-import { c as l } from "../../chunks/vendor-D-uL_icH.js";
-const N = "label__7d28710a", y = "md__1281fe1b", x = "lg__a7b75200", R = "nonempty__adc5081c", u = "disabled__05b5e731", I = "radio__73cf15b5", g = "radioIcon__d989b046", a = {
-  label: N,
-  md: y,
-  lg: x,
-  nonempty: R,
-  disabled: u,
-  radio: I,
-  radioIcon: g
-}, h = p.forwardRef((n, t) => {
-  const { children: o, className: i, disabled: e, labelAttributes: s, size: d = f.MD, ...r } = n, m = l(a.radio, i, a[d]), _ = l(
-    a.label,
-    a[d],
-    { [a.disabled]: !!e, [a.nonempty]: !!o },
-    s == null ? void 0 : s.className
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import N from "react";
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+import "../Typography/Title.js";
+import { Text as x } from "../Typography/Text.js";
+import "../Typography/Caption.js";
+import { ETextSize as m } from "../Typography/enums.js";
+import { EComponentSize as i } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as z } from "../../utils/classNameMaps.js";
+const y = "label__065c3332", T = "md__8cdbcdeb", M = "nonempty__736d5aec", u = "lg__4ede3efb", I = "disabled__51ecd7f5", R = "radio__9e4485f3", S = "radioIcon__d4af55e2", o = {
+  label: y,
+  md: T,
+  nonempty: M,
+  lg: u,
+  disabled: I,
+  radio: R,
+  radioIcon: S
+}, g = {
+  [i.LG]: m.B2,
+  [i.MD]: m.B3
+}, C = z(o), h = N.forwardRef((n, r) => {
+  const { children: a, className: l, disabled: c, labelAttributes: e, size: s = i.MD, ...p } = n, _ = d(o.radio, l, C[s]), f = d(
+    o.label,
+    o[s],
+    { [o.disabled]: !!c, [o.nonempty]: !!a },
+    e == null ? void 0 : e.className
   );
-  return /* @__PURE__ */ b("label", { ...s, className: _, "data-tx": "1.1.1", children: [
-    /* @__PURE__ */ c("input", { type: "radio", className: m, disabled: e, ...r, ref: t }),
-    /* @__PURE__ */ c("span", { className: a.radioIcon }),
-    o
+  return /* @__PURE__ */ b("label", { ...e, className: f, "data-tx": "1.3.0", children: [
+    /* @__PURE__ */ t("input", { type: "radio", className: _, disabled: c, ...p, ref: r }),
+    /* @__PURE__ */ t("span", { className: o.radioIcon }),
+    a && /* @__PURE__ */ t(x, { size: g[s], children: a })
   ] });
 });
 h.displayName = "Radio";

package/components/Radio/RadioXGroup.js

@@ -1,17 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../chunks/vendor-D-uL_icH.js";
-const _ = "radioXGroup__e5de6ada", c = "label__7d28710a", n = {
-  radioXGroup: _,
-  "indent-12": "indent-12__6b1b22c7",
-  label: c,
-  "indent-16": "indent-16__304f6117",
-  "indent-20": "indent-20__1e5353ed",
-  "indent-24": "indent-24__afb7e51c",
-  "indent-28": "indent-28__25601fd3",
-  "indent-32": "indent-32__bdc8238b"
+import { jsx as c } from "react/jsx-runtime";
+import { c as r } from "../../chunks/vendor-CehxOAkM.js";
+const s = "radioXGroup__eadecc9a", _ = "label__065c3332", n = {
+  radioXGroup: s,
+  "indent-12": "indent-12__7cc468c6",
+  label: _,
+  "indent-16": "indent-16__35fc33e9",
+  "indent-20": "indent-20__5ac03995",
+  "indent-24": "indent-24__4339e714",
+  "indent-28": "indent-28__99779caf",
+  "indent-32": "indent-32__89ac3ff3"
 }, l = (e) => {
-  const { children: d, className: i, indent: o = 12, ...t } = e, a = s(n.radioXGroup, n[`indent-${o}`], i);
-  return /* @__PURE__ */ r("div", { className: a, role: "radiogroup", ...t, children: d });
+  const { children: i, className: o, indent: t = 12, ...d } = e, a = r(n.radioXGroup, n[`indent-${t}`], o);
+  return /* @__PURE__ */ c("div", { className: a, role: "radiogroup", ...d, children: i });
 };
 l.displayName = "RadioXGroup";
 export {

package/components/Radio/RadioYGroup.js

@@ -1,13 +1,13 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as d } from "../../chunks/vendor-D-uL_icH.js";
-const e = "radioYGroup__e433336d", p = {
-  radioYGroup: e
-}, t = (o) => {
-  const { children: r, className: s, ...a } = o, i = d(p.radioYGroup, s);
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+const p = "radioYGroup__4069dfa1", t = {
+  radioYGroup: p
+}, e = (o) => {
+  const { children: r, className: s, ...a } = o, i = d(t.radioYGroup, s);
   return /* @__PURE__ */ c("div", { className: i, role: "radiogroup", ...a, children: r });
 };
-t.displayName = "RadioYGroup";
+e.displayName = "RadioYGroup";
 export {
-  t as RadioYGroup
+  e as RadioYGroup
 };
 //# sourceMappingURL=RadioYGroup.js.map

package/components/Radio/index.js

@@ -1,11 +1,9 @@
 import { Radio as p } from "./Radio.js";
-import { RadioXGroup as i } from "./RadioXGroup.js";
-import { RadioYGroup as d } from "./RadioYGroup.js";
-import { ERadioSize as m } from "./enum.js";
+import { RadioXGroup as d } from "./RadioXGroup.js";
+import { RadioYGroup as f } from "./RadioYGroup.js";
 export {
-  m as ERadioSize,
   p as Radio,
-  i as RadioXGroup,
-  d as RadioYGroup
+  d as RadioXGroup,
+  f as RadioYGroup
 };
 //# sourceMappingURL=index.js.map

package/components/Row/Row.js

@@ -1,14 +1,14 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as m } from "../../chunks/vendor-D-uL_icH.js";
-const c = "row__4e8abf51", e = "noPaddingBottom__bfbb4a0e", o = {
-  row: c,
-  noPaddingBottom: e
-}, i = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
-  const a = m(n, o.row, { [o.noPaddingBottom]: !s });
-  return /* @__PURE__ */ d("div", { className: a, ...r, children: t });
+import { jsx as c } from "react/jsx-runtime";
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+const m = "row__988f01ae", i = "noPaddingBottom__57c02643", o = {
+  row: m,
+  noPaddingBottom: i
+}, e = ({ children: t, className: n, paddingBottom: s = !0, ...r }) => {
+  const a = d(n, o.row, { [o.noPaddingBottom]: !s });
+  return /* @__PURE__ */ c("div", { className: a, ...r, children: t });
 };
-i.displayName = "Row";
+e.displayName = "Row";
 export {
-  i as Row
+  e as Row
 };
 //# sourceMappingURL=Row.js.map

package/components/SegmentedControl/SegmentedControl.js

@@ -1,67 +1,64 @@
-import { ESegmentedControlTheme as o, ESegmentedControlSize as r, ESegmentedControlType as c } from "./enums.js";
-import { SegmentedControlSegment as N } from "./SegmentedControlSegment.js";
-import { jsx as l } from "react/jsx-runtime";
-import b from "react";
-import { c as L } from "../../chunks/vendor-D-uL_icH.js";
-import { SegmentedControlContext as R } from "./SegmentedControlContext.js";
-const h = "segmentedControl__5e183e89", x = "general1__780803e7", M = "secondary1__4d00a09b", T = "general2__95c58724", A = "secondary2__9e04350c", G = "sm__7102e945", D = "md__5e3475c9", O = "lg__460bba89", e = {
-  segmentedControl: h,
-  general1: x,
-  secondary1: M,
-  general2: T,
-  secondary2: A,
+import { ESegmentedControlTheme as o, ESegmentedControlType as m } from "./enums.js";
+import { SegmentedControlSegment as y } from "./SegmentedControlSegment.js";
+import { jsx as d } from "react/jsx-runtime";
+import E from "react";
+import { c as R } from "../../chunks/vendor-CehxOAkM.js";
+import { SegmentedControlContext as T } from "./SegmentedControlContext.js";
+import { createSizeToClassNameMap as h } from "../../utils/classNameMaps.js";
+const x = "segmentedControl__79dada7d", L = "general1__518914e0", b = "secondary1__d24e02e3", A = "general2__05cad1b1", M = "secondary2__1c90502d", G = "sm__fd3555fc", O = "md__642147a0", j = "lg__79fd5d42", e = {
+  segmentedControl: x,
+  general1: L,
+  secondary1: b,
+  general2: A,
+  secondary2: M,
   sm: G,
-  md: D,
-  lg: O
-}, j = {
+  md: O,
+  lg: j
+}, v = {
   [o.GENERAL_1]: e.general1,
   [o.GENERAL_2]: e.general2,
   [o.SECONDARY_1]: e.secondary1,
   [o.SECONDARY_2]: e.secondary2
-}, v = {
-  [r.SM]: e.sm,
-  [r.MD]: e.md,
-  [r.LG]: e.lg
-}, z = Object.assign(
-  b.forwardRef(
-    ({ children: d, className: g, value: n, theme: _, type: a, size: i, disabled: C, onSelect: t, ...S }, f) => {
-      const E = L(
+}, z = h(e), D = Object.assign(
+  E.forwardRef(
+    ({ children: c, className: l, value: n, theme: g, type: r, size: _, disabled: i, onSelect: t, ...f }, C) => {
+      const p = R(
         e.segmentedControl,
-        j[_],
-        v[i],
-        g
-      ), p = ({
-        selected: m,
+        v[g],
+        z[_],
+        l
+      ), S = ({
+        selected: a,
         value: s
       }) => {
-        switch (a) {
-          case c.SINGLE:
-            m && t(s);
+        switch (r) {
+          case m.SINGLE:
+            a && t(s);
             break;
-          case c.MULTIPLE:
-            t(m ? [...n, s] : [...n].filter((y) => y !== s));
+          case m.MULTIPLE:
+            t(a ? [...n, s] : [...n].filter((N) => N !== s));
         }
       };
-      return /* @__PURE__ */ l(
-        R.Provider,
+      return /* @__PURE__ */ d(
+        T.Provider,
         {
           value: {
-            type: a,
+            type: r,
             value: n,
-            disabled: !!C,
-            onSegmentSelect: p
+            disabled: !!i,
+            onSegmentSelect: S
           },
-          children: /* @__PURE__ */ l("div", { className: E, ...S, "data-tx": "1.1.1", ref: f, children: d })
+          children: /* @__PURE__ */ d("div", { className: p, ...f, "data-tx": "1.3.0", ref: C, children: c })
         }
       );
     }
   ),
   {
-    Segment: N
+    Segment: y
   }
 );
-z.displayName = "SegmentedControl";
+D.displayName = "SegmentedControl";
 export {
-  z as SegmentedControl
+  D as SegmentedControl
 };
 //# sourceMappingURL=SegmentedControl.js.map