stone-kit 0.0.1028 → 0.0.1029

package/dist/components/GroupedInput/ui/GroupedInputs.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c } from "../../../index-B2JRaoNz.js";
+import { c } from "../../../index-YnD2EP-S.js";
 const m = "_root_1dq3m_1", o = {
   root: m
 }, n = c.bind(o), p = ({ children: s, addClassName: t }) => /* @__PURE__ */ r("div", { className: n(o.root, t), children: s });

package/dist/components/Input/ui/Input.js

@@ -1,6 +1,6 @@
 import { jsx as et, jsxs as Vt, Fragment as ne } from "react/jsx-runtime";
 import J, { forwardRef as ae } from "react";
-import { g as ue, c as oe } from "../../../index-B2JRaoNz.js";
+import { g as ue, c as oe } from "../../../index-YnD2EP-S.js";
 const le = "_inputWrapper_1ln65_10", he = "_inputIMask_1ln65_37", pe = "_inputWrapperPost_1ln65_41", ce = "_inputWrapperPre_1ln65_42", de = "_light_1ln65_58", fe = "_gray_1ln65_96", _e = "_dark_1ln65_128", me = "_transparent_1ln65_169", ge = "_inputWrapperError_1ln65_227", ke = "_inputWrapperErrorWithoutBorder_1ln65_241", ve = "_inputWrapperErrorDark_1ln65_252", Ee = "_checkBox_1ln65_266", M = {
   "auto-width": "_auto-width_1ln65_1",
   "full-width": "_full-width_1ln65_6",
@@ -2384,14 +2384,6 @@ try {
 } catch {
 }
 var ut = { exports: {} }, ot = { exports: {} }, I = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var Nt;
 function Be() {
   if (Nt) return I;
@@ -2459,14 +2451,6 @@ function Be() {
   }, I.typeOf = P, I;
 }
 var R = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var jt;
 function Me() {
   return jt || (jt = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -2554,11 +2538,6 @@ var Ut;
 function ee() {
   return Ut || (Ut = 1, process.env.NODE_ENV === "production" ? ot.exports = Be() : ot.exports = Me()), ot.exports;
 }
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
 var xt, zt;
 function Oe() {
   if (zt) return xt;

package/dist/components/Logo/ui/Logo.js

@@ -1,5 +1,5 @@
 import { jsxs as u, jsx as _ } from "react/jsx-runtime";
-import { c as f } from "../../../index-B2JRaoNz.js";
+import { c as f } from "../../../index-YnD2EP-S.js";
 import { logoVariant as r } from "./Logo.types.js";
 import { Text as w } from "../../Text/ui/Text.js";
 const m = "_wrapper_dhuso_1", a = "_logo_dhuso_7", p = "_logoValue_dhuso_12", h = "_logoDom_dhuso_16", n = "_logoOffice_dhuso_21", d = "_logoNewOffice_dhuso_26", k = "_logoNewDom_dhuso_31", i = "_logoRealty_dhuso_36", N = "_wrapperBetween_dhuso_41", D = "_uk_dhuso_46", O = "_uk_black_dhuso_53", b = "_uk_white_dhuso_56", o = {

package/dist/components/LotCard/hooks/useLotCard.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { u as f } from "../../../useLotCard-DG9doKCX.js";
+import { u as f } from "../../../useLotCard-CYcRSogE.js";
 import "../utils/getTagsFeatures.js";
-import "../../../index-B2JRaoNz.js";
+import "../../../index-YnD2EP-S.js";
 import "../utils/checkBedroomsCount.js";
 import "../utils/monthlyPayment.js";
 import "../../../shared/useClientWidth.js";

package/dist/components/LotCard/ui/LotCard.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { c as Y } from "../../../index-B2JRaoNz.js";
+import { c as Y } from "../../../index-YnD2EP-S.js";
 import { checkLargeOffice as k } from "../../../shared/checkLargeOffice.js";
 import { sclMillion as I } from "../../../shared/mlnRound.js";
-import { s as e, u as K } from "../../../useLotCard-DG9doKCX.js";
+import { s as e, u as K } from "../../../useLotCard-CYcRSogE.js";
 import { formatPrice as m } from "../utils/formatPrice.js";
 import { Tag as f } from "../../Tag/ui/Tag.js";
 import { Button as w } from "../../Button/ui/Button.js";

package/dist/components/LotCardSkeleton/ui/LotCardSkeleton.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { c } from "../../../index-B2JRaoNz.js";
+import { c } from "../../../index-YnD2EP-S.js";
 const l = "_root_7lz45_12", s = "_projectRoot_7lz45_22", i = "_lotImageWrapper_7lz45_26", a = "_pulsing_7lz45_1", n = "_projectLotImageWrapper_7lz45_37", _ = "_lotInfoWrapper_7lz45_41", m = "_projectLotInfoWrapper_7lz45_48", P = "_infoHeader_7lz45_52", L = "_projectInfoHeader_7lz45_60", d = "_decor_7lz45_64", W = "_lotPropertyListMobile_7lz45_71", j = "_lotPropertyItem_7lz45_79", I = "_projectLotPropertyItem_7lz45_104", y = "_lotPropertyListDesktop_7lz45_109", z = "_lotPriceWrapper_7lz45_113", v = "_projectLotPriceWrapper_7lz45_117", D = "_discountWrapper_7lz45_121", f = "_lotPricePerMetr_7lz45_134", N = "_btnWrapper_7lz45_139", u = "_projectBtnWrapper_7lz45_155", M = "_projectDecor_7lz45_201", k = "_projectLotPropertyListMobile_7lz45_210", b = "_projectLotPropertyListDesktop_7lz45_218", g = "_lotPropertyItemDesktop_7lz45_221", h = "_projectDiscountWrapper_7lz45_232", H = "_discountPrice_7lz45_235", x = "_projectLotPricePerMetr_7lz45_255", t = {
   root: l,
   projectRoot: s,

package/dist/components/MetroLabel/ui/MetroLabel.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { c as i } from "../../../index-B2JRaoNz.js";
+import { c as i } from "../../../index-YnD2EP-S.js";
 import { NewIcon as _ } from "../../NewIcon/ui/NewIcon.js";
 const f = "_root_1ml5t_1", d = "_metroColor_1ml5t_15", N = "_route_1ml5t_25", p = "_auto_1ml5t_35", x = "_full_1ml5t_39", t = {
   root: f,

package/dist/components/MetroTag/ui/MetroTag.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { c as M } from "../../../index-B2JRaoNz.js";
+import { c as M } from "../../../index-YnD2EP-S.js";
 import { NewIcon as l } from "../../NewIcon/ui/NewIcon.js";
 const w = "_root_16fjr_1", N = "_iconsWrapper_16fjr_17", W = "_metroColor_16fjr_27", x = "_route_16fjr_37", B = "_auto_16fjr_47", T = "_full_16fjr_51", $ = "_transparent_16fjr_55", C = "_long_16fjr_60", b = "_mini_16fjr_64", v = "_metroColorMini_16fjr_68", y = "_routeMini_16fjr_77", I = "_withBg_16fjr_90", z = "_withWhiteBg_16fjr_94", o = {
   root: w,

package/dist/components/NewIcon/ui/NewIcon.js

@@ -3,7 +3,7 @@ import * as e from "react";
 import { forwardRef as o } from "react";
 import { F as m } from "../../../PinTrans-D6OZq76b.js";
 import { F as h } from "../../../SmallFilter-C-VKnbkP.js";
-import { c as d } from "../../../index-B2JRaoNz.js";
+import { c as d } from "../../../index-YnD2EP-S.js";
 const C = ({
   title: t,
   titleId: l,
@@ -232,11 +232,11 @@ const C = ({
   title: t,
   titleId: l,
   ...r
-}, a) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M7.74919 7.75061H8.24919M7.74919 8.25061H8.24919M3.08252 7.75061H3.58252M3.08252 8.25061H3.58252M12.4159 7.75061H12.9159M12.4159 8.25061H12.9159M8.66602 8.00065C8.66602 8.36884 8.36754 8.66732 7.99935 8.66732C7.63116 8.66732 7.33268 8.36884 7.33268 8.00065C7.33268 7.63246 7.63116 7.33398 7.99935 7.33398C8.36754 7.33398 8.66602 7.63246 8.66602 8.00065ZM3.99935 8.00065C3.99935 8.36884 3.70087 8.66732 3.33268 8.66732C2.96449 8.66732 2.66602 8.36884 2.66602 8.00065C2.66602 7.63246 2.96449 7.33398 3.33268 7.33398C3.70087 7.33398 3.99935 7.63246 3.99935 8.00065ZM13.3327 8.00065C13.3327 8.36884 13.0342 8.66732 12.666 8.66732C12.2978 8.66732 11.9993 8.36884 11.9993 8.00065C11.9993 7.63246 12.2978 7.33398 12.666 7.33398C13.0342 7.33398 13.3327 7.63246 13.3327 8.00065Z", stroke: "white", strokeLinecap: "round" })), p0 = o(E0), u0 = ({
+}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M7.74919 7.75061H8.24919M7.74919 8.25061H8.24919M3.08252 7.75061H3.58252M3.08252 8.25061H3.58252M12.4159 7.75061H12.9159M12.4159 8.25061H12.9159M8.66602 8.00065C8.66602 8.36884 8.36754 8.66732 7.99935 8.66732C7.63116 8.66732 7.33268 8.36884 7.33268 8.00065C7.33268 7.63246 7.63116 7.33398 7.99935 7.33398C8.36754 7.33398 8.66602 7.63246 8.66602 8.00065ZM3.99935 8.00065C3.99935 8.36884 3.70087 8.66732 3.33268 8.66732C2.96449 8.66732 2.66602 8.36884 2.66602 8.00065C2.66602 7.63246 2.96449 7.33398 3.33268 7.33398C3.70087 7.33398 3.99935 7.63246 3.99935 8.00065ZM13.3327 8.00065C13.3327 8.36884 13.0342 8.66732 12.666 8.66732C12.2978 8.66732 11.9993 8.36884 11.9993 8.00065C11.9993 7.63246 12.2978 7.33398 12.666 7.33398C13.0342 7.33398 13.3327 7.63246 13.3327 8.00065Z", stroke: "currentColor", strokeLinecap: "round" })), p0 = o(E0), u0 = ({
   title: t,
   titleId: l,
   ...r
-}, a) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M8.33203 5L13.332 10L8.33203 15", stroke: "#141416", strokeWidth: 1.5 })), x0 = o(u0), i = {}, M0 = {
+}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M8.33203 5L13.332 10L8.33203 15", stroke: "currentColor", strokeWidth: 1.5 })), x0 = o(u0), i = {}, M0 = {
   arrowRight: () => /* @__PURE__ */ n(r0, {}),
   loader: () => /* @__PURE__ */ n(v, {}),
   filter: () => /* @__PURE__ */ n(f, {}),

package/dist/components/RoundButton/ui/RoundButton.js

@@ -1,6 +1,6 @@
 import { jsx as n, Fragment as k } from "react/jsx-runtime";
 import { useState as f, useEffect as S } from "react";
-import { c as y } from "../../../index-B2JRaoNz.js";
+import { c as y } from "../../../index-YnD2EP-S.js";
 import { sizeMap as i } from "./RoundButton.types.js";
 import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
 const g = "_btnRound_z7oq7_1", F = "_whiteStroke_z7oq7_43", R = "_whiteFilled_z7oq7_48", $ = "_whiteTransparent_z7oq7_53", v = "_blackFill_z7oq7_58", x = "_blackStroke_z7oq7_63", E = "_fullGray_z7oq7_71", G = "_blue_z7oq7_79", e = {

package/dist/components/Select/ui/Category.js

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as I, jsx as o } from "react/jsx-runtime";
-import { s as n, O as J } from "../../../Option-rFBMQAPk.js";
-import { c as O } from "../../../index-B2JRaoNz.js";
+import { s as n, O as J } from "../../../Option-CtwUzW8a.js";
+import { c as O } from "../../../index-YnD2EP-S.js";
 import { useState as U } from "react";
 import { NewIcon as N } from "../../NewIcon/ui/NewIcon.js";
 const j = O.bind(n), z = ({

package/dist/components/Select/ui/Option.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { O as m } from "../../../Option-rFBMQAPk.js";
-import "../../../index-B2JRaoNz.js";
+import { O as m } from "../../../Option-CtwUzW8a.js";
+import "../../../index-YnD2EP-S.js";
 import "../../NewIcon/ui/NewIcon.js";
 export {
   m as Option

package/dist/components/Select/ui/Select.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as n, Fragment as j } from "react/jsx-runtime";
 import { useState as B, useRef as F, useEffect as M } from "react";
-import { c as Z } from "../../../index-B2JRaoNz.js";
-import { s as e, O as z } from "../../../Option-rFBMQAPk.js";
+import { c as Z } from "../../../index-YnD2EP-S.js";
+import { s as e, O as z } from "../../../Option-CtwUzW8a.js";
 import { Category as b } from "./Category.js";
 import { handleClickModeOption as I, handleClickModeCategory as V } from "../model/selectMode.js";
 import { NewIcon as D } from "../../NewIcon/ui/NewIcon.js";

package/dist/components/SliderNavigation/ui/SliderNavigation.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { useClientWidth as C } from "../../../shared/useClientWidth.js";
-import { c as T } from "../../../index-B2JRaoNz.js";
+import { c as T } from "../../../index-YnD2EP-S.js";
 import { RoundButton as d } from "../../RoundButton/ui/RoundButton.js";
 import { Tag as N } from "../../Tag/ui/Tag.js";
 const k = "_sliderTag_1rvl9_1", l = {

package/dist/components/SortSelect/hooks/useSortSelect.d.ts

@@ -5,7 +5,7 @@ interface IUseSortSelect {
     selectedOption: Option | null;
     setSelectedOption?: (event: Option | null) => void;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    containerRef: React.RefObject<HTMLDivElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
     isOpen: boolean;
     isMobile: boolean;
     placeholder: string;

package/dist/components/SortSelect/hooks/useSortSelect.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { u as m } from "../../../useSortSelect-C72ddcYI.js";
-import "../../../index-B2JRaoNz.js";
+import { u as m } from "../../../useSortSelect-Cy3od4ig.js";
+import "../../../index-YnD2EP-S.js";
 export {
   m as useSortSelect
 };

package/dist/components/SortSelect/ui/SortSelect.js

@@ -1,7 +1,7 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { useState as M, useRef as W, useEffect as E } from "react";
-import { c as L } from "../../../index-B2JRaoNz.js";
-import { s as e, u as j } from "../../../useSortSelect-C72ddcYI.js";
+import { c as L } from "../../../index-YnD2EP-S.js";
+import { s as e, u as j } from "../../../useSortSelect-Cy3od4ig.js";
 import { useClientWidth as w } from "../../../shared/useClientWidth.js";
 import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
 import { Modal as T } from "../../Modal/ui/Modal.js";
@@ -21,11 +21,11 @@ const r = L.bind(e), A = ({
   onCLickSelect: m,
   onOpenClick: p
 }) => {
-  const [o, s] = M(!1), u = W(null), { isMobile: l } = w(), { handleBlur: B, getInputValue: I, getOption: f, handleDocumentClick: S } = j({
+  const [o, i] = M(!1), u = W(null), { isMobile: l } = w(), { handleBlur: B, getInputValue: I, getOption: f, handleDocumentClick: S } = j({
     selectedOption: h,
     onClickOption: C,
     setSelectedOption: c,
-    setIsOpen: s,
+    setIsOpen: i,
     containerRef: u,
     isMobile: l,
     placeholder: v,
@@ -34,7 +34,7 @@ const r = L.bind(e), A = ({
   });
   return E(() => (document.addEventListener("click", S), () => {
     document.removeEventListener("click", S);
-  }), []), /* @__PURE__ */ i(
+  }), []), /* @__PURE__ */ s(
     "div",
     {
       ref: u,
@@ -50,7 +50,7 @@ const r = L.bind(e), A = ({
         m && m();
       },
       children: [
-        /* @__PURE__ */ i("div", { className: r(e.inputWrapper), children: [
+        /* @__PURE__ */ s("div", { className: r(e.inputWrapper), children: [
           /* @__PURE__ */ t(
             "input",
             {
@@ -63,7 +63,7 @@ const r = L.bind(e), A = ({
                 { [e.selectionOptionMini]: k }
               ),
               onClick: () => {
-                o || p && p(), s(!o);
+                o || p && p(), i(!o);
               }
             }
           ),
@@ -76,19 +76,19 @@ const r = L.bind(e), A = ({
             }
           )
         ] }),
-        o && l && /* @__PURE__ */ i(
+        o && l && /* @__PURE__ */ s(
           T,
           {
             isOpen: o,
-            emitIsOpen: s,
+            emitIsOpen: i,
             additionalClassModalBody: e.modalAddBody,
             additionalClass: e.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ i("div", { className: e.mobileSortHeader, children: [
+              /* @__PURE__ */ s("div", { className: e.mobileSortHeader, children: [
                 /* @__PURE__ */ t(z, { children: "Сортировка" }),
-                /* @__PURE__ */ t("div", { onClick: () => s(!1), children: /* @__PURE__ */ t(
+                /* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
                   O,
                   {
                     name: "close",

package/dist/components/Switcher/ui/Switcher.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as p } from "react/jsx-runtime";
 import { useRef as _, useEffect as d } from "react";
-import { c as v } from "../../../index-B2JRaoNz.js";
+import { c as v } from "../../../index-YnD2EP-S.js";
 const h = "_switcherWrapper_1b1pd_29", b = "_switcherWrapperReverse_1b1pd_40", W = "_switcherWrapperBetween_1b1pd_44", l = "_swiper_1b1pd_48", m = "_swiperBackward_1b1pd_1", f = "_swiperActive_1b1pd_63", u = "_swiperForward_1b1pd_1", I = "_swiperInactive_1b1pd_68", P = "_swiperInitialize_1b1pd_73", B = "_swiperPoint_1b1pd_77", A = "_swiperPointActive_1b1pd_89", e = {
   switcherWrapper: h,
   switcherWrapperReverse: b,

package/dist/components/TabSelect/ui/TabSelect.d.ts

@@ -7,21 +7,26 @@ type TBtn = {
     width_m?: string;
     width_l?: string;
 };
-type BaseInputProps = JSX.IntrinsicElements['input'] & TBtn;
+type BaseInputProps = React.JSX.IntrinsicElements['input'] & TBtn;
 interface ITabSelect {
-    children?: React.ReactNode | React.ReactNode[];
+    children?: React.ReactNode;
     variant?: SwitcherVariant;
     classname?: string;
     isRound?: boolean;
 }
 export declare const TAB_SELECT_VARIANTS: {
-    whiteFill: string;
-    whiteStroke: string;
-    grayDesign: string;
-    fullWhite: string;
+    readonly whiteFill: "whiteFill";
+    readonly whiteStroke: "whiteStroke";
+    readonly grayDesign: "grayDesign";
+    readonly fullWhite: "fullWhite";
 };
 export type SwitcherVariant = keyof typeof TAB_SELECT_VARIANTS;
 declare const TabSelectNamespace: (({ variant, classname, children }: ITabSelect) => import("react/jsx-runtime").JSX.Element) & {
-    Item: import('react').ForwardRefExoticComponent<Omit<BaseInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    Item: {
+        (props: BaseInputProps & {
+            ref?: React.Ref<HTMLInputElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };
 export { TabSelectNamespace as TabSelect };

package/dist/components/TabSelect/ui/TabSelect.js

@@ -1,59 +1,64 @@
-import { jsxs as N, jsx as e } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
-import { c as k } from "../../../index-B2JRaoNz.js";
-import { useClientWidth as y } from "../../../shared/useClientWidth.js";
-import { Text as z } from "../../Text/ui/Text.js";
-const W = "_root_pbslz_1", D = "_whiteFill_pbslz_29", F = "_text_pbslz_34", P = "_fullWhite_pbslz_48", C = "_whiteStroke_pbslz_67", I = "_withPadding_pbslz_105", j = "_grayDesign_pbslz_109", t = {
-  root: W,
-  whiteFill: D,
-  text: F,
-  fullWhite: P,
-  whiteStroke: C,
-  withPadding: I,
-  grayDesign: j
-}, i = k.bind(t), O = {
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { c as T } from "../../../index-YnD2EP-S.js";
+import { useClientWidth as k } from "../../../shared/useClientWidth.js";
+import { Text as y } from "../../Text/ui/Text.js";
+const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F = "_fullWhite_pbslz_48", P = "_whiteStroke_pbslz_67", C = "_withPadding_pbslz_105", I = "_grayDesign_pbslz_109", t = {
+  root: z,
+  whiteFill: W,
+  text: D,
+  fullWhite: F,
+  whiteStroke: P,
+  withPadding: C,
+  grayDesign: I
+}, i = T.bind(t), B = {
   whiteFill: "whiteFill",
   whiteStroke: "whiteStroke",
   grayDesign: "grayDesign",
   fullWhite: "fullWhite"
-}, A = ({ variant: s = "whiteFill", classname: l, children: a }) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], l), children: a }), r = T((s, l) => {
-  const { isTablet: a, isDesktop: c } = y(), h = (S, x) => S && o ? o : x && n ? n : f, {
-    children: d,
-    className: _,
-    additionalClassName: m,
-    additionalLabelClass: w,
-    //TODO предлогаю засунуть в жопу isLong
-    isLong: b,
-    checked: g,
-    withPadding: p = !1,
-    width: f,
+}, L = ({
+  variant: s = "whiteFill",
+  classname: l,
+  children: a
+}) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], l), children: a }), c = (s) => {
+  const { isTablet: l, isDesktop: a } = k(), {
+    children: r,
+    className: h,
+    additionalClassName: d,
+    additionalLabelClass: _,
+    isLong: m,
+    checked: w,
+    withPadding: g = !1,
+    width: b,
     width_m: o,
     width_l: n,
-    ...u
-  } = s;
-  return /* @__PURE__ */ N("label", { className: i(t.item, w, { [t.withPadding]: p }), children: [
+    ref: p,
+    ...f
+  } = s, u = (S, x) => S && o ? o : x && n ? n : b;
+  return /* @__PURE__ */ N("label", { className: i(t.item, _, { [t.withPadding]: g }), children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: l,
+        ref: p,
         type: "checkbox",
-        checked: g,
-        ...u
+        checked: w,
+        ...f
       }
     ),
     /* @__PURE__ */ e(
       "div",
       {
-        className: i(_, m, { isLong: b }),
-        style: { width: h(a, c) },
-        children: /* @__PURE__ */ e(z, { className: i(t.text), children: d })
+        className: i(h, d, { [t.isLong]: m }),
+        style: { width: u(l, a) },
+        children: /* @__PURE__ */ e(y, { className: i(t.text), children: r })
       }
     )
   ] });
+};
+c.displayName = "TabSelectItem";
+const O = Object.assign(L, {
+  Item: c
 });
-r.displayName = "TabSelectItem";
-const V = Object.assign(A, { Item: r });
 export {
-  O as TAB_SELECT_VARIANTS,
-  V as TabSelect
+  B as TAB_SELECT_VARIANTS,
+  O as TabSelect
 };

package/dist/components/TabSwitcher/ui/TabSwitcher.d.ts

@@ -1,5 +1,6 @@
+import { FC } from 'react';
 import { ITabSwitcherItem, TabSwitcherProps } from './TabSwitcher.types';
-declare const SwitcherNamespace: (({ children, variant, isApart, addClassName, col, }: TabSwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
-    Item: import('react').ForwardRefExoticComponent<ITabSwitcherItem & import('react').RefAttributes<HTMLInputElement>>;
+declare const TabSwitcherNamespace: (({ children, variant, isApart, addClassName, col, }: TabSwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: FC<ITabSwitcherItem>;
 };
-export { SwitcherNamespace as TabSwitcher };
+export { TabSwitcherNamespace as TabSwitcher };

package/dist/components/TabSwitcher/ui/TabSwitcher.js

@@ -1,25 +1,24 @@
-import { jsxs as W, jsx as i } from "react/jsx-runtime";
-import { forwardRef as $ } from "react";
-import { c as D } from "../../../index-B2JRaoNz.js";
-import { useClientWidth as M } from "../../../shared/useClientWidth.js";
-import { Text as j } from "../../Text/ui/Text.js";
-const G = "_root_1t61b_1", k = "_text_1t61b_18", v = "_textMini_1t61b_26", O = "_rootCol_1t61b_32", A = "_item_1t61b_38", q = "_whiteRow_1t61b_57", B = "_firstItem_1t61b_68", E = "_lastItem_1t61b_72", F = "_whiteRowGrayLabel_1t61b_103", H = "_labelItem_1t61b_118", J = "_apart_1t61b_147", K = "_isLong_1t61b_147", P = "_autoWidth_1t61b_162", Q = "_mini_1t61b_176", U = "_isDisabled_1t61b_184", V = "_grayRow_1t61b_208", t = {
-  root: G,
-  text: k,
-  textMini: v,
-  rootCol: O,
-  item: A,
-  whiteRow: q,
-  firstItem: B,
-  lastItem: E,
-  whiteRowGrayLabel: F,
-  labelItem: H,
-  apart: J,
-  isLong: K,
-  autoWidth: P,
-  mini: Q,
-  isDisabled: U,
-  grayRow: V,
+import { jsx as i, jsxs as W } from "react/jsx-runtime";
+import { c as $ } from "../../../index-YnD2EP-S.js";
+import { useClientWidth as D } from "../../../shared/useClientWidth.js";
+import { Text as M } from "../../Text/ui/Text.js";
+const j = "_root_1t61b_1", G = "_text_1t61b_18", k = "_textMini_1t61b_26", v = "_rootCol_1t61b_32", O = "_item_1t61b_38", A = "_whiteRow_1t61b_57", q = "_firstItem_1t61b_68", B = "_lastItem_1t61b_72", E = "_whiteRowGrayLabel_1t61b_103", F = "_labelItem_1t61b_118", H = "_apart_1t61b_147", J = "_isLong_1t61b_147", K = "_autoWidth_1t61b_162", P = "_mini_1t61b_176", Q = "_isDisabled_1t61b_184", U = "_grayRow_1t61b_208", t = {
+  root: j,
+  text: G,
+  textMini: k,
+  rootCol: v,
+  item: O,
+  whiteRow: A,
+  firstItem: q,
+  lastItem: B,
+  whiteRowGrayLabel: E,
+  labelItem: F,
+  apart: H,
+  isLong: J,
+  autoWidth: K,
+  mini: P,
+  isDisabled: Q,
+  grayRow: U,
   "tiny-size": "_tiny-size_1t61b_236",
   "small-size": "_small-size_1t61b_241",
   "medium-size": "_medium-size_1t61b_246",
@@ -40,81 +39,84 @@ const G = "_root_1t61b_1", k = "_text_1t61b_18", v = "_textMini_1t61b_26", O = "
   "text-small-size_l": "_text-small-size_l_1t61b_325",
   "text-medium-size_l": "_text-medium-size_l_1t61b_329",
   "text-large-size_l": "_text-large-size_l_1t61b_333"
-}, e = D.bind(t), X = ({
-  children: _,
-  variant: l = "whiteRow",
-  isApart: a = !1,
-  addClassName: m = "",
-  col: s = !1
-}) => /* @__PURE__ */ i("div", { className: e(t.root, t[l], { [t.rootCol]: s, [t.apart]: a }, m), children: _ }), w = $((_, l) => {
-  const { isTablet: a, isDesktop: m } = M(), {
+}, _ = $.bind(t), V = ({
+  children: l,
+  variant: a = "whiteRow",
+  isApart: m = !1,
+  addClassName: s = "",
+  col: e = !1
+}) => /* @__PURE__ */ i("div", { className: _(t.root, t[a], { [t.rootCol]: e, [t.apart]: m }, s), children: l }), g = (l) => {
+  const { isTablet: a, isDesktop: m } = D(), {
     index: s,
-    children: o,
-    addItemClassName: u,
-    addLabelClassname: f,
+    children: e,
+    addItemClassName: w,
+    addLabelClassname: u,
     addTextClass: I,
-    size_s: b = "large",
-    size_m: z,
-    size_l: d,
-    disabled: c = !1,
-    itemsLength: p = 0,
-    isLongOn: y = !0,
-    width: x,
-    width_m: r,
-    width_l: n,
-    mini: h = !1,
-    dataTestId: L,
+    size_s: n = "large",
+    size_m: b,
+    size_l: z,
+    disabled: d = !1,
+    itemsLength: f = 0,
+    isLongOn: p = !0,
+    width: c,
+    width_m: o,
+    width_l: r,
+    mini: x = !1,
+    dataTestId: y,
+    ref: L,
     ...R
-  } = _, g = (o?.toString().length ? o?.toString().length > 2 : !1) && y, C = (T, S) => T && r ? r : S && n ? n : x, N = !x && !r && !n && g;
-  return /* @__PURE__ */ W("label", { className: e(t.labelItem, { [t.isLong]: g }, f), children: [
+  } = l, h = (e?.toString().length ? e?.toString().length > 2 : !1) && p, T = (N, S) => N && o ? o : S && r ? r : c, C = !c && !o && !r && h;
+  return /* @__PURE__ */ W("label", { className: _(t.labelItem, { [t.isLong]: h }, u), children: [
     /* @__PURE__ */ i(
       "input",
       {
-        ref: l,
+        ref: L,
         type: "checkbox",
         ...R,
-        disabled: c
+        disabled: d
       }
     ),
     /* @__PURE__ */ i(
       "div",
       {
-        style: { width: C(a, m) },
-        "data-testid": L,
-        className: e(
-          e(
-            t.item,
-            { [t.firstItem]: s === 0 },
-            { [t.lastItem]: s === p - 1 },
-            { [t.isDisabled]: c },
-            { [t.autoWidth]: N },
-            t[`${b}-size`],
-            t[`${z}-size_m`],
-            t[`${d}-size_l`],
-            { [t.mini]: h }
-          ),
-          u
+        style: { width: T(a, m) },
+        "data-testid": y,
+        className: _(
+          t.item,
+          {
+            [t.firstItem]: s === 0,
+            [t.lastItem]: s === f - 1,
+            [t.isDisabled]: d,
+            [t.autoWidth]: C,
+            [t.mini]: x
+          },
+          t[`${n}-size`],
+          t[`${b}-size_m`],
+          t[`${z}-size_l`],
+          w
         ),
         children: /* @__PURE__ */ i(
-          j,
+          M,
           {
-            className: e(
+            className: _(
               t.text,
-              t[`text-${b}-size`],
-              t[`text-${z}-size_m`],
-              t[`text-${d}-size_l`],
-              { [t.textMini]: h },
+              t[`text-${n}-size`],
+              t[`text-${b}-size_m`],
+              t[`text-${z}-size_l`],
+              { [t.textMini]: x },
               I
             ),
-            children: o
+            children: e
           }
         )
       }
     )
   ] });
+};
+g.displayName = "TabSwitcherItem";
+const et = Object.assign(V, {
+  Item: g
 });
-w.displayName = "TabSwitcherItem";
-const it = Object.assign(X, { Item: w });
 export {
-  it as TabSwitcher
+  et as TabSwitcher
 };