stone-kit 0.0.1027 → 0.0.1029

package/dist/components/SummarySelect/ui/SummarySelect.js

@@ -1,68 +1,65 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { NewIcon as d } from "../../NewIcon/ui/NewIcon.js";
-import { Select as N } from "../../Select/ui/Select.js";
-const p = "_root_156r8_1", f = "_nameWrapper_156r8_8", V = "_clearBtn_156r8_18", S = "_summaryList_156r8_33", B = "_summaryOption_156r8_40", b = "_categoryOption_156r8_62", k = "_summaryCategory_156r8_71", T = "_headerCategory_156r8_81", W = "_categoryTitle_156r8_87", x = "_categoryOptions_156r8_95", t = {
-  root: p,
-  nameWrapper: f,
-  clearBtn: V,
-  summaryList: S,
-  summaryOption: B,
-  categoryOption: b,
-  summaryCategory: k,
-  headerCategory: T,
-  categoryTitle: W,
-  categoryOptions: x
-}, $ = ({
-  label: g = "",
-  isShowReset: h,
-  isShowCategoryDelete: u = !1,
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { Select as C } from "../../Select/ui/Select.js";
+import { NewIcon as m } from "../../NewIcon/ui/NewIcon.js";
+const O = "_root_156r8_1", N = "_nameWrapper_156r8_8", p = "_clearBtn_156r8_18", f = "_summaryList_156r8_33", V = "_summaryOption_156r8_40", S = "_categoryOption_156r8_62", B = "_summaryCategory_156r8_71", L = "_headerCategory_156r8_81", b = "_categoryTitle_156r8_87", k = "_categoryOptions_156r8_95", t = {
+  root: O,
+  nameWrapper: N,
+  clearBtn: p,
+  summaryList: f,
+  summaryOption: V,
+  categoryOption: S,
+  summaryCategory: B,
+  headerCategory: L,
+  categoryTitle: b,
+  categoryOptions: k
+}, z = ({
+  label: y = "",
+  isShowReset: _,
+  isShowCategoryDelete: d = !1,
   ...a
 }) => {
-  var _;
-  const c = (e) => {
+  const s = (e) => {
     a.onChange && a.onChange(e);
-  }, y = (e) => {
-    var r;
-    const o = ((r = a.selectedValues) == null ? void 0 : r.filter((n) => n.value !== e)) || [];
-    c(o);
-  }, v = () => {
-    c([]);
-  }, C = (e) => {
-    var o;
-    c(
-      ((o = a.selectedValues) == null ? void 0 : o.filter((r) => r.value !== e.value).filter(
-        (r) => !e.options.some((n) => n.value === r.value)
-      )) ?? []
+  }, u = (e) => {
+    const l = a.selectedValues?.filter((n) => n.value !== e) || [];
+    s(l);
+  }, g = () => {
+    s([]);
+  }, h = (e) => {
+    s(
+      a.selectedValues?.filter((l) => l.value !== e.value).filter(
+        (l) => !e.options.some((n) => n.value === l.value)
+      ) ?? []
     );
-  }, m = (_ = a.selectedValues) == null ? void 0 : _.filter((e) => "options" in e);
-  return /* @__PURE__ */ s("div", { className: t.root, children: [
-    /* @__PURE__ */ s("div", { className: t.nameWrapper, children: [
-      /* @__PURE__ */ l("div", { children: g }),
-      h && /* @__PURE__ */ l(
+  }, v = a.selectedValues?.filter((e) => "options" in e);
+  return /* @__PURE__ */ o("div", { className: t.root, children: [
+    /* @__PURE__ */ o("div", { className: t.nameWrapper, children: [
+      /* @__PURE__ */ r("div", { children: y }),
+      _ && /* @__PURE__ */ r(
         "div",
         {
           className: t.clearBtn,
-          onClick: v,
+          onClick: g,
           children: "Очистить"
         }
       )
     ] }),
-    /* @__PURE__ */ l(
-      N,
+    /* @__PURE__ */ r(
+      C,
       {
         ...a,
-        onChange: c
+        onChange: s
       }
     ),
-    !u && a.mode === "options" && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ l("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ s(
+    !d && a.mode === "options" && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ r("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ o(
       "div",
       {
-        onClick: () => y(e.value.toString()),
+        onClick: () => u(e.value.toString()),
         className: t.summaryOption,
         children: [
           e.label,
-          /* @__PURE__ */ l(
-            d,
+          /* @__PURE__ */ r(
+            m,
             {
               name: "close",
               size: "16"
@@ -72,22 +69,22 @@ const p = "_root_156r8_1", f = "_nameWrapper_156r8_8", V = "_clearBtn_156r8_18",
       },
       e.value
     )) }),
-    !u && a.mode === "double" && (m == null ? void 0 : m.map((e, o) => {
-      const r = e;
-      return /* @__PURE__ */ s(
+    !d && a.mode === "double" && v?.map((e, l) => {
+      const n = e;
+      return /* @__PURE__ */ o(
         "div",
         {
           className: t.summaryCategory,
           children: [
-            /* @__PURE__ */ s("div", { className: t.headerCategory, children: [
-              /* @__PURE__ */ l("div", { className: t.categoryTitle, children: r.label }),
-              /* @__PURE__ */ l(
+            /* @__PURE__ */ o("div", { className: t.headerCategory, children: [
+              /* @__PURE__ */ r("div", { className: t.categoryTitle, children: n.label }),
+              /* @__PURE__ */ r(
                 "div",
                 {
-                  onClick: () => C(e),
+                  onClick: () => h(e),
                   className: t.clearBtn,
-                  children: /* @__PURE__ */ l(
-                    d,
+                  children: /* @__PURE__ */ r(
+                    m,
                     {
                       name: "close",
                       size: "16"
@@ -96,18 +93,15 @@ const p = "_root_156r8_1", f = "_nameWrapper_156r8_8", V = "_clearBtn_156r8_18",
                 }
               )
             ] }),
-            /* @__PURE__ */ l("div", { className: t.categoryOptions, children: r.options.filter((n) => {
-              var i;
-              return (i = a.selectedValues) == null ? void 0 : i.some((O) => n.value === O.value);
-            }).map((n, i) => /* @__PURE__ */ s(
+            /* @__PURE__ */ r("div", { className: t.categoryOptions, children: n.options.filter((c) => a.selectedValues?.some((i) => c.value === i.value)).map((c, i) => /* @__PURE__ */ o(
               "div",
               {
-                onClick: () => y(n.value.toString()),
+                onClick: () => u(c.value.toString()),
                 className: `${t.summaryOption} ${t.categoryOption}`,
                 children: [
-                  n.label,
-                  /* @__PURE__ */ l(
-                    d,
+                  c.label,
+                  /* @__PURE__ */ r(
+                    m,
                     {
                       name: "close",
                       size: "16"
@@ -119,11 +113,11 @@ const p = "_root_156r8_1", f = "_nameWrapper_156r8_8", V = "_clearBtn_156r8_18",
             )) })
           ]
         },
-        o
+        l
       );
-    }))
+    })
   ] });
 };
 export {
-  $ as SummarySelect
+  z as SummarySelect
 };

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

@@ -1,3 +1,2 @@
 import { ISwitcherProps } from './Switcher.types';
-
 export declare const Switcher: ({ children, isActive, onClick, isReverse, isBetween, dataTestId }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;

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-rKuIKazb.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/Switcher/ui/Switcher.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ISwitcherProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     isActive?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TBtn = {
     isLong?: boolean;
     additionalClassName?: string;
@@ -8,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-rKuIKazb.js";
+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";
-import { useClientWidth as z } from "../../../shared/useClientWidth.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 = {
+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 } = z(), 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(y, { 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/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../FilterWithSave-DkVYQ7W8.js";
+import { TabSwitcher as o } from "./ui/TabSwitcher.js";
 export {
-  e as TabSwitcher
+  o as TabSwitcher
 };

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

@@ -1,6 +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,28 +1,122 @@
-import "react/jsx-runtime";
-import "react";
-import { S as y } from "../../../FilterWithSave-DkVYQ7W8.js";
-import "../../Text/ui/Text.js";
-import "../../../index-rKuIKazb.js";
-import "../../Button/ui/Button.js";
-import "../../mobileButton/ui/MobileButton.js";
-import "../../NewIcon/ui/NewIcon.js";
-import "../../DestinationTab/ui/DestinationTab.js";
-import "../../RoundButton/ui/RoundButton.js";
-import "../../Tag/ui/Tag.js";
-import "../../Switcher/ui/Switcher.js";
-import "../../Flex/ui/Flex.js";
-import "../../Input/ui/Input.js";
-import "react-dom";
-import "../../GroupedInput/ui/GroupedInputs.js";
-import "../../MetroTag/ui/MetroTag.js";
-import "../../Select/ui/Select.js";
-import "../../../shared/useClientWidth.js";
-import "../../SliderNavigation/ui/SliderNavigation.js";
-import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
-import "../../TabSelect/ui/TabSelect.js";
-import "../../CheckBox/CheckBox.js";
-import "../../CheckBoxNew/CheckBoxNew.js";
-import "../../CheckboxSelect/ui/CheckboxSelect.js";
+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",
+  "large-size": "_large-size_1t61b_251",
+  "text-tiny-size": "_text-tiny-size_1t61b_256",
+  "text-small-size": "_text-small-size_1t61b_262",
+  "text-medium-size": "_text-medium-size_1t61b_267",
+  "text-large-size": "_text-large-size_1t61b_272",
+  "small-size_m": "_small-size_m_1t61b_278",
+  "medium-size_m": "_medium-size_m_1t61b_282",
+  "large-size_m": "_large-size_m_1t61b_286",
+  "text-small-size_m": "_text-small-size_m_1t61b_290",
+  "text-medium-size_m": "_text-medium-size_m_1t61b_294",
+  "text-large-size_m": "_text-large-size_m_1t61b_298",
+  "small-size_l": "_small-size_l_1t61b_313",
+  "medium-size_l": "_medium-size_l_1t61b_317",
+  "large-size_l": "_large-size_l_1t61b_321",
+  "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"
+}, _ = $.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: e,
+    addItemClassName: w,
+    addLabelClassname: u,
+    addTextClass: I,
+    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
+  } = 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,
+        type: "checkbox",
+        ...R,
+        disabled: d
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        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(
+          M,
+          {
+            className: _(
+              t.text,
+              t[`text-${n}-size`],
+              t[`text-${b}-size_m`],
+              t[`text-${z}-size_l`],
+              { [t.textMini]: x },
+              I
+            ),
+            children: e
+          }
+        )
+      }
+    )
+  ] });
+};
+g.displayName = "TabSwitcherItem";
+const et = Object.assign(V, {
+  Item: g
+});
 export {
-  y as TabSwitcher
+  et as TabSwitcher
 };

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

@@ -1,12 +1,11 @@
 import { ReactNode } from 'react';
-
 declare const TAB_SWITCHER_VARIANTS: {
     whiteRow: string;
     grayRow: string;
     whiteRowGrayLabel: string;
 };
 type TabSizes = 'medium' | 'small' | 'large' | 'tiny';
-export interface ITabSwitcherItem extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface ITabSwitcherItem extends React.ComponentPropsWithRef<'input'> {
     addItemClassName?: string;
     addTextClass?: string;
     addLabelClassname?: string;

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ComponentProps } from './Tag.types';
-
 export declare const Tag: ({ size, size_m, size_l, children, variant, width, additionalClass, fontWeight, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;