stone-kit 0.0.411 → 0.0.413

package/dist/SortSelect-Be-HhdmW.js

@@ -0,0 +1,178 @@
+import { jsxs as _, 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 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";
+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 "./components/Flex/ui/Flex.js";
+import "./components/Input/ui/Input.js";
+import { M as B } from "./Modal-DbD1tgiF.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 L } from "./shared/useClientWidth.js";
+import "./components/SliderNavigation/ui/SliderNavigation.js";
+import "./components/TabSelect/ui/TabSelect.js";
+import "./index-BaVdWc7x.js";
+import "./components/CheckBox/CheckBox.js";
+import "./components/TextArea/TextArea.js";
+const j = "_root_awv4b_1", E = "_text_awv4b_18", A = "_rootCol_awv4b_26", z = "_item_awv4b_32", $ = "_whiteRow_awv4b_51", q = "_firstItem_awv4b_62", H = "_lastItem_awv4b_66", P = "_apart_awv4b_90", V = "_isLong_awv4b_90", F = "_autoWidth_awv4b_115", G = "_isDisabled_awv4b_122", J = "_grayRow_awv4b_144", e = {
+  root: j,
+  text: E,
+  rootCol: A,
+  item: z,
+  whiteRow: $,
+  firstItem: q,
+  lastItem: H,
+  apart: P,
+  isLong: V,
+  autoWidth: F,
+  isDisabled: G,
+  grayRow: J
+}, v = O.bind(e), K = ({
+  children: o,
+  variant: c = "whiteRow",
+  isApart: m = !1,
+  addClassName: d = "",
+  col: l = !1
+}) => /* @__PURE__ */ s("div", { className: v(e.root, e[c], d, { [e.rootCol]: l, [e.apart]: m }), children: o }), W = R((o, c) => {
+  const { isTablet: m, isDesktop: d } = L(), {
+    index: l,
+    children: i,
+    addItemClassName: w,
+    disabled: S = !1,
+    itemsLength: I = 0,
+    width: p,
+    width_m: a,
+    width_l: r,
+    ...u
+  } = o, n = i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1, N = (b, h) => b && a ? a : h && r ? r : p, g = !p && !a && !r && n;
+  return /* @__PURE__ */ _("label", { className: v({ [e.isLong]: n }), children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ref: c,
+        type: "checkbox",
+        ...u
+      }
+    ),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        style: { width: N(m, d) },
+        className: v(v(
+          e.item,
+          { [e.firstItem]: l === 0 },
+          { [e.lastItem]: l === I - 1 },
+          { [e.isDisabled]: S },
+          { [e.autoWidth]: g }
+        ), w),
+        children: /* @__PURE__ */ s(C, { className: e.text, children: i })
+      }
+    )
+  ] });
+});
+W.displayName = "TabSwitcherItem";
+const It = Object.assign(K, { Item: W }), f = O.bind(t), Q = ({
+  options: o,
+  selectedOption: c,
+  placeholder: m = "",
+  error: d,
+  disabled: l,
+  additionalClass: i = "",
+  onChange: w,
+  onBlur: S,
+  mini: I,
+  openOnTop: p = !1
+}) => {
+  const [a, r] = k(!1), u = D(null), { isMobile: n } = L(), { handleBlur: N, getInputValue: g, getOption: b, handleDocumentClick: h } = M({
+    selectedOption: c,
+    setSelectedOption: w,
+    setIsOpen: r,
+    containerRef: u,
+    isOpen: a,
+    isMobile: n,
+    placeholder: m,
+    onChange: w,
+    onBlur: S
+  });
+  return T(() => (document.addEventListener("click", h), () => {
+    document.removeEventListener("click", h);
+  }), []), /* @__PURE__ */ _(
+    "div",
+    {
+      ref: u,
+      className: f(
+        t.sortSelectWrapper,
+        { [t.sortSelectWrapperError]: d },
+        { [t.sortSelectWrapperTop]: p },
+        i
+      ),
+      tabIndex: 0,
+      onBlur: N,
+      children: [
+        /* @__PURE__ */ _("div", { className: f(t.inputWrapper), children: [
+          /* @__PURE__ */ s(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: g(),
+              className: f(
+                t.selectedOptions,
+                { [t.selectOptionsDisabled]: l },
+                { [t.selectionOptionMini]: I }
+              ),
+              onClick: () => r(!a)
+            }
+          ),
+          /* @__PURE__ */ s(
+            y,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: t.icon
+            }
+          )
+        ] }),
+        a && n && /* @__PURE__ */ _(
+          B,
+          {
+            isOpen: a,
+            emitIsOpen: r,
+            additionalClassModalBody: t.modalAddBody,
+            additionalClass: t.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ _("div", { className: t.mobileSortHeader, children: [
+                /* @__PURE__ */ s(C, { children: "Сортировка" }),
+                /* @__PURE__ */ s("div", { onClick: () => r(!1), children: /* @__PURE__ */ s(
+                  y,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ s("div", { className: t.mobileOptionList, children: o == null ? void 0 : o.map((x) => b(x)) })
+            ]
+          }
+        ),
+        a && !n && /* @__PURE__ */ s("div", { className: f(t.optionsList, { [t.optionListOnTop]: p }), children: o == null ? void 0 : o.map((x) => b(x)) })
+      ]
+    }
+  );
+};
+Q.displayName = "SortSelect";
+export {
+  It as S,
+  Q as a
+};

package/dist/components/CheckBox/CheckBox.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 interface Props {
-    text: string;
+    text?: string;
     error: boolean;
     isChecked?: boolean;
+    children?: React.ReactNode;
 }
 export type Ref = HTMLInputElement;
 export declare const CheckBox: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/CheckBox/CheckBox.js

@@ -1,22 +1,23 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { Input as b } from "../Input/ui/Input.js";
-import { c as h } from "../../index-rKuIKazb.js";
-import { forwardRef as m } from "react";
-import { NewIcon as x } from "../NewIcon/ui/NewIcon.js";
-const _ = "_checkboxLabel_19nrs_1", i = "_labelText_19nrs_37", k = "_error_19nrs_45", d = "_checkIcon_19nrs_53", e = {
-  checkboxLabel: _,
-  labelText: i,
-  error: k,
-  checkIcon: d
-}, r = h.bind(e), N = m(({
-  text: s,
-  isChecked: t,
-  error: o,
-  ...n
-}, l) => /* @__PURE__ */ a("label", { className: r(e.checkboxLabel, { [e.error]: o }), children: [
-  /* @__PURE__ */ c(b, { type: "checkbox", ...n, ref: l }),
-  t && /* @__PURE__ */ c(
-    x,
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { Input as h } from "../Input/ui/Input.js";
+import { c as m } from "../../index-rKuIKazb.js";
+import { forwardRef as i } from "react";
+import { NewIcon as _ } from "../NewIcon/ui/NewIcon.js";
+const x = "_checkboxLabel_19nrs_1", k = "_labelText_19nrs_37", d = "_error_19nrs_45", p = "_checkIcon_19nrs_53", e = {
+  checkboxLabel: x,
+  labelText: k,
+  error: d,
+  checkIcon: p
+}, s = m.bind(e), u = i(({
+  text: o,
+  isChecked: n,
+  error: r,
+  children: t,
+  ...l
+}, a) => /* @__PURE__ */ b("label", { className: s(e.checkboxLabel, { [e.error]: r }), children: [
+  /* @__PURE__ */ c(h, { type: "checkbox", ...l, ref: a }),
+  n && /* @__PURE__ */ c(
+    _,
     {
       additionalClass: e.checkIcon,
       color: "white",
@@ -28,11 +29,12 @@ const _ = "_checkboxLabel_19nrs_1", i = "_labelText_19nrs_37", k = "_error_19nrs
   /* @__PURE__ */ c(
     "div",
     {
-      className: r(e.labelText, { [e.error]: o }),
-      dangerouslySetInnerHTML: { __html: s }
+      className: s(e.labelText, { [e.error]: r }),
+      dangerouslySetInnerHTML: o ? { __html: o } : void 0,
+      children: t
     }
   )
 ] }));
 export {
-  N as CheckBox
+  u as CheckBox
 };

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

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