mimir-ui-kit 1.34.2 → 1.34.4-t

package/dist/components/Slider/index.d.ts

@@ -1 +1 @@
-export { Slider } from './Slider';
+export declare const Slider: import('react').LazyExoticComponent<typeof import('./Slider').default>;

package/dist/components/Slider/index.js

@@ -1,4 +1,5 @@
-import { Slider } from "./Slider.js";
+import { lazy as o } from "react";
+const t = o(() => import("./Slider.js"));
 export {
-  Slider
+  t as Slider
 };

package/dist/components/Steps/Steps.d.ts

@@ -43,6 +43,10 @@ export type TProps = TCommonStepsProps & Omit<ComponentProps<'div'>, 'onClick'>
      * Адаптивный шаг
      */
     resizable?: boolean;
+    /**
+     * Нужен ли сброс до нулевого значения.
+     */
+    needZeroValue?: boolean;
     /**
      * Класс для иконки шага
      */

package/dist/components/Steps/Steps.js

@@ -1,164 +1,122 @@
-import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useId, useState, useRef, useEffect } from "react";
-import { ZERO_STEP, EStepsSize, ID_SEPARATOR, STEP_ICONS_MAP, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
-import { Icon } from "../../icons/Icon.js";
-import '../../assets/Steps.css';const container = "_container_1cq8d_2";
-const step = "_step_1cq8d_6";
-const editable = "_editable_1cq8d_9";
-const resizable = "_resizable_1cq8d_12";
-const XS = "_XS_1cq8d_17";
-const XS1 = "_XS1_1cq8d_20";
-const S = "_S_1cq8d_23";
-const M = "_M_1cq8d_26";
-const L = "_L_1cq8d_29";
-const XL = "_XL_1cq8d_32";
-const cls = {
-  container,
-  step,
-  editable,
-  resizable,
-  XS,
-  XS1,
-  S,
-  M,
-  L,
-  XL
-};
-const Steps = forwardRef(
-  (props, ref) => {
+import { jsx as E } from "react/jsx-runtime";
+import { c as y } from "../../index-DIxK0V-G.js";
+import { forwardRef as V, useId as G, useState as N, useRef as J, useEffect as C } from "react";
+import { ZERO_STEP as A, EStepsSize as K, ID_SEPARATOR as R, STEP_ICONS_MAP as Q, StepSize as U, DIFF_BETWEEN_STEP_AND_INDEX as Y } from "./constants.js";
+import { Icon as x } from "../../icons/Icon.js";
+import '../../assets/Steps.css';const ee = "_container_1cq8d_2", oe = "_step_1cq8d_6", te = "_editable_1cq8d_9", ne = "_resizable_1cq8d_12", se = "_XS_1cq8d_17", re = "_XS1_1cq8d_20", le = "_S_1cq8d_23", ce = "_M_1cq8d_26", ae = "_L_1cq8d_29", ie = "_XL_1cq8d_32", l = {
+  container: ee,
+  step: oe,
+  editable: te,
+  resizable: ne,
+  XS: se,
+  XS1: re,
+  S: le,
+  M: ce,
+  L: ae,
+  XL: ie
+}, ue = V(
+  (T, k) => {
     const {
-      rootClassName,
-      stepClassName,
-      quantity,
-      current = ZERO_STEP,
-      editable: editable2 = false,
-      size = EStepsSize.M,
-      onClick,
-      customSize,
-      resizable: resizable2,
-      disabled = false,
-      zones = [{ color: "#ff0000", to: quantity }],
-      unselectedColor = "#ffffff",
-      fillByActualZone,
-      onStepMouseEnter,
-      onStepMouseLeave,
-      setParentColor,
-      classNameIconStep,
-      ...otherProps
-    } = props;
-    const idPrefix = useId();
-    const [step2, setStep] = useState(current);
-    const [hoveredStep, setHoveredStep] = useState(null);
-    const stepWasChangedRef = useRef(null);
-    const [currentColor, setCurrentColor] = useState(null);
-    useEffect(() => {
-      setStep(current);
-    }, [current]);
-    useEffect(() => {
-      if (fillByActualZone) {
-        const zone = zones.find((zone2) => zone2.to >= (step2 || 0));
-        zone && setCurrentColor(zone.color);
-      }
-    }, [fillByActualZone, step2, zones]);
-    const handleClick = (idx) => {
-      const clickedStep = idx + DIFF_BETWEEN_STEP_AND_INDEX;
-      stepWasChangedRef.current = true;
-      setStep(clickedStep !== step2 ? clickedStep : ZERO_STEP);
-    };
-    useEffect(() => {
-      if (stepWasChangedRef.current === true) {
-        onClick && onClick(step2);
-        stepWasChangedRef.current = false;
-      }
-    }, [onClick, step2]);
-    const handleMouseEnter = (evt) => {
-      const hoveredIdx = Number(evt.currentTarget.id.split(ID_SEPARATOR)[1]);
-      setHoveredStep(hoveredIdx);
-      onStepMouseEnter && onStepMouseEnter(hoveredIdx);
-      const zone = zones.find((zone2) => zone2.to >= (hoveredIdx + 1 || 0));
-      if (zone) {
-        setParentColor && setParentColor(zone.color);
-        if (fillByActualZone) {
-          setCurrentColor(zone.color);
-        }
+      rootClassName: D,
+      stepClassName: Z,
+      quantity: z,
+      needZeroValue: O = !0,
+      current: _ = A,
+      editable: q = !1,
+      size: d = K.M,
+      onClick: f,
+      customSize: p,
+      resizable: i,
+      disabled: M = !1,
+      zones: r = [{ color: "#ff0000", to: z }],
+      unselectedColor: S = "#ffffff",
+      fillByActualZone: c,
+      onStepMouseEnter: v,
+      onStepMouseLeave: X,
+      setParentColor: u,
+      classNameIconStep: $,
+      ...w
+    } = T, B = G(), [t, m] = N(_), [a, L] = N(null), b = J(null), [I, h] = N(null);
+    C(() => {
+      m(_);
+    }, [_]), C(() => {
+      if (c) {
+        const o = r.find((e) => e.to >= (t || 0));
+        o && h(o.color);
       }
+    }, [c, t, r]);
+    const F = (o) => {
+      const e = o + Y;
+      if (b.current = !0, O)
+        return m(e !== t ? e : A);
+      m(e);
     };
-    const handleMouseLeave = () => {
-      setHoveredStep(null);
-      onStepMouseLeave && onStepMouseLeave();
-      const zone = zones.find((zone2) => zone2.to >= (step2 || 0));
-      if (zone) {
-        setParentColor && setParentColor(zone.color);
-        if (fillByActualZone) {
-          setCurrentColor(zone.color);
-        }
-      }
-    };
-    const buttons = Array.from({ length: quantity }, (_, idx) => {
-      var _a, _b;
-      let currentZone = 0;
-      while (currentZone < zones.length && zones[currentZone].to <= idx) {
-        currentZone++;
-      }
-      let color;
-      if (fillByActualZone && hoveredStep !== null) {
-        color = idx <= hoveredStep ? currentColor : unselectedColor;
-      } else {
-        if (fillByActualZone) {
-          color = step2 > idx ? currentColor : unselectedColor;
-        } else {
-          color = hoveredStep !== null && idx <= hoveredStep ? (_a = zones[currentZone]) == null ? void 0 : _a.color : step2 > idx && hoveredStep === null ? (_b = zones[currentZone]) == null ? void 0 : _b.color : unselectedColor;
-        }
-      }
-      return /* @__PURE__ */ jsx(
+    C(() => {
+      b.current === !0 && (f && f(t), b.current = !1);
+    }, [f, t]);
+    const W = (o) => {
+      const e = Number(o.currentTarget.id.split(R)[1]);
+      L(e), v && v(e);
+      const n = r.find((s) => s.to >= (e + 1 || 0));
+      n && (u && u(n.color), c && h(n.color));
+    }, j = () => {
+      L(null), X && X();
+      const o = r.find((e) => e.to >= (t || 0));
+      o && (u && u(o.color), c && h(o.color));
+    }, H = Array.from({ length: z }, (o, e) => {
+      var P, g;
+      let n = 0;
+      for (; n < r.length && r[n].to <= e; )
+        n++;
+      let s;
+      return c && a !== null ? s = e <= a ? I : S : c ? s = t > e ? I : S : s = a !== null && e <= a ? (P = r[n]) == null ? void 0 : P.color : t > e && a === null ? (g = r[n]) == null ? void 0 : g.color : S, /* @__PURE__ */ E(
         "button",
         {
           type: "button",
           style: {
-            backgroundColor: resizable2 ? color !== null ? color : void 0 : void 0,
-            color: color !== null ? color : void 0,
-            height: customSize == null ? void 0 : customSize.height
+            backgroundColor: i && s !== null ? s : void 0,
+            color: s !== null ? s : void 0,
+            height: p == null ? void 0 : p.height
           },
-          id: `${idPrefix}${ID_SEPARATOR}${idx}`,
-          className: classNames(cls.step, cls[size], stepClassName, {
-            [cls.editable]: editable2 && !disabled,
-            [cls.resizable]: resizable2,
-            [cls.disabled]: disabled || !editable2 && idx + 1 > step2
+          id: `${B}${R}${e}`,
+          className: y(l.step, l[d], Z, {
+            [l.editable]: q && !M,
+            [l.resizable]: i,
+            [l.disabled]: M || !q && e + 1 > t
           }),
-          onClick: () => handleClick(idx),
-          onMouseEnter: handleMouseEnter,
-          onMouseLeave: handleMouseLeave,
-          children: !resizable2 && /* @__PURE__ */ jsx(
-            Icon,
+          onClick: () => F(e),
+          onMouseEnter: W,
+          onMouseLeave: j,
+          children: !i && /* @__PURE__ */ E(
+            x,
             {
-              iconName: STEP_ICONS_MAP[size].icon,
-              ...StepSize[size],
-              className: classNameIconStep
+              iconName: Q[d].icon,
+              ...U[d],
+              className: $
             }
           )
         },
-        idx
+        e
       );
     });
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ E(
       "div",
       {
-        ...otherProps,
-        className: classNames(
-          cls.container,
+        ...w,
+        className: y(
+          l.container,
           {
-            [cls.resizable]: resizable2
+            [l.resizable]: i
           },
-          rootClassName
+          D
         ),
-        ref,
-        children: buttons
+        ref: k,
+        children: H
       }
     );
   }
 );
-Steps.displayName = "Steps";
+ue.displayName = "Steps";
 export {
-  Steps
+  ue as Steps
 };

package/dist/components/Steps/constants.js

@@ -1,16 +1,6 @@
-const ZERO_STEP = 0;
-const DIFF_BETWEEN_STEP_AND_INDEX = 1;
-const ID_SEPARATOR = "-//-";
-var EStepsSize = /* @__PURE__ */ ((EStepsSize2) => {
-  EStepsSize2["XS"] = "XS";
-  EStepsSize2["XS1"] = "XS1";
-  EStepsSize2["S"] = "S";
-  EStepsSize2["M"] = "M";
-  EStepsSize2["L"] = "L";
-  EStepsSize2["XL"] = "XL";
-  return EStepsSize2;
-})(EStepsSize || {});
-const StepSize = {
+const S = 0, X = 1, n = "-//-";
+var t = /* @__PURE__ */ ((h) => (h.XS = "XS", h.XS1 = "XS1", h.S = "S", h.M = "M", h.L = "L", h.XL = "XL", h))(t || {});
+const c = {
   XS: {
     width: 19,
     height: 8
@@ -35,59 +25,33 @@ const StepSize = {
     width: 72,
     height: 12
   }
-};
-const STEP_ICONS_MAP = {
-  [
-    "XS"
-    /* XS */
-  ]: {
+}, L = {
+  XS: {
     icon: "Step"
   },
-  [
-    "XS1"
-    /* XS1 */
-  ]: {
+  XS1: {
     icon: "Step"
   },
-  [
-    "S"
-    /* S */
-  ]: {
+  S: {
     icon: "Step"
   },
-  [
-    "M"
-    /* M */
-  ]: {
+  M: {
     icon: "Step"
   },
-  [
-    "L"
-    /* L */
-  ]: {
+  L: {
     icon: "Step"
   },
-  [
-    "XL"
-    /* XL */
-  ]: {
+  XL: {
     icon: "StepXL"
   }
 };
-var EStepColor = /* @__PURE__ */ ((EStepColor2) => {
-  EStepColor2["ASPHALT"] = "#333333";
-  EStepColor2["CITRINE"] = "#ff7900";
-  EStepColor2["SAPPHIRE"] = "#2355d7";
-  EStepColor2["GREEN"] = "#1b770c";
-  EStepColor2["DISABLED"] = "#b2b2b2";
-  return EStepColor2;
-})(EStepColor || {});
+var i = /* @__PURE__ */ ((h) => (h.ASPHALT = "#333333", h.CITRINE = "#ff7900", h.SAPPHIRE = "#2355d7", h.GREEN = "#1b770c", h.DISABLED = "#b2b2b2", h))(i || {});
 export {
-  DIFF_BETWEEN_STEP_AND_INDEX,
-  EStepColor,
-  EStepsSize,
-  ID_SEPARATOR,
-  STEP_ICONS_MAP,
-  StepSize,
-  ZERO_STEP
+  X as DIFF_BETWEEN_STEP_AND_INDEX,
+  i as EStepColor,
+  t as EStepsSize,
+  n as ID_SEPARATOR,
+  L as STEP_ICONS_MAP,
+  c as StepSize,
+  S as ZERO_STEP
 };

package/dist/components/Steps/index.js

@@ -1,7 +1,7 @@
-import { Steps } from "./Steps.js";
-import { EStepColor, EStepsSize } from "./constants.js";
+import { Steps as p } from "./Steps.js";
+import { EStepColor as t, EStepsSize as S } from "./constants.js";
 export {
-  EStepColor,
-  EStepsSize,
-  Steps
+  t as EStepColor,
+  S as EStepsSize,
+  p as Steps
 };

package/dist/components/Switcher/Switcher.d.ts

@@ -0,0 +1,3 @@
+import { TProps } from './types';
+
+export declare const Switcher: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Switcher/Switcher.js

@@ -0,0 +1,107 @@
+import { jsxs as N, jsx as H } from "react/jsx-runtime";
+import { H as Z } from "../../field-FJ34aSs4.js";
+import { K as L, w as ee, z as te, U as re, u as se, a as ae, b as ce, T as le, I as oe, G as ie, j as ne, p as ue } from "../../label-y3ANLTNC.js";
+import { W as he, H as j, y as me, p as de, o as g, $ as pe, b as fe, D as be, c as I } from "../../keyboard-B0lm_zyn.js";
+import u, { createContext as we, useState as G, useMemo as K, useId as _e, useContext as ge, useRef as ve, useCallback as $e, Fragment as ke, forwardRef as xe } from "react";
+import { w as ye } from "../../use-active-press-86hajhdd.js";
+import { T as Pe } from "../../use-resolve-button-type-BAxjHhds.js";
+import { r as Te } from "../../bugs-diTMAGNw.js";
+import { c as v } from "../../index-DIxK0V-G.js";
+import { ELabelPositions as Ce } from "./constants.js";
+import '../../assets/Switcher.css';let x = we(null);
+x.displayName = "GroupContext";
+let De = ke;
+function Ee(s) {
+  var l;
+  let [e, n] = G(null), [h, m] = te(), [d, t] = re(), a = K(() => ({ switch: e, setSwitch: n }), [e, n]), c = {}, p = s;
+  return u.createElement(t, { name: "Switch.Description", value: d }, u.createElement(m, { name: "Switch.Label", value: h, props: { htmlFor: (l = a.switch) == null ? void 0 : l.id, onClick(o) {
+    e && (o.currentTarget instanceof HTMLLabelElement && o.preventDefault(), e.click(), e.focus({ preventScroll: !0 }));
+  } } }, u.createElement(x.Provider, { value: a }, j({ ourProps: c, theirProps: p, slot: {}, defaultTag: De, name: "Switch.Group" }))));
+}
+let Fe = "button";
+function Se(s, l) {
+  var e;
+  let n = _e(), h = se(), m = ae(), { id: d = h || `headlessui-switch-${n}`, disabled: t = m || !1, checked: a, defaultChecked: c, onChange: p, name: o, value: $, form: k, autoFocus: _ = !1, ...R } = s, y = ge(x), P = ve(null), M = me(P, l, y === null ? null : y.setSwitch), f = ce(c), [b, w] = le(a, p, f ?? !1), U = de(), [T, C] = G(!1), D = g(() => {
+    C(!0), w == null || w(!b), U.nextFrame(() => {
+      C(!1);
+    });
+  }), O = g((r) => {
+    if (Te(r.currentTarget)) return r.preventDefault();
+    r.preventDefault(), D();
+  }), V = g((r) => {
+    r.key === I.Space ? (r.preventDefault(), D()) : r.key === I.Enter && ue(r.currentTarget);
+  }), W = g((r) => r.preventDefault()), q = oe(), z = ie(), { isFocusVisible: E, focusProps: B } = pe({ autoFocus: _ }), { isHovered: F, hoverProps: J } = fe({ isDisabled: t }), { pressed: S, pressProps: X } = ye({ disabled: t }), A = K(() => ({ checked: b, disabled: t, hover: F, focus: E, active: S, autofocus: _, changing: T }), [b, F, E, S, t, T, _]), Q = be({ id: d, ref: M, role: "switch", type: Pe(s, P), tabIndex: s.tabIndex === -1 ? 0 : (e = s.tabIndex) != null ? e : 0, "aria-checked": b, "aria-labelledby": q, "aria-describedby": z, disabled: t || void 0, autoFocus: _, onClick: O, onKeyUp: V, onKeyPress: W }, B, J, X), Y = $e(() => {
+    if (f !== void 0) return w == null ? void 0 : w(f);
+  }, [w, f]);
+  return u.createElement(u.Fragment, null, o != null && u.createElement(ne, { disabled: t, data: { [o]: $ || "on" }, overrides: { type: "checkbox", checked: b }, form: k, onReset: Y }), j({ ourProps: Q, theirProps: R, slot: A, defaultTag: Fe, name: "Switch" }));
+}
+let Ne = he(Se), He = Ee, Ie = L, Le = ee, je = Object.assign(Ne, { Group: He, Label: Ie, Description: Le });
+const Ge = "_left_gu0m2_14", Ke = "_right_gu0m2_17", Re = "_label_gu0m2_21", Me = "_switcher_gu0m2_2", i = {
+  "switcher-wrapper": "_switcher-wrapper_gu0m2_2",
+  left: Ge,
+  right: Ke,
+  label: Re,
+  switcher: Me,
+  "switcher-checked": "_switcher-checked_gu0m2_45",
+  "switcher-thumb": "_switcher-thumb_gu0m2_55",
+  "switcher-checked-thumb": "_switcher-checked-thumb_gu0m2_65"
+}, Qe = xe(
+  ({
+    id: s,
+    label: l,
+    hasLabel: e = !1,
+    labelPosition: n = Ce.LEFT,
+    className: h,
+    labelClassName: m,
+    switcherThumbClassName: d,
+    wrapperClassName: t,
+    children: a,
+    checked: c,
+    ...p
+  }, o) => {
+    const $ = (k) => typeof a == "function" ? a({ ...k, checked: c }) : a;
+    return /* @__PURE__ */ N(
+      Z,
+      {
+        className: v(
+          i["switcher-wrapper"],
+          t,
+          i[n]
+        ),
+        children: [
+          l && e && /* @__PURE__ */ H(L, { className: v(i.label, m), htmlFor: s, children: l }),
+          /* @__PURE__ */ N(
+            je,
+            {
+              ...p,
+              id: s,
+              ref: o,
+              className: v(i.switcher, h, {
+                [i["switcher-checked"]]: c
+              }),
+              children: [
+                $({ checked: c }),
+                /* @__PURE__ */ H(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: v(
+                      i["switcher-thumb"],
+                      d,
+                      {
+                        [i["switcher-checked-thumb"]]: c
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Qe as Switcher
+};

package/dist/components/Switcher/constants.d.ts

@@ -0,0 +1,4 @@
+export declare enum ELabelPositions {
+    LEFT = "left",
+    RIGHT = "right"
+}

package/dist/components/Switcher/constants.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.LEFT = "left", r.RIGHT = "right", r))(t || {});
+export {
+  t as ELabelPositions
+};

package/dist/components/Switcher/index.d.ts

@@ -0,0 +1,3 @@
+export { Switcher } from './Switcher';
+export type { TProps as TSwitcherProps } from './types';
+export { ELabelPositions } from './constants';

package/dist/components/Switcher/index.js

@@ -0,0 +1,6 @@
+import { Switcher as e } from "./Switcher.js";
+import { ELabelPositions as i } from "./constants.js";
+export {
+  i as ELabelPositions,
+  e as Switcher
+};

package/dist/components/Switcher/types.d.ts

@@ -0,0 +1,30 @@
+import { SwitchProps } from '@headlessui/react';
+import { ReactNode } from 'react';
+import { ELabelPositions } from './constants';
+
+export type SwitchRenderPropArg = {
+    checked?: boolean;
+    hover?: boolean;
+    focus?: boolean;
+    active?: boolean;
+    autofocus?: boolean;
+    changing?: boolean;
+    disabled?: boolean;
+};
+type TLabelProps = {
+    hasLabel: true;
+    label: ReactNode;
+    labelClassName?: string;
+    labelPosition?: ELabelPositions | `${ELabelPositions}`;
+} | {
+    hasLabel: false;
+    label?: never;
+    labelClassName?: never;
+    labelPosition?: never;
+};
+export type TProps = SwitchProps & TLabelProps & {
+    className?: string;
+    switcherThumbClassName?: string;
+    wrapperClassName?: string;
+};
+export {};

package/dist/components/TabTrail/TabButtons/TabButtons.js

@@ -1,29 +1,29 @@
-import { jsx } from "react/jsx-runtime";
-import { memo, useMemo } from "react";
-import { ETabTrailIconName, ETabTrailButtonVariant } from "./constants.js";
-import { MergedButton } from "../../MergedButton/MergedButton.js";
-const TabButtons = memo(
-  ({ handleNextTab, handlePrevTab }) => {
-    const buttons = useMemo(
+import { jsx as m } from "react/jsx-runtime";
+import { memo as a, useMemo as u } from "react";
+import { ETabTrailIconName as r, ETabTrailButtonVariant as n } from "./constants.js";
+import { MergedButton as c } from "../../MergedButton/MergedButton.js";
+const p = a(
+  ({ handleNextTab: o, handlePrevTab: t }) => {
+    const i = u(
       () => [
         {
-          isIconButton: true,
-          iconName: ETabTrailIconName.LEFT,
-          variant: ETabTrailButtonVariant.WHITE,
-          onClick: handlePrevTab
+          isIconButton: !0,
+          iconName: r.LEFT,
+          variant: n.WHITE,
+          onClick: t
         },
         {
-          isIconButton: true,
-          iconName: ETabTrailIconName.RIGHT,
-          variant: ETabTrailButtonVariant.WHITE,
-          onClick: handleNextTab
+          isIconButton: !0,
+          iconName: r.RIGHT,
+          variant: n.WHITE,
+          onClick: o
         }
       ],
-      [handlePrevTab, handleNextTab]
+      [t, o]
     );
-    return /* @__PURE__ */ jsx(MergedButton, { buttons });
+    return /* @__PURE__ */ m(c, { buttons: i });
   }
 );
 export {
-  TabButtons
+  p as TabButtons
 };

package/dist/components/TabTrail/TabButtons/constants.js

@@ -1,14 +1,5 @@
-var ETabTrailButtonVariant = /* @__PURE__ */ ((ETabTrailButtonVariant2) => {
-  ETabTrailButtonVariant2["GRAY"] = "gray";
-  ETabTrailButtonVariant2["WHITE"] = "white";
-  return ETabTrailButtonVariant2;
-})(ETabTrailButtonVariant || {});
-var ETabTrailIconName = /* @__PURE__ */ ((ETabTrailIconName2) => {
-  ETabTrailIconName2["LEFT"] = "ArrowLeft16px";
-  ETabTrailIconName2["RIGHT"] = "ArrowRight16px";
-  return ETabTrailIconName2;
-})(ETabTrailIconName || {});
+var e = /* @__PURE__ */ ((r) => (r.GRAY = "gray", r.WHITE = "white", r))(e || {}), p = /* @__PURE__ */ ((r) => (r.LEFT = "ArrowLeft16px", r.RIGHT = "ArrowRight16px", r))(p || {});
 export {
-  ETabTrailButtonVariant,
-  ETabTrailIconName
+  e as ETabTrailButtonVariant,
+  p as ETabTrailIconName
 };

package/dist/components/TabTrail/TabButtons/index.js

@@ -1,4 +1,4 @@
-import { TabButtons } from "./TabButtons.js";
+import { TabButtons as r } from "./TabButtons.js";
 export {
-  TabButtons
+  r as TabButtons
 };

package/dist/components/TabTrail/TabTrail.d.ts

@@ -31,5 +31,13 @@ export type TTabTrailProps = {
      * Класснейм для TabTrail.
      */
     className?: string;
+    /**
+     * Индекс выбранного таба.
+     */
+    selectedTabIndex?: number;
+    /**
+     * Функция обратного вызова при изменении выбранного таба.
+     */
+    onTabChange?: (index: number) => void;
 };
 export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;