stone-kit 0.0.503 → 0.0.505

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-DT1o6Lco.js

@@ -0,0 +1,188 @@
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { forwardRef as T, useState as D, useRef as M, useEffect as B } from "react";
+import { c as L } from "./index-rKuIKazb.js";
+import { s as t, u as j } from "./useSortSelect-CjZXLFOG.js";
+import { NewIcon as v } 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 W } from "./components/Text/ui/Text.js";
+import "./components/Flex/ui/Flex.js";
+import "./components/Input/ui/Input.js";
+import { M as E } from "./Modal-BZv6nlLe.js";
+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 R } from "./shared/useClientWidth.js";
+import "./components/SliderNavigation/ui/SliderNavigation.js";
+import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "./components/TabSelect/ui/TabSelect.js";
+import "./components/FormModal/ui/ModalForm.js";
+const A = "_root_1ol37_1", z = "_text_1ol37_18", $ = "_rootCol_1ol37_26", q = "_item_1ol37_32", H = "_whiteRow_1ol37_51", P = "_firstItem_1ol37_62", V = "_lastItem_1ol37_66", F = "_apart_1ol37_97", G = "_isLong_1ol37_97", J = "_autoWidth_1ol37_122", K = "_isDisabled_1ol37_129", Q = "_grayRow_1ol37_153", e = {
+  root: A,
+  text: z,
+  rootCol: $,
+  item: q,
+  whiteRow: H,
+  firstItem: P,
+  lastItem: V,
+  apart: F,
+  isLong: G,
+  autoWidth: J,
+  isDisabled: K,
+  grayRow: Q
+}, u = L.bind(e), U = ({
+  children: s,
+  variant: c = "whiteRow",
+  isApart: m = !1,
+  addClassName: d = "",
+  col: l = !1
+}) => /* @__PURE__ */ o("div", { className: u(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: s }), k = T((s, c) => {
+  const { isTablet: m, isDesktop: d } = R(), {
+    index: l,
+    children: i,
+    addItemClassName: h,
+    addTextClass: N,
+    disabled: f = !1,
+    itemsLength: w = 0,
+    isLongOn: x = !0,
+    width: p,
+    width_m: r,
+    width_l: a,
+    ...b
+  } = s, n = (i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1) && x, O = (S, g) => S && r ? r : g && a ? a : p, y = !p && !r && !a && n;
+  return /* @__PURE__ */ _("label", { className: u({ [e.isLong]: n }), children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        ref: c,
+        type: "checkbox",
+        ...b,
+        disabled: f
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        style: { width: O(m, d) },
+        className: u(u(
+          e.item,
+          { [e.firstItem]: l === 0 },
+          { [e.lastItem]: l === w - 1 },
+          { [e.isDisabled]: f },
+          { [e.autoWidth]: y }
+        ), h),
+        children: /* @__PURE__ */ o(W, { className: u(e.text, N), children: i })
+      }
+    )
+  ] });
+});
+k.displayName = "TabSwitcherItem";
+const Nt = Object.assign(U, { Item: k }), I = L.bind(t), X = ({
+  options: s,
+  selectedOption: c,
+  placeholder: m = "",
+  error: d,
+  disabled: l,
+  additionalClass: i = "",
+  onChange: h,
+  onBlur: N,
+  mini: f,
+  openOnTop: w = !1,
+  onClickItem: x,
+  onCLickSelect: p
+}) => {
+  const [r, a] = D(!1), b = M(null), { isMobile: n } = R(), { handleBlur: O, getInputValue: y, getOption: S, handleDocumentClick: g } = j(
+    {
+      selectedOption: c,
+      onClickOption: x,
+      setSelectedOption: h,
+      setIsOpen: a,
+      containerRef: b,
+      isOpen: r,
+      isMobile: n,
+      placeholder: m,
+      onChange: h,
+      onBlur: N
+    }
+  );
+  return B(() => (document.addEventListener("click", g), () => {
+    document.removeEventListener("click", g);
+  }), []), /* @__PURE__ */ _(
+    "div",
+    {
+      ref: b,
+      className: I(
+        t.sortSelectWrapper,
+        { [t.sortSelectWrapperError]: d },
+        { [t.sortSelectWrapperTop]: w },
+        i
+      ),
+      tabIndex: 0,
+      onBlur: O,
+      onClick: () => {
+        p && p();
+      },
+      children: [
+        /* @__PURE__ */ _("div", { className: I(t.inputWrapper), children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: y(),
+              className: I(
+                t.selectedOptions,
+                { [t.selectOptionsDisabled]: l },
+                { [t.selectionOptionMini]: f }
+              ),
+              onClick: () => a(!r)
+            }
+          ),
+          /* @__PURE__ */ o(
+            v,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: t.icon
+            }
+          )
+        ] }),
+        r && n && /* @__PURE__ */ _(
+          E,
+          {
+            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__ */ o(W, { children: "Сортировка" }),
+                /* @__PURE__ */ o("div", { onClick: () => a(!1), children: /* @__PURE__ */ o(
+                  v,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ o("div", { className: t.mobileOptionList, children: s == null ? void 0 : s.map((C) => S(C)) })
+            ]
+          }
+        ),
+        r && !n && /* @__PURE__ */ o("div", { className: I(t.optionsList, { [t.optionListOnTop]: w }), children: s == null ? void 0 : s.map((C) => S(C)) })
+      ]
+    }
+  );
+};
+X.displayName = "SortSelect";
+export {
+  Nt as S,
+  X as a
+};