stone-kit 0.0.461 → 0.0.463

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-f8wlE1wn.js → SortSelect-CFvzLylX.js}

@@ -1,8 +1,8 @@
-import { jsxs as _, jsx as s } from "react/jsx-runtime";
+import { jsxs as h, jsx as s } 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 { s as t, u as M } from "./useSortSelect-D7K1wk0E.js";
-import { NewIcon as v } from "./components/NewIcon/ui/NewIcon.js";
+import { NewIcon as y } from "./components/NewIcon/ui/NewIcon.js";
 import "./components/Button/ui/Button.js";
 import "./components/mobileButton/ui/MobileButton.js";
 import "./components/DestinationTab/ui/DestinationTab.js";
@@ -21,10 +21,8 @@ import { useClientWidth as L } from "./shared/useClientWidth.js";
 import "./components/SliderNavigation/ui/SliderNavigation.js";
 import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
 import "./components/TabSelect/ui/TabSelect.js";
-import "./index-D4uptQ6W.js";
-import "./components/CheckBox/CheckBox.js";
-import "./components/TextArea/TextArea.js";
-const j = "_root_cgepa_1", E = "_text_cgepa_18", A = "_rootCol_cgepa_26", z = "_item_cgepa_32", $ = "_whiteRow_cgepa_51", q = "_firstItem_cgepa_62", H = "_lastItem_cgepa_66", P = "_apart_cgepa_97", V = "_isLong_cgepa_97", F = "_autoWidth_cgepa_122", G = "_isDisabled_cgepa_129", J = "_grayRow_cgepa_153", e = {
+import "./components/FormModal/ui/ModalForm.js";
+const j = "_root_hv830_1", E = "_text_hv830_18", A = "_rootCol_hv830_26", z = "_item_hv830_32", $ = "_whiteRow_hv830_51", q = "_firstItem_hv830_62", H = "_lastItem_hv830_66", P = "_apart_hv830_97", V = "_isLong_hv830_97", F = "_autoWidth_hv830_122", G = "_isDisabled_hv830_129", J = "_grayRow_hv830_153", e = {
   root: j,
   text: E,
   rootCol: A,
@@ -39,30 +37,30 @@ const j = "_root_cgepa_1", E = "_text_cgepa_18", A = "_rootCol_cgepa_26", z = "_
   grayRow: J
 }, S = O.bind(e), K = ({
   children: o,
-  variant: n = "whiteRow",
+  variant: c = "whiteRow",
   isApart: m = !1,
   addClassName: d = "",
-  col: c = !1
-}) => /* @__PURE__ */ s("div", { className: S(e.root, e[n], d, { [e.rootCol]: c, [e.apart]: m }), children: o }), W = R((o, n) => {
+  col: l = !1
+}) => /* @__PURE__ */ s("div", { className: S(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: o }), W = R((o, c) => {
   const { isTablet: m, isDesktop: d } = L(), {
-    index: c,
+    index: l,
     children: i,
-    addItemClassName: u,
-    disabled: h = !1,
+    addItemClassName: _,
+    disabled: u = !1,
     itemsLength: I = 0,
     width: p,
-    width_m: a,
-    width_l: r,
+    width_m: r,
+    width_l: a,
     ...f
-  } = o, l = i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1, N = (g, w) => g && a ? a : w && r ? r : p, x = !p && !a && !r && l;
-  return /* @__PURE__ */ _("label", { className: S({ [e.isLong]: l }), children: [
+  } = o, n = i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1, N = (v, w) => v && r ? r : w && a ? a : p, g = !p && !r && !a && n;
+  return /* @__PURE__ */ h("label", { className: S({ [e.isLong]: n }), children: [
     /* @__PURE__ */ s(
       "input",
       {
-        ref: n,
+        ref: c,
         type: "checkbox",
         ...f,
-        disabled: h
+        disabled: u
       }
     ),
     /* @__PURE__ */ s(
@@ -71,43 +69,43 @@ const j = "_root_cgepa_1", E = "_text_cgepa_18", A = "_rootCol_cgepa_26", z = "_
         style: { width: N(m, d) },
         className: S(S(
           e.item,
-          { [e.firstItem]: c === 0 },
-          { [e.lastItem]: c === I - 1 },
-          { [e.isDisabled]: h },
-          { [e.autoWidth]: x }
-        ), u),
+          { [e.firstItem]: l === 0 },
+          { [e.lastItem]: l === I - 1 },
+          { [e.isDisabled]: u },
+          { [e.autoWidth]: g }
+        ), _),
         children: /* @__PURE__ */ s(C, { className: e.text, children: i })
       }
     )
   ] });
 });
 W.displayName = "TabSwitcherItem";
-const Nt = Object.assign(K, { Item: W }), b = O.bind(t), Q = ({
+const St = Object.assign(K, { Item: W }), b = O.bind(t), Q = ({
   options: o,
-  selectedOption: n,
+  selectedOption: c,
   placeholder: m = "",
   error: d,
-  disabled: c,
+  disabled: l,
   additionalClass: i = "",
-  onChange: u,
-  onBlur: h,
+  onChange: _,
+  onBlur: u,
   mini: I,
   openOnTop: p = !1
 }) => {
-  const [a, r] = k(!1), f = D(null), { isMobile: l } = L(), { handleBlur: N, getInputValue: x, getOption: g, handleDocumentClick: w } = M({
-    selectedOption: n,
-    setSelectedOption: u,
-    setIsOpen: r,
+  const [r, a] = k(!1), f = D(null), { isMobile: n } = L(), { handleBlur: N, getInputValue: g, getOption: v, handleDocumentClick: w } = M({
+    selectedOption: c,
+    setSelectedOption: _,
+    setIsOpen: a,
     containerRef: f,
-    isOpen: a,
-    isMobile: l,
+    isOpen: r,
+    isMobile: n,
     placeholder: m,
-    onChange: u,
-    onBlur: h
+    onChange: _,
+    onBlur: u
   });
   return T(() => (document.addEventListener("click", w), () => {
     document.removeEventListener("click", w);
-  }), []), /* @__PURE__ */ _(
+  }), []), /* @__PURE__ */ h(
     "div",
     {
       ref: f,
@@ -120,23 +118,23 @@ const Nt = Object.assign(K, { Item: W }), b = O.bind(t), Q = ({
       tabIndex: 0,
       onBlur: N,
       children: [
-        /* @__PURE__ */ _("div", { className: b(t.inputWrapper), children: [
+        /* @__PURE__ */ h("div", { className: b(t.inputWrapper), children: [
           /* @__PURE__ */ s(
             "input",
             {
               type: "text",
               readOnly: !0,
-              value: x(),
+              value: g(),
               className: b(
                 t.selectedOptions,
-                { [t.selectOptionsDisabled]: c },
+                { [t.selectOptionsDisabled]: l },
                 { [t.selectionOptionMini]: I }
               ),
-              onClick: () => r(!a)
+              onClick: () => a(!r)
             }
           ),
           /* @__PURE__ */ s(
-            v,
+            y,
             {
               name: "twoArrows",
               size: "24",
@@ -144,37 +142,37 @@ const Nt = Object.assign(K, { Item: W }), b = O.bind(t), Q = ({
             }
           )
         ] }),
-        a && l && /* @__PURE__ */ _(
+        r && n && /* @__PURE__ */ h(
           B,
           {
-            isOpen: a,
-            emitIsOpen: r,
+            isOpen: r,
+            emitIsOpen: a,
             additionalClassModalBody: t.modalAddBody,
             additionalClass: t.selectModal,
             createPortalObj: { domNode: document.querySelector("body") },
             isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ _("div", { className: t.mobileSortHeader, children: [
+              /* @__PURE__ */ h("div", { className: t.mobileSortHeader, children: [
                 /* @__PURE__ */ s(C, { children: "Сортировка" }),
-                /* @__PURE__ */ s("div", { onClick: () => r(!1), children: /* @__PURE__ */ s(
-                  v,
+                /* @__PURE__ */ s("div", { onClick: () => a(!1), children: /* @__PURE__ */ s(
+                  y,
                   {
                     name: "close",
                     size: "20"
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ s("div", { className: t.mobileOptionList, children: o == null ? void 0 : o.map((y) => g(y)) })
+              /* @__PURE__ */ s("div", { className: t.mobileOptionList, children: o == null ? void 0 : o.map((x) => v(x)) })
             ]
           }
         ),
-        a && !l && /* @__PURE__ */ s("div", { className: b(t.optionsList, { [t.optionListOnTop]: p }), children: o == null ? void 0 : o.map((y) => g(y)) })
+        r && !n && /* @__PURE__ */ s("div", { className: b(t.optionsList, { [t.optionListOnTop]: p }), children: o == null ? void 0 : o.map((x) => v(x)) })
       ]
     }
   );
 };
 Q.displayName = "SortSelect";
 export {
-  Nt as S,
+  St as S,
   Q as a
 };

package/dist/components/FormModal/ui/ModalForm.d.ts

@@ -20,6 +20,7 @@ interface IModalFormProps {
     isRequiredEmail?: boolean;
     isRequiredPhoneOrEmail?: boolean;
     isAdvCheckBox?: boolean;
+    addTitleClassName?: string;
 }
 type IFormPageInputs = {
     phone: string;
@@ -29,5 +30,5 @@ type IFormPageInputs = {
     advCheckBox?: boolean;
     textarea?: string;
 };
-export declare const ModalForm: ({ isFormOpen, setIsFormOpen, isNews, title, isEmail, isPhone, isTextArea, telegramLink, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, advCheckBox, isAdvCheckBox, }: IModalFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ModalForm: ({ isFormOpen, setIsFormOpen, isNews, title, isEmail, isPhone, isTextArea, telegramLink, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, advCheckBox, isAdvCheckBox, addTitleClassName }: IModalFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};