stone-kit 0.0.701 → 0.0.702

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/{FilterWithSave-Nihl2Z4W.js → FilterWithSave-NFKACvUC.js}

@@ -23,7 +23,7 @@ import "./components/SliderNavigation/ui/SliderNavigation.js";
 import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
 import "./components/TabSelect/ui/TabSelect.js";
 import "./components/FormModal/ui/ModalForm.js";
-import { O as P } from "./Option-BJ7QJM8p.js";
+import { O as P } from "./Option-BM2iOGX7.js";
 const Y = "_root_lgek7_1", Z = "_text_lgek7_18", ee = "_textMini_lgek7_26", te = "_rootCol_lgek7_32", ie = "_item_lgek7_38", se = "_whiteRow_lgek7_57", le = "_firstItem_lgek7_68", re = "_lastItem_lgek7_72", ae = "_apart_lgek7_103", ne = "_isLong_lgek7_103", oe = "_autoWidth_lgek7_128", ce = "_mini_lgek7_132", de = "_isDisabled_lgek7_140", me = "_grayRow_lgek7_164", o = {
   root: Y,
   text: Z,

package/dist/Option-BM2iOGX7.js

@@ -0,0 +1,83 @@
+import { jsxs as u, jsx as _ } from "react/jsx-runtime";
+import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
+import { c as z } from "./index-rKuIKazb.js";
+const g = "_multiSelectWrapper_c3wo1_1", O = "_selectedOptions_c3wo1_8", b = "_selectedOptionsBtn_c3wo1_24", v = "_selectedOptionsOpened_c3wo1_49", C = "_selectedOptionsNotEmpty_c3wo1_53", h = "_selectOptionsDisabled_c3wo1_58", y = "_optionsList_c3wo1_65", D = "_listRight_c3wo1_81", f = "_inputWrapper_c3wo1_85", k = "_option_c3wo1_65", B = "_category_c3wo1_107", N = "_leftSide_c3wo1_113", S = "_optionCategory_c3wo1_118", W = "_optionDisabled_c3wo1_124", x = "_optionClickable_c3wo1_128", A = "_icon_c3wo1_132", E = "_iconArrow_c3wo1_138", L = "_iconBtn_c3wo1_144", s = {
+  multiSelectWrapper: g,
+  selectedOptions: O,
+  selectedOptionsBtn: b,
+  "small-size": "_small-size_c3wo1_28",
+  "medium-size": "_medium-size_c3wo1_35",
+  "large-size": "_large-size_c3wo1_42",
+  selectedOptionsOpened: v,
+  selectedOptionsNotEmpty: C,
+  selectOptionsDisabled: h,
+  optionsList: y,
+  listRight: D,
+  inputWrapper: f,
+  option: k,
+  category: B,
+  leftSide: N,
+  optionCategory: S,
+  optionDisabled: W,
+  optionClickable: x,
+  icon: A,
+  iconArrow: E,
+  iconBtn: L,
+  "small-size_m": "_small-size_m_c3wo1_157",
+  "medium-size_m": "_medium-size_m_c3wo1_163",
+  "large-size_m": "_large-size_m_c3wo1_169",
+  "small-size_l": "_small-size_l_c3wo1_184",
+  "medium-size_l": "_medium-size_l_c3wo1_190",
+  "large-size_l": "_large-size_l_c3wo1_196"
+}, R = z.bind(s), q = ({
+  option: e,
+  selectedOptions: c,
+  disabledOptions: a,
+  clickableOptions: t,
+  handleOptionClick: p,
+  isOptionCategory: i,
+  sizeIcon: l,
+  isDisabledEqualNotClickable: r,
+  addClassName: m = ""
+}) => {
+  const d = t ? t.includes(`${e.value}`) : !0, w = () => r && t ? !t.includes(`${e.value}`) : a.some((o) => o.value === e.value);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: R(
+        s.option,
+        {
+          [s.selected]: c.some((o) => o.value === e.value),
+          [s.optionDisabled]: w(),
+          [s.optionCategory]: i,
+          [s.optionClickable]: d
+        },
+        m
+      ),
+      onClick: () => {
+        p(e);
+      },
+      children: [
+        i && /* @__PURE__ */ _(
+          n,
+          {
+            size: l ?? "20",
+            name: c.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
+          }
+        ),
+        /* @__PURE__ */ _("div", { children: e.label }),
+        !i && /* @__PURE__ */ _(
+          n,
+          {
+            size: l ?? "20",
+            name: c.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  q as O,
+  s
+};

package/dist/components/FilterWithSave/hooks/useFilterWithSave.js

@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react/jsx-runtime";
 import "react-dom";
-import { u as q } from "../../../FilterWithSave-Nihl2Z4W.js";
+import { u as q } from "../../../FilterWithSave-NFKACvUC.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../../index-rKuIKazb.js";
 import "../../MetroTag/ui/MetroTag.js";

package/dist/components/FilterWithSave/ui/FilterWithSave.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../NewIcon/ui/NewIcon.js";
-import { F as a } from "../../../FilterWithSave-Nihl2Z4W.js";
+import { F as a } from "../../../FilterWithSave-NFKACvUC.js";
 import "../../Modal/ui/Modal.js";
-import "../../../Option-BJ7QJM8p.js";
+import "../../../Option-BM2iOGX7.js";
 import "../../Button/ui/Button.js";
 export {
   a as FilterWithSave

package/dist/components/Select/ui/Category.d.ts

@@ -9,5 +9,6 @@ export interface IOption {
     handleOptionClick: (option: TOption | TOption[]) => void;
     sizeIcon?: string;
     mode: TModeSelect;
+    isDisabledEqualNotClickable?: boolean;
 }
-export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, mode }: IOption) => import("react/jsx-runtime").JSX.Element;
+export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, isDisabledEqualNotClickable, mode }: IOption) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,50 +1,51 @@
-import { jsxs as m, Fragment as k, jsx as s } from "react/jsx-runtime";
-import { s as o, O as w } from "../../../Option-BJ7QJM8p.js";
+import { jsxs as u, Fragment as b, jsx as n } from "react/jsx-runtime";
+import { s, O as D } from "../../../Option-BM2iOGX7.js";
 import { NewIcon as g } from "../../NewIcon/ui/NewIcon.js";
-import { c as x } from "../../../index-rKuIKazb.js";
-import { useState as O } from "react";
-const b = x.bind(o), D = ({
+import { c as F } from "../../../index-rKuIKazb.js";
+import { useState as I } from "react";
+const J = F.bind(s), q = ({
   category: t,
-  selectedOptions: n,
-  disabledOptions: u,
-  clickableOptions: i,
-  handleOptionClick: p,
+  selectedOptions: i,
+  disabledOptions: m,
+  clickableOptions: o,
+  handleOptionClick: d,
   sizeIcon: r,
-  mode: d
+  isDisabledEqualNotClickable: C,
+  mode: p
 }) => {
-  const [l, f] = O(!1), C = n.map((e) => JSON.stringify(e)), a = d === "category", h = d === "double", S = a && t.options.every((e) => C.includes(JSON.stringify(e))), N = a ? S ? "selectChecked" : "selectUnchecked" : h && n.some((e) => e.value === t.value) ? "selectChecked" : "selectUnchecked", v = t.options.length > 1;
-  return /* @__PURE__ */ m(k, { children: [
-    /* @__PURE__ */ m(
+  const [l, f] = I(!1), S = i.map((e) => JSON.stringify(e)), a = p === "category", h = p === "double", N = a && t.options.every((e) => S.includes(JSON.stringify(e))), w = o ? o.includes(t.value.toString()) : !0, k = () => C && o ? !o.includes(t.value.toString()) : m.some(
+    (e) => e.value === t.value
+  ), x = a ? N ? "selectChecked" : "selectUnchecked" : h && i.some((e) => e.value === t.value) ? "selectChecked" : "selectUnchecked", v = t.options.length > 1;
+  return /* @__PURE__ */ u(b, { children: [
+    /* @__PURE__ */ u(
       "div",
       {
-        className: b(
-          o.option,
-          o.category,
+        className: J(
+          s.option,
+          s.category,
           {
-            [o.selected]: n.some((e) => e.value === t.value),
-            [o.optionDisabled]: u.some(
-              (e) => e.value === t.value
-            ),
-            [o.optionClickable]: i ? i.includes(t.value.toString()) : !0
+            [s.selected]: i.some((e) => e.value === t.value),
+            [s.optionDisabled]: k(),
+            [s.optionClickable]: w
           }
         ),
         onClick: () => {
-          h && !l && f(!0), p(a ? t.options : t);
+          h && !l && f(!0), d(a ? t.options : t);
         },
         children: [
-          /* @__PURE__ */ m("div", { className: o.leftSide, children: [
-            /* @__PURE__ */ s(
+          /* @__PURE__ */ u("div", { className: s.leftSide, children: [
+            /* @__PURE__ */ n(
               g,
               {
                 size: r ?? "20",
-                name: N
+                name: x
               }
             ),
-            /* @__PURE__ */ s("div", { children: t.label })
+            /* @__PURE__ */ n("div", { children: t.label })
           ] }),
-          v && /* @__PURE__ */ s("div", { className: o.iconArrow, onClick: (e) => {
+          v && /* @__PURE__ */ n("div", { className: s.iconArrow, onClick: (e) => {
             e.stopPropagation(), f((c) => !c);
-          }, children: /* @__PURE__ */ s(
+          }, children: /* @__PURE__ */ n(
             g,
             {
               name: "arrowShort",
@@ -55,15 +56,15 @@ const b = x.bind(o), D = ({
         ]
       }
     ),
-    l && v && t.options.map((e, c) => /* @__PURE__ */ s(
-      w,
+    l && v && t.options.map((e, c) => /* @__PURE__ */ n(
+      D,
       {
         option: e,
-        disabledOptions: u,
-        selectedOptions: n,
-        handleOptionClick: () => p(e),
+        disabledOptions: m,
+        selectedOptions: i,
+        handleOptionClick: () => d(e),
         sizeIcon: r,
-        clickableOptions: i,
+        clickableOptions: o,
         isOptionCategory: !0
       },
       c
@@ -71,5 +72,5 @@ const b = x.bind(o), D = ({
   ] });
 };
 export {
-  D as Category
+  q as Category
 };

package/dist/components/Select/ui/Option.d.ts

@@ -9,5 +9,6 @@ export interface IOption {
     handleOptionClick: (option: TOption) => void;
     sizeIcon?: string;
     addClassName?: string;
+    isDisabledEqualNotClickable?: boolean;
 }
-export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon, addClassName, }: IOption) => import("react/jsx-runtime").JSX.Element;
+export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon, isDisabledEqualNotClickable, addClassName, }: IOption) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { O as m } from "../../../Option-BJ7QJM8p.js";
+import { O as m } from "../../../Option-BM2iOGX7.js";
 import "../../NewIcon/ui/NewIcon.js";
 import "../../../index-rKuIKazb.js";
 export {

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

@@ -1,7 +1,7 @@
 import { jsxs as m, Fragment as R, jsx as i } from "react/jsx-runtime";
 import { useState as w, useRef as D, useEffect as W } from "react";
 import { c as G } from "../../../index-rKuIKazb.js";
-import { s as e, O as H } from "../../../Option-BJ7QJM8p.js";
+import { s as e, O as H } from "../../../Option-BM2iOGX7.js";
 import { NewIcon as j } from "../../NewIcon/ui/NewIcon.js";
 import { Category as J } from "./Category.js";
 import { handleClickModeOption as K, handleClickModeCategory as Q } from "../model/selectMode.js";

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../FilterWithSave-Nihl2Z4W.js";
+import { a as r } from "../../FilterWithSave-NFKACvUC.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/ui/Modal.js";
-import { a as z } from "../../../FilterWithSave-Nihl2Z4W.js";
+import { a as z } from "../../../FilterWithSave-NFKACvUC.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 "../../FilterWithSave-Nihl2Z4W.js";
+import { S as e } from "../../FilterWithSave-NFKACvUC.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 "../../../FilterWithSave-Nihl2Z4W.js";
+import { S as v } from "../../../FilterWithSave-NFKACvUC.js";
 import "../../Text/ui/Text.js";
 import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";

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

@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react";
 import "react-dom";
-import "../../../FilterWithSave-Nihl2Z4W.js";
+import "../../../FilterWithSave-NFKACvUC.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 C } from "./components/Flex/ui/Flex.js";
 import { Input as M } from "./components/Input/ui/Input.js";
 import { Modal as g } from "./components/Modal/ui/Modal.js";
 import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
-import { F as B, a as L, S as k } from "./FilterWithSave-Nihl2Z4W.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-NFKACvUC.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as j } 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.701",
+  "version": "0.0.702",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",

package/dist/Option-BJ7QJM8p.js

@@ -1,79 +0,0 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
-import { c as d } from "./index-rKuIKazb.js";
-const w = "_multiSelectWrapper_c3wo1_1", u = "_selectedOptions_c3wo1_8", z = "_selectedOptionsBtn_c3wo1_24", O = "_selectedOptionsOpened_c3wo1_49", g = "_selectedOptionsNotEmpty_c3wo1_53", b = "_selectOptionsDisabled_c3wo1_58", v = "_optionsList_c3wo1_65", h = "_listRight_c3wo1_81", C = "_inputWrapper_c3wo1_85", k = "_option_c3wo1_65", y = "_category_c3wo1_107", D = "_leftSide_c3wo1_113", f = "_optionCategory_c3wo1_118", B = "_optionDisabled_c3wo1_124", N = "_optionClickable_c3wo1_128", S = "_icon_c3wo1_132", W = "_iconArrow_c3wo1_138", x = "_iconBtn_c3wo1_144", t = {
-  multiSelectWrapper: w,
-  selectedOptions: u,
-  selectedOptionsBtn: z,
-  "small-size": "_small-size_c3wo1_28",
-  "medium-size": "_medium-size_c3wo1_35",
-  "large-size": "_large-size_c3wo1_42",
-  selectedOptionsOpened: O,
-  selectedOptionsNotEmpty: g,
-  selectOptionsDisabled: b,
-  optionsList: v,
-  listRight: h,
-  inputWrapper: C,
-  option: k,
-  category: y,
-  leftSide: D,
-  optionCategory: f,
-  optionDisabled: B,
-  optionClickable: N,
-  icon: S,
-  iconArrow: W,
-  iconBtn: x,
-  "small-size_m": "_small-size_m_c3wo1_157",
-  "medium-size_m": "_medium-size_m_c3wo1_163",
-  "large-size_m": "_large-size_m_c3wo1_169",
-  "small-size_l": "_small-size_l_c3wo1_184",
-  "medium-size_l": "_medium-size_l_c3wo1_190",
-  "large-size_l": "_large-size_l_c3wo1_196"
-}, A = d.bind(t), j = ({
-  option: e,
-  selectedOptions: s,
-  disabledOptions: a,
-  clickableOptions: _,
-  handleOptionClick: p,
-  isOptionCategory: c,
-  sizeIcon: l,
-  addClassName: m = ""
-}) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: A(
-      t.option,
-      {
-        [t.selected]: s.some((o) => o.value === e.value),
-        [t.optionDisabled]: a.some((o) => o.value === e.value),
-        [t.optionCategory]: c,
-        [t.optionClickable]: _ ? _.includes(`${e.value}`) : !0
-      },
-      m
-    ),
-    onClick: () => {
-      p(e);
-    },
-    children: [
-      c && /* @__PURE__ */ i(
-        n,
-        {
-          size: l ?? "20",
-          name: s.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
-        }
-      ),
-      /* @__PURE__ */ i("div", { children: e.label }),
-      !c && /* @__PURE__ */ i(
-        n,
-        {
-          size: l ?? "20",
-          name: s.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
-        }
-      )
-    ]
-  }
-);
-export {
-  j as O,
-  t as s
-};