@sberbusiness/triplex-next 0.1.9 → 0.11.0

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -0,0 +1,116 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import z, { useRef as B } from "react";
+import { CaretdownStrokeSrvIcon24 as k, CaretdownStrokeSrvIcon20 as w, CaretdownStrokeSrvIcon16 as y } from "@sberbusiness/icons-next";
+import { EVENT_KEY_CODES as n } from "../../../utils/keyboard.js";
+import { LoaderSmall as x } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as S } from "../../Loader/LoaderSmall/enum.js";
+import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { c as u } from "../../../chunks/vendor-BlJo2ILB.js";
+import { FormField as P } from "../../FormField/FormField.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldCounter.js";
+import { FormFieldLabel as G } from "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldClear.js";
+import { FormFieldTarget as W } from "../../FormField/components/FormFieldTarget.js";
+import "../../../chunks/FormFieldInput-DO7mZKjJ.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import { FormFieldPostfix as j } from "../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix as K } from "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import { EFormFieldStatus as s } from "../../FormField/enums.js";
+import { EComponentSize as o } from "../../../enums/EComponentSize.js";
+const v = "selectExtendedFieldTarget__303af338", U = "caretIcon__9d49fbea", V = "selectOpened__fefb4160", Y = "loading__fe05dc5b", q = "disabled__200d6914", t = {
+  selectExtendedFieldTarget: v,
+  caretIcon: U,
+  selectOpened: V,
+  loading: Y,
+  disabled: q
+}, H = {
+  [o.SM]: /* @__PURE__ */ r(y, { paletteIndex: 5, className: t.caretIcon }),
+  [o.MD]: /* @__PURE__ */ r(w, { paletteIndex: 5, className: t.caretIcon }),
+  [o.LG]: /* @__PURE__ */ r(k, { paletteIndex: 5, className: t.caretIcon })
+}, J = {
+  [o.SM]: /* @__PURE__ */ r(x, { size: o.SM, theme: S.BRAND }),
+  [o.MD]: /* @__PURE__ */ r(x, { size: o.MD, theme: S.BRAND }),
+  [o.LG]: /* @__PURE__ */ r(x, { size: o.LG, theme: S.BRAND })
+}, Q = z.forwardRef(
+  (b, i) => {
+    const {
+      children: X,
+      className: h,
+      label: c,
+      placeholder: E,
+      onKeyDown: m,
+      onClick: p,
+      opened: a,
+      postfix: I,
+      prefix: D,
+      setOpened: F,
+      loading: l,
+      size: f = o.MD,
+      status: d,
+      tabIndex: N,
+      fieldLabel: _,
+      ...R
+    } = b, T = B(null), L = u(
+      t.selectExtendedFieldTarget,
+      {
+        [t.selectOpened]: a,
+        [t.loading]: l,
+        [t.disabled]: d === s.DISABLED
+      },
+      h
+    ), A = () => d === s.DISABLED || l ? -1 : N || 0, C = (e) => {
+      l && d === s.DISABLED || (F(!a), p == null || p(e));
+    }, M = (e) => {
+      l && d === s.DISABLED || (a || [
+        n.SPACE,
+        n.ENTER,
+        n.ARROW_DOWN,
+        n.ARROW_UP
+      ].includes(e.keyCode) && (e.preventDefault(), e.stopPropagation(), F(!a)), m == null || m(e));
+    }, O = (e) => {
+      T.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+    };
+    return /* @__PURE__ */ g(
+      P,
+      {
+        onClick: C,
+        tabIndex: A(),
+        onKeyDown: M,
+        status: d,
+        size: f,
+        className: L,
+        "aria-expanded": a,
+        "aria-haspopup": "listbox",
+        "data-tx": "0.11.0",
+        ...R,
+        children: [
+          D ? /* @__PURE__ */ r(K, { children: D }) : null,
+          /* @__PURE__ */ r(G, { children: _ }),
+          /* @__PURE__ */ r(
+            W,
+            {
+              ref: O,
+              className: u(t.target, {
+                [t.placeholder]: !!E && !c,
+                [t.label]: !!c
+              }),
+              placeholder: E,
+              children: c
+            }
+          ),
+          /* @__PURE__ */ g(j, { children: [
+            l ? J[f] : H[f],
+            I || null
+          ] })
+        ]
+      }
+    );
+  }
+);
+Q.displayName = "SelectExtendedFieldTarget";
+export {
+  Q as SelectExtendedFieldTarget
+};
+//# sourceMappingURL=SelectExtendedFieldTarget.js.map

package/components/SelectExtendedField/index.js

@@ -0,0 +1,9 @@
+import { SelectExtendedField as t } from "./SelectExtendedField.js";
+import { SelectExtendedFieldDropdown as r } from "./components/SelectExtendedFieldDropdown.js";
+import { SelectExtendedFieldTarget as x } from "./components/SelectExtendedFieldTarget.js";
+export {
+  t as SelectExtendedField,
+  r as SelectExtendedFieldDropdown,
+  x as SelectExtendedFieldTarget
+};
+//# sourceMappingURL=index.js.map

package/components/SelectField/SelectField.js

@@ -0,0 +1,62 @@
+import { jsx as o } from "react/jsx-runtime";
+import S, { useState as T, useRef as s } from "react";
+import { SelectExtendedField as d } from "../SelectExtendedField/SelectExtendedField.js";
+import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
+import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { SelectExtendedFieldDropdownDefault as v } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { DropdownListContext as F } from "../Dropdown/DropdownListContext.js";
+import { a as I } from "../../chunks/vendor-BlJo2ILB.js";
+const C = S.forwardRef((c, t) => {
+  const {
+    children: L,
+    className: m,
+    value: r,
+    size: n,
+    options: p,
+    onChange: f,
+    placeholder: u,
+    loading: a,
+    status: b,
+    "aria-labelledby": g,
+    dropdownListItemClassName: N,
+    mobileTitle: D,
+    targetProps: w,
+    ...x
+  } = c, [l, h] = T(), y = s(null), i = s(I()), R = (e) => {
+    y.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+  };
+  return /* @__PURE__ */ o(d, { className: m, renderTarget: (e) => /* @__PURE__ */ o(
+    d.Target,
+    {
+      label: r == null ? void 0 : r.label,
+      placeholder: u,
+      loading: a,
+      status: b,
+      role: "combobox",
+      "aria-controls": i.current,
+      "aria-activedescendant": l,
+      "aria-labelledby": g,
+      ref: R,
+      size: n,
+      ...w,
+      ...e
+    }
+  ), closeOnTab: !0, ...x, children: (e) => /* @__PURE__ */ o(F.Provider, { value: { activeDescendant: l, setActiveDescendant: h }, children: /* @__PURE__ */ o(
+    v,
+    {
+      ...e,
+      size: n,
+      loading: a,
+      listId: i.current,
+      mobileTitle: D,
+      onChange: f,
+      options: p,
+      value: r
+    }
+  ) }) });
+});
+C.displayName = "SelectField";
+export {
+  C as SelectField
+};
+//# sourceMappingURL=SelectField.js.map

package/components/SelectField/index.js

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

package/components/Skeleton/Skeleton.js

@@ -1,22 +1,22 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as r } from "../../chunks/vendor-CF2m175I.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as n } from "../../chunks/vendor-BlJo2ILB.js";
 import { ESkeletonType as t } from "./enums.js";
-const a = "skeleton__3e42577f", k = "light__dd0c7ef3", c = "dark__780d27af", o = {
-  skeleton: a,
+const r = "skeleton__33ec588b", k = "light__fd585758", a = "dark__2b79c7bc", o = {
+  skeleton: r,
   light: k,
-  dark: c
-}, f = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ n(
+  dark: a
+}, _ = ({ className: s, type: e = t.DARK, ...l }) => /* @__PURE__ */ c(
   "div",
   {
-    className: r(o.skeleton, s, {
+    className: n(o.skeleton, s, {
       [o.dark]: e === t.DARK,
       [o.light]: e === t.LIGHT
     }),
     ...l,
-    "data-tx": "0.1.9"
+    "data-tx": "0.11.0"
   }
 );
 export {
-  f as Skeleton
+  _ as Skeleton
 };
 //# sourceMappingURL=Skeleton.js.map

package/components/Slider/Slider.js

@@ -0,0 +1,20 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { SliderExtended as r } from "../SliderExtended/SliderExtended.js";
+const x = ({
+  marks: a,
+  onChange: c,
+  step: o = 1,
+  value: i,
+  renderTooltipContent: d,
+  size: h,
+  ...s
+}) => /* @__PURE__ */ n(r, { step: o, size: h, ...s, children: [
+  /* @__PURE__ */ l(r.Rail, {}),
+  /* @__PURE__ */ l(r.Dot, { value: i, onChange: c, children: d && /* @__PURE__ */ l(r.Tooltip, { value: i, children: d(i) }) }),
+  /* @__PURE__ */ l(r.Track, {}),
+  /* @__PURE__ */ l(r.Marks, { children: a.map((e) => /* @__PURE__ */ l(r.Mark, { value: e.value, children: e.label }, e.value)) })
+] });
+export {
+  x as Slider
+};
+//# sourceMappingURL=Slider.js.map

package/components/Slider/index.js

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

package/components/SliderExtended/SliderExtended.js

@@ -0,0 +1,102 @@
+import { jsx as S } from "react/jsx-runtime";
+import { useState as a, useLayoutEffect as b } from "react";
+import { c as C, l as O } from "../../chunks/vendor-BlJo2ILB.js";
+import { SliderExtendedDot as R } from "./components/SliderExtendedDot/SliderExtendedDot.js";
+import { SliderExtendedMarks as j } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
+import { SliderExtendedMark as H } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
+import { s as c, S as F } from "../../chunks/SliderExtendedRail-BXD0TPpN.js";
+import { SliderExtendedTrack as I } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
+import { SliderExtendedContext as L } from "./SliderExtendedContext.js";
+import { SliderExtendedUtils as x } from "./SliderExtendedUtils.js";
+import { SliderExtendedTooltip as P } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
+import { createSizeToClassNameMap as U } from "../../utils/classNameMaps.js";
+const q = U(c), w = ({
+  children: E,
+  disabled: m,
+  max: s,
+  min: d,
+  reverse: D = !1,
+  step: l,
+  size: p,
+  ...g
+}) => {
+  const [k, i] = a([]), [v, N] = a(!1), [T, M] = a(!1), [z, h] = a(null), [f, u] = a([]), y = (r) => {
+    i((e) => {
+      const t = [...e];
+      return t.push(r), t;
+    });
+  }, B = (r) => {
+    i((e) => [...e.filter((t) => t.id !== r)]);
+  }, V = (r) => {
+    i((e) => {
+      const t = [...e];
+      return t.some((n) => {
+        if (n.id === r.id)
+          return n = Object.assign(n, r), !0;
+      }), t;
+    });
+  };
+  return b(() => {
+    (() => {
+      if (typeof l == "number") {
+        const e = [...O.range(d, s, l), s];
+        u(
+          e.map((t) => ({
+            normalizedValue: x.getNormalizedValue({ max: s, min: d, value: t }),
+            value: t
+          }))
+        );
+      } else
+        u(
+          l.map((e) => ({
+            normalizedValue: x.getNormalizedValue({ max: s, min: d, value: e }),
+            value: e
+          }))
+        );
+    })();
+  }, [d, s, l]), f.length ? /* @__PURE__ */ S(
+    L.Provider,
+    {
+      value: {
+        addDot: y,
+        disabled: !!m,
+        dots: k,
+        focused: v,
+        isHoverOrDragTrack: T,
+        max: s,
+        min: d,
+        railNode: z,
+        removeDot: B,
+        reverse: !!D,
+        setFocused: N,
+        setIsHoverOrDragTrack: M,
+        setRailNode: h,
+        steps: f,
+        updateDot: V,
+        size: p
+      },
+      children: /* @__PURE__ */ S(
+        "div",
+        {
+          className: C(c.sliderExtended, q[p], {
+            [c.disabled]: !!m
+          }),
+          ...g,
+          "data-tx": "0.11.0",
+          children: E
+        }
+      )
+    }
+  ) : null;
+}, o = w;
+o.displayName = "SliderExtended";
+o.Dot = R;
+o.Mark = H;
+o.Marks = j;
+o.Rail = F;
+o.Track = I;
+o.Tooltip = P;
+export {
+  o as SliderExtended
+};
+//# sourceMappingURL=SliderExtended.js.map

package/components/SliderExtended/SliderExtendedContext.js

@@ -0,0 +1,30 @@
+import e from "react";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const o = {
+  addDot: () => {
+  },
+  disabled: !1,
+  dots: [],
+  focused: !1,
+  isHoverOrDragTrack: !1,
+  max: 0,
+  min: 0,
+  railNode: null,
+  removeDot: () => {
+  },
+  reverse: !1,
+  setFocused: () => {
+  },
+  setIsHoverOrDragTrack: () => {
+  },
+  setRailNode: () => {
+  },
+  steps: [],
+  updateDot: () => {
+  },
+  size: t.MD
+}, a = e.createContext(o);
+export {
+  a as SliderExtendedContext
+};
+//# sourceMappingURL=SliderExtendedContext.js.map

package/components/SliderExtended/SliderExtendedUtils.js

@@ -0,0 +1,32 @@
+const i = {
+  getNearestDotByValue: ({ value: a, dots: e }) => {
+    let t = e[0], l = 1 / 0;
+    return e.forEach((n) => {
+      const r = Math.abs(n.value - a);
+      r < l && (l = r, t = n);
+    }), t;
+  },
+  getNearestStep: ({ normalizedValue: a, steps: e }) => {
+    let t = e[0], l = 100;
+    return e.forEach((n) => {
+      const r = Math.abs(a - n.normalizedValue);
+      r < l && (l = r, t = n);
+    }), t;
+  },
+  getNormalizedCursorValue: ({ cursorXPosition: a, railNode: e }) => (a - e.getBoundingClientRect().left) * 100 / e.offsetWidth,
+  getNormalizedValue: ({ max: a, min: e, value: t }) => {
+    const l = a - e, r = (t - e) * 100 / l;
+    return Math.min(100, Math.max(0, r));
+  },
+  getStepIndexByNormalizedValue: ({ normalizedValue: a, steps: e }) => {
+    let t = 0;
+    return e.some((l, n) => {
+      if (l.normalizedValue === a)
+        return t = n, !0;
+    }), t;
+  }
+};
+export {
+  i as SliderExtendedUtils
+};
+//# sourceMappingURL=SliderExtendedUtils.js.map

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -0,0 +1,158 @@
+import { jsxs as I, Fragment as B, jsx as m } from "react/jsx-runtime";
+import { useState as a, useContext as re, useRef as le, useLayoutEffect as L, useEffect as ae } from "react";
+import { a as ie, l as k, c as ne } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { SliderExtendedUtils as o } from "../../SliderExtendedUtils.js";
+import { SliderExtendedContext as ce } from "../../SliderExtendedContext.js";
+import { SliderExtendedMoveHandler as ue } from "../SliderExtendedMoveHandler.js";
+import { SliderExtendedDotActions as O } from "./SliderExtendedDotActions.js";
+import { useSliderExtendedDotTabIndex as fe } from "./useSliderExtendedDotTabIndex.js";
+import { KeyDownListener as F } from "../../../KeyDownListener/KeyDownListener.js";
+import { EVENT_KEY_CODES as p } from "../../../../utils/keyboard.js";
+import { createSizeToClassNameMap as me } from "../../../../utils/classNameMaps.js";
+const pe = "sliderExtendedDot__24b6b2f3", xe = "focusedByClick__da27ebe9", he = "disabled__1a96f37f", ge = "dragByMouse__af01050f", De = "lg__07d14245", i = {
+  sliderExtendedDot: pe,
+  focusedByClick: xe,
+  disabled: he,
+  dragByMouse: ge,
+  lg: De
+}, Ee = me(i), ye = ({
+  children: K,
+  className: P,
+  onBlur: x,
+  onChange: r,
+  onFocus: h,
+  onMouseDown: g,
+  onTouchStart: D,
+  value: d,
+  ...A
+}) => {
+  const [W, N] = a(!1), [X, E] = a(!1), [H, n] = a(!1), [l] = a(ie()), [U, M] = a(0), {
+    addDot: j,
+    disabled: _,
+    dots: z,
+    focused: y,
+    isHoverOrDragTrack: w,
+    max: c,
+    min: u,
+    railNode: f,
+    removeDot: q,
+    reverse: v,
+    setFocused: V,
+    steps: s,
+    updateDot: G,
+    size: Y
+  } = re(ce), $ = fe(_, l, z, y), b = le(null);
+  L(() => () => q(l), []), ae(() => {
+    const e = o.getNormalizedValue({ max: c, min: u, value: d });
+    j({
+      changeValue: r,
+      id: l,
+      normalizedValue: e,
+      stepIndex: o.getStepIndexByNormalizedValue({ normalizedValue: e, steps: s }),
+      value: d
+    });
+  }, []), L(() => {
+    const e = o.getNormalizedValue({ max: c, min: u, value: d });
+    M(v ? 100 - e : e), G({
+      changeValue: r,
+      id: l,
+      normalizedValue: e,
+      stepIndex: o.getStepIndexByNormalizedValue({
+        normalizedValue: e,
+        steps: s
+      }),
+      value: d
+    });
+  }, [r, d, c, u, s]);
+  const J = (e) => (t) => {
+    E(!0), n(!0), document.addEventListener("mouseup", C), e(t), g == null || g(t);
+  }, Q = (e) => {
+    if (f) {
+      let t = o.getNormalizedCursorValue({
+        cursorXPosition: e.clientX,
+        railNode: f
+      });
+      v && (t = 100 - t);
+      const S = o.getNearestStep({ normalizedValue: t, steps: s });
+      r(S.value);
+    }
+  }, C = () => {
+    n(!1), document.removeEventListener("mouseup", C);
+  }, Z = (e) => (t) => {
+    t.touches.length == 1 && (E(!0), n(!0), document.addEventListener("touchend", R), e(t), D == null || D(t));
+  }, ee = (e) => {
+    if (e.touches.length == 1 && (e.cancelable && e.preventDefault(), f)) {
+      let t = o.getNormalizedCursorValue({
+        cursorXPosition: e.touches[0].clientX,
+        railNode: f
+      });
+      v && (t = 100 - t);
+      const S = o.getNearestStep({ normalizedValue: t, steps: s });
+      r(S.value);
+    }
+  }, R = (e) => {
+    e.cancelable && e.preventDefault(), n(!1), document.removeEventListener("touchend", R);
+  }, T = () => z.filter((e) => e.id === l)[0], te = (e) => {
+    e.preventDefault(), O.moveToPrevStep(T(), s);
+  }, oe = (e) => {
+    e.preventDefault(), O.moveToNextStep(T(), s);
+  }, se = (e) => {
+    y || V(!0), N(!0), h == null || h(e);
+  }, de = (e) => {
+    y && V(!1), E(!1), N(!1), x == null || x(e);
+  };
+  return /* @__PURE__ */ I(B, { children: [
+    W && /* @__PURE__ */ I(B, { children: [
+      /* @__PURE__ */ m(
+        F,
+        {
+          onMatch: te,
+          eventKeyCode: [p.ARROW_LEFT, p.ARROW_DOWN]
+        }
+      ),
+      /* @__PURE__ */ m(
+        F,
+        {
+          onMatch: oe,
+          eventKeyCode: [p.ARROW_RIGHT, p.ARROW_UP]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ m(
+      ue,
+      {
+        onMouseMove: k.throttle(Q, 50),
+        onTouchMove: k.throttle(ee),
+        targetRef: b,
+        children: ({ onTargetMouseDown: e, onTargetTouchStart: t }) => /* @__PURE__ */ m(
+          "span",
+          {
+            tabIndex: $,
+            role: "slider",
+            "aria-valuemin": u,
+            "aria-valuenow": d,
+            "aria-valuemax": c,
+            ...A,
+            className: ne(i.sliderExtendedDot, Ee[Y], P, {
+              [i.disabled]: _,
+              [i.dragByMouse]: H || w,
+              [i.focusedByClick]: X
+            }),
+            onBlur: de,
+            onFocus: se,
+            onMouseDown: J(e),
+            onTouchStart: Z(t),
+            style: { left: `${U}%` },
+            ref: b,
+            children: K
+          }
+        )
+      }
+    )
+  ] });
+};
+ye.displayName = "SliderExtendedDot";
+export {
+  ye as SliderExtendedDot
+};
+//# sourceMappingURL=SliderExtendedDot.js.map

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDotActions.js

@@ -0,0 +1,12 @@
+const t = {
+  moveToNextStep: (e, n) => {
+    e.stepIndex < n.length - 1 && e.changeValue(n[e.stepIndex + 1].value);
+  },
+  moveToPrevStep: (e, n) => {
+    e.stepIndex > 0 && e.changeValue(n[e.stepIndex - 1].value);
+  }
+};
+export {
+  t as SliderExtendedDotActions
+};
+//# sourceMappingURL=SliderExtendedDotActions.js.map

package/components/SliderExtended/components/SliderExtendedDot/useSliderExtendedDotTabIndex.js

@@ -0,0 +1,21 @@
+import { useState as u, useLayoutEffect as a } from "react";
+const x = (f, s, t, n) => {
+  const [o, e] = u(-1);
+  return a(() => {
+    t.length === 2 ? [...t].sort((i, l) => i.value - l.value)[0].id === s && e(0) : e(0);
+  }, []), a(() => {
+    if (t.length === 2) {
+      const r = [...t].sort((i, l) => i.value - l.value);
+      n ? r[1].id === s ? e(3) : e(1) : r[0].id === s ? e(0) : e(-1);
+    }
+  }, [n]), a(() => {
+    if (t.length === 2) {
+      const r = [...t].sort((i, l) => i.value - l.value);
+      n ? r[0].id === s ? e(1) : e(3) : r[0].id === s ? e(0) : e(-1);
+    }
+  }, [t]), f ? -1 : o;
+};
+export {
+  x as useSliderExtendedDotTabIndex
+};
+//# sourceMappingURL=useSliderExtendedDotTabIndex.js.map

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -0,0 +1,48 @@
+import { jsxs as E, jsx as l } from "react/jsx-runtime";
+import C from "react";
+import { SliderExtendedContext as M } from "../../SliderExtendedContext.js";
+import { SliderExtendedMarkActions as s } from "./SliderExtendedMarkActions.js";
+import { c as o } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { s as e } from "../../../../chunks/SliderExtendedMarks.module-B7ILUATa.js";
+import { EComponentSize as z } from "../../../../enums/EComponentSize.js";
+import { ETextSize as c } from "../../../Typography/enums.js";
+import { Text as N } from "../../../Typography/Text.js";
+import { createSizeToClassNameMap as T } from "../../../../utils/classNameMaps.js";
+const y = T(e), g = ({
+  children: x,
+  className: p,
+  value: t,
+  ...S
+}) => {
+  const { disabled: i, dots: r, min: a, max: f, reverse: d, size: m } = C.useContext(M), n = () => s.moveNearestDot({ dots: r, value: t }), k = m === z.LG ? c.B3 : c.B4;
+  return /* @__PURE__ */ E(
+    "span",
+    {
+      className: o(e.sliderExtendedMark, y[m], p, {
+        // Одна из SliderExtended.Dot, находится на текущей позиции.
+        [e.active]: s.isActive({ dots: r, value: t }) && !i,
+        [e.disabled]: i,
+        [e.reverse]: d
+      }),
+      ...S,
+      style: s.getStyle({ max: f, min: a, reverse: d, value: t }),
+      children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            className: o(e.sliderExtendedMarkDot, {
+              [e.inSelectedRange]: s.isInSelectedRange({ dots: r, min: a, value: t })
+            }),
+            onClick: n
+          }
+        ),
+        /* @__PURE__ */ l(N, { className: o(e.sliderExtendedMarkText), size: k, onClick: n, children: x })
+      ]
+    }
+  );
+};
+g.displayName = "SliderExtendedMark";
+export {
+  g as SliderExtendedMark
+};
+//# sourceMappingURL=SliderExtendedMark.js.map