stone-kit 0.0.476 → 0.0.477

package/README.md

@@ -1,59 +1,59 @@
-# Stone-kit
-
-Uikit for stone redesign 2.0
-
-## Installation
-
-Package installation:
-
-```bash
-npm i stone-kit@latest
-```
-
-## Usage
-
-For Next.js page router in App.tsx:
-
-```bash
-import 'stone-kit/dist/style.css'
-```
-
-and then:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-For other projects u can immediately:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-## Docs
-
-### ButtonProps
-
-size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
-
-pre: optional, insert icon/text before button text. type: ReactNode
-
-post: optional, insert icon/text after button text. type: ReactNode
-
-variant: optional, color variants of button. type:
-'blue',
-'gray',
-'whiteStroke',
-'sokolniki',
-'black',
-'whiteFilled'
-
-width: optional, width of button. type: 'auto' | 'full'
-
-additionalClass: optional, add your custom class to button. type: 'string'
-
-as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
-
-### MobileButtonProps
-
-### Tag
+# Stone-kit
+
+Uikit for stone redesign 2.0
+
+## Installation
+
+Package installation:
+
+```bash
+npm i stone-kit@latest
+```
+
+## Usage
+
+For Next.js page router in App.tsx:
+
+```bash
+import 'stone-kit/dist/style.css'
+```
+
+and then:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+For other projects u can immediately:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+## Docs
+
+### ButtonProps
+
+size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
+
+pre: optional, insert icon/text before button text. type: ReactNode
+
+post: optional, insert icon/text after button text. type: ReactNode
+
+variant: optional, color variants of button. type:
+'blue',
+'gray',
+'whiteStroke',
+'sokolniki',
+'black',
+'whiteFilled'
+
+width: optional, width of button. type: 'auto' | 'full'
+
+additionalClass: optional, add your custom class to button. type: 'string'
+
+as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
+
+### MobileButtonProps
+
+### Tag

package/dist/{SortSelect-Bo5gHKrX.js → SortSelect-CQHzI2M-.js}

@@ -1,15 +1,15 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import { forwardRef as R, useState as k, useRef as D, useEffect as T } from "react";
-import { c as O } from "./index-rKuIKazb.js";
+import { c as v } from "./index-rKuIKazb.js";
 import { s as t, u as M } from "./useSortSelect-D7K1wk0E.js";
-import { NewIcon as v } from "./components/NewIcon/ui/NewIcon.js";
+import { NewIcon as O } from "./components/NewIcon/ui/NewIcon.js";
 import "./components/Button/ui/Button.js";
 import "./components/mobileButton/ui/MobileButton.js";
 import "./components/DestinationTab/ui/DestinationTab.js";
 import "./components/RoundButton/ui/RoundButton.js";
 import "./components/Tag/ui/Tag.js";
 import "./components/Switcher/ui/Switcher.js";
-import { Text as C } from "./components/Text/ui/Text.js";
+import { Text as L } from "./components/Text/ui/Text.js";
 import "./components/Flex/ui/Flex.js";
 import "./components/Input/ui/Input.js";
 import { M as B } from "./Modal-C48pfGFo.js";
@@ -17,7 +17,7 @@ import "./components/GroupedInput/ui/GroupedInputs.js";
 import "./components/MetroTag/ui/MetroTag.js";
 import "./components/LotCard/ui/LotCard.js";
 import "./components/Select/ui/Select.js";
-import { useClientWidth as L } from "./shared/useClientWidth.js";
+import { useClientWidth as C } from "./shared/useClientWidth.js";
 import "./components/SliderNavigation/ui/SliderNavigation.js";
 import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
 import "./components/TabSelect/ui/TabSelect.js";
@@ -35,106 +35,107 @@ const j = "_root_1ol37_1", E = "_text_1ol37_18", A = "_rootCol_1ol37_26", z = "_
   autoWidth: F,
   isDisabled: G,
   grayRow: J
-}, I = O.bind(e), K = ({
+}, N = v.bind(e), K = ({
   children: s,
   variant: c = "whiteRow",
   isApart: m = !1,
   addClassName: d = "",
   col: l = !1
-}) => /* @__PURE__ */ o("div", { className: I(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: s }), W = R((s, c) => {
-  const { isTablet: m, isDesktop: d } = L(), {
+}) => /* @__PURE__ */ o("div", { className: N(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: s }), W = R((s, c) => {
+  const { isTablet: m, isDesktop: d } = C(), {
     index: l,
     children: i,
-    addItemClassName: u,
-    disabled: h = !1,
-    itemsLength: N = 0,
-    width: p,
-    width_m: r,
-    width_l: a,
-    ...f
-  } = s, n = i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1, g = (w, b) => w && r ? r : b && a ? a : p, x = !p && !r && !a && n;
-  return /* @__PURE__ */ _("label", { className: I({ [e.isLong]: n }), children: [
+    addItemClassName: h,
+    disabled: f = !1,
+    itemsLength: x = 0,
+    isLongOn: w = !0,
+    width: r,
+    width_m: a,
+    width_l: n,
+    ...p
+  } = s, b = (i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1) && w, y = (g, _) => g && a ? a : _ && n ? n : r, S = !r && !a && !n && b;
+  return /* @__PURE__ */ u("label", { className: N({ [e.isLong]: b }), children: [
     /* @__PURE__ */ o(
       "input",
       {
         ref: c,
         type: "checkbox",
-        ...f,
-        disabled: h
+        ...p,
+        disabled: f
       }
     ),
     /* @__PURE__ */ o(
       "div",
       {
-        style: { width: g(m, d) },
-        className: I(I(
+        style: { width: y(m, d) },
+        className: N(N(
           e.item,
           { [e.firstItem]: l === 0 },
-          { [e.lastItem]: l === N - 1 },
-          { [e.isDisabled]: h },
-          { [e.autoWidth]: x }
-        ), u),
-        children: /* @__PURE__ */ o(C, { className: e.text, children: i })
+          { [e.lastItem]: l === x - 1 },
+          { [e.isDisabled]: f },
+          { [e.autoWidth]: S }
+        ), h),
+        children: /* @__PURE__ */ o(L, { className: e.text, children: i })
       }
     )
   ] });
 });
 W.displayName = "TabSwitcherItem";
-const It = Object.assign(K, { Item: W }), S = O.bind(t), Q = ({
+const gt = Object.assign(K, { Item: W }), I = v.bind(t), Q = ({
   options: s,
   selectedOption: c,
   placeholder: m = "",
   error: d,
   disabled: l,
   additionalClass: i = "",
-  onChange: u,
-  onBlur: h,
-  mini: N,
-  openOnTop: p = !1
+  onChange: h,
+  onBlur: f,
+  mini: x,
+  openOnTop: w = !1
 }) => {
-  const [r, a] = k(!1), f = D(null), { isMobile: n } = L(), { handleBlur: g, getInputValue: x, getOption: w, handleDocumentClick: b } = M({
+  const [r, a] = k(!1), n = D(null), { isMobile: p } = C(), { handleBlur: b, getInputValue: y, getOption: S, handleDocumentClick: g } = M({
     selectedOption: c,
-    setSelectedOption: u,
+    setSelectedOption: h,
     setIsOpen: a,
-    containerRef: f,
+    containerRef: n,
     isOpen: r,
-    isMobile: n,
+    isMobile: p,
     placeholder: m,
-    onChange: u,
-    onBlur: h
+    onChange: h,
+    onBlur: f
   });
-  return T(() => (document.addEventListener("click", b), () => {
-    document.removeEventListener("click", b);
-  }), []), /* @__PURE__ */ _(
+  return T(() => (document.addEventListener("click", g), () => {
+    document.removeEventListener("click", g);
+  }), []), /* @__PURE__ */ u(
     "div",
     {
-      ref: f,
-      className: S(
+      ref: n,
+      className: I(
         t.sortSelectWrapper,
         { [t.sortSelectWrapperError]: d },
-        { [t.sortSelectWrapperTop]: p },
+        { [t.sortSelectWrapperTop]: w },
         i
       ),
       tabIndex: 0,
-      onBlur: g,
+      onBlur: b,
       children: [
-        /* @__PURE__ */ _("div", { className: S(t.inputWrapper), children: [
+        /* @__PURE__ */ u("div", { className: I(t.inputWrapper), children: [
           /* @__PURE__ */ o(
             "input",
             {
               type: "text",
               readOnly: !0,
-              value: x(),
-              className: S(
+              value: y(),
+              className: I(
                 t.selectedOptions,
                 { [t.selectOptionsDisabled]: l },
-                { [t.selectionOptionMini]: N }
+                { [t.selectionOptionMini]: x }
               ),
               onClick: () => a(!r)
             }
           ),
           /* @__PURE__ */ o(
-            v,
+            O,
             {
               name: "twoArrows",
               size: "24",
@@ -142,7 +143,7 @@ const It = Object.assign(K, { Item: W }), S = O.bind(t), Q = ({
             }
           )
         ] }),
-        r && n && /* @__PURE__ */ _(
+        r && p && /* @__PURE__ */ u(
           B,
           {
             isOpen: r,
@@ -152,27 +153,27 @@ const It = Object.assign(K, { Item: W }), S = O.bind(t), Q = ({
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ _("div", { className: t.mobileSortHeader, children: [
-                /* @__PURE__ */ o(C, { children: "Сортировка" }),
+              /* @__PURE__ */ u("div", { className: t.mobileSortHeader, children: [
+                /* @__PURE__ */ o(L, { children: "Сортировка" }),
                 /* @__PURE__ */ o("div", { onClick: () => a(!1), children: /* @__PURE__ */ o(
-                  v,
+                  O,
                   {
                     name: "close",
                     size: "20"
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ o("div", { className: t.mobileOptionList, children: s == null ? void 0 : s.map((y) => w(y)) })
+              /* @__PURE__ */ o("div", { className: t.mobileOptionList, children: s == null ? void 0 : s.map((_) => S(_)) })
             ]
           }
         ),
-        r && !n && /* @__PURE__ */ o("div", { className: S(t.optionsList, { [t.optionListOnTop]: p }), children: s == null ? void 0 : s.map((y) => w(y)) })
+        r && !p && /* @__PURE__ */ o("div", { className: I(t.optionsList, { [t.optionListOnTop]: w }), children: s == null ? void 0 : s.map((_) => S(_)) })
       ]
     }
   );
 };
 Q.displayName = "SortSelect";
 export {
-  It as S,
+  gt as S,
   Q as a
 };

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../SortSelect-Bo5gHKrX.js";
+import { a as r } from "../../SortSelect-CQHzI2M-.js";
 export {
   r as SortSelect
 };

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

@@ -13,7 +13,7 @@ import "../../Text/ui/Text.js";
 import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "../../../Modal-C48pfGFo.js";
-import { a as z } from "../../../SortSelect-Bo5gHKrX.js";
+import { a as z } from "../../../SortSelect-CQHzI2M-.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
 import "../../LotCard/ui/LotCard.js";

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../SortSelect-Bo5gHKrX.js";
+import { S as e } from "../../SortSelect-CQHzI2M-.js";
 export {
   e as TabSwitcher
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { S as v } from "../../../SortSelect-Bo5gHKrX.js";
+import { S as v } from "../../../SortSelect-CQHzI2M-.js";
 import "../../Text/ui/Text.js";
 import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";

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

@@ -13,6 +13,7 @@ export interface ITabSwitcherItem extends React.InputHTMLAttributes<HTMLInputEle
     width_m?: string;
     width_l?: string;
     children?: ReactNode;
+    isLongOn?: boolean;
 }
 export interface TabSwitcherProps {
     variant?: TABS_VARIANTS;

package/dist/components/ZoomControls/ui/ZoomControls.js

@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react";
 import "../../../Modal-C48pfGFo.js";
-import "../../../SortSelect-Bo5gHKrX.js";
+import "../../../SortSelect-CQHzI2M-.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../../index-rKuIKazb.js";
 import "../../MetroTag/ui/MetroTag.js";

package/dist/main.js

@@ -10,7 +10,7 @@ import { Flex as T } from "./components/Flex/ui/Flex.js";
 import { Input as b } from "./components/Input/ui/Input.js";
 import { M as I } from "./Modal-C48pfGFo.js";
 import { FieldInput as w } from "./components/FieldInput/ui/FieldInput.js";
-import { a as F, S as L } from "./SortSelect-Bo5gHKrX.js";
+import { a as F, S as L } from "./SortSelect-CQHzI2M-.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as v } from "./components/Logo/ui/Logo.js";
 import { MetroTag as D } from "./components/MetroTag/ui/MetroTag.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.476",
+  "version": "0.0.477",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",