stone-kit 0.0.875 → 0.0.877

package/dist/App.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { B as o } from "./Menu-CgCfinVZ.js";
+import { BrowserRouter as o } from "./node_modules/react-router-dom/dist/index.js";
 import t from "./layout/Layout.js";
 import p from "./Router.js";
 function u() {

package/dist/Router.js

@@ -1,17 +1,17 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import m from "./pages/HomePage/HomePage.js";
-import { ButtonsPage as a } from "./pages/ButtonsPage/Buttons.js";
-import r from "./pages/ModalsPage/ModalPage.js";
+import { ButtonsPage as r } from "./pages/ButtonsPage/Buttons.js";
+import a from "./pages/ModalsPage/ModalPage.js";
 import p from "./pages/TabsPage/TabsPage.js";
-import { IconsPage as s } from "./pages/IconsPage/IconsPage.js";
-import { LotsPage as n } from "./pages/LotsPage/LotsPage.js";
+import { IconsPage as n } from "./pages/IconsPage/IconsPage.js";
+import { LotsPage as s } from "./pages/LotsPage/LotsPage.js";
 import { TagsPage as l } from "./pages/TagsPage/TagsPage.js";
 import { SelectPage as i } from "./pages/SelectPage/SelectPage.js";
 import f from "./pages/FormsPage/FormsPage.js";
 import { LogoPage as g } from "./pages/LogoPage/LogoPage.js";
 import { InputPage as h } from "./pages/InputPage/InputPage.js";
 import { CheckBoxPage as P } from "./pages/CheckboxPage/CheckboxPage.js";
-import { R as c, a as t } from "./index-DmANy9jd.js";
+import { Routes as c, Route as t } from "./node_modules/react-router/dist/index.js";
 const H = () => /* @__PURE__ */ o(c, { children: [
   /* @__PURE__ */ e(
     t,
@@ -24,14 +24,14 @@ const H = () => /* @__PURE__ */ o(c, { children: [
     t,
     {
       path: "/buttons",
-      element: /* @__PURE__ */ e(a, {})
+      element: /* @__PURE__ */ e(r, {})
     }
   ),
   /* @__PURE__ */ e(
     t,
     {
       path: "/modals",
-      element: /* @__PURE__ */ e(r, {})
+      element: /* @__PURE__ */ e(a, {})
     }
   ),
   /* @__PURE__ */ e(
@@ -45,14 +45,14 @@ const H = () => /* @__PURE__ */ o(c, { children: [
     t,
     {
       path: "/icons",
-      element: /* @__PURE__ */ e(s, {})
+      element: /* @__PURE__ */ e(n, {})
     }
   ),
   /* @__PURE__ */ e(
     t,
     {
       path: "/lots",
-      element: /* @__PURE__ */ e(n, {})
+      element: /* @__PURE__ */ e(s, {})
     }
   ),
   /* @__PURE__ */ e(

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/_virtual/bind.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/index.js

@@ -0,0 +1,4 @@
+var s = { exports: {} };
+export {
+  s as __module
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var p = { exports: {} };
+export {
+  p as __module
+};

package/dist/_virtual/index3.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/react-is.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-is.production.min.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/components/Button/ui/Button.js

@@ -1,63 +1,34 @@
-import { jsx as _, jsxs as d, Fragment as r } from "react/jsx-runtime";
-import { c as k } from "../../../index-rKuIKazb.js";
-import { NewIcon as y } from "../../NewIcon/ui/NewIcon.js";
-const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m_24", v = "_blue_f868m_68", H = "_lightBlue_f868m_82", S = "_sokolniki_f868m_97", B = "_black_f868m_111", L = "_gray_f868m_125", $ = "_whiteStroke_f868m_139", x = "_whiteFilled_f868m_151", F = "_shade_f868m_165", j = "_transparent_f868m_171", I = "_volodiyaLight_f868m_192", q = "_loader_f868m_198", A = "_LoaderSpin_f868m_1", e = {
-  btnCommon: w,
-  btnLoading: C,
-  isHidden: N,
-  "auto-width": "_auto-width_f868m_28",
-  "full-width": "_full-width_f868m_32",
-  "tiny-size": "_tiny-size_f868m_36",
-  "small-size": "_small-size_f868m_44",
-  "medium-size": "_medium-size_f868m_52",
-  "large-size": "_large-size_f868m_60",
-  blue: v,
-  lightBlue: H,
-  sokolniki: S,
-  black: B,
-  gray: L,
-  whiteStroke: $,
-  whiteFilled: x,
-  shade: F,
-  transparent: j,
-  volodiyaLight: I,
-  loader: q,
-  LoaderSpin: A,
-  "tiny-size_m": "_tiny-size_m_f868m_204",
-  "small-size_m": "_small-size_m_f868m_211",
-  "medium-size_m": "_medium-size_m_f868m_218",
-  "large-size_m": "_large-size_m_f868m_225",
-  "tiny-size_l": "_tiny-size_l_f868m_234",
-  "small-size_l": "_small-size_l_f868m_241",
-  "medium-size_l": "_medium-size_l_f868m_248",
-  "large-size_l": "_large-size_l_f868m_255"
-}, s = k.bind(e), J = ({
-  size: c = "medium",
-  size_m: f,
-  size_l: z,
-  onCLick: t,
-  pre: m = !1,
-  children: h = "",
-  post: n = !1,
-  variant: u = "blue",
-  width: b = "auto",
-  additionalClass: g = "",
-  isLoading: i = !1,
-  ...l
+import { jsx as n, jsxs as c, Fragment as o } from "react/jsx-runtime";
+import x from "../../../node_modules/classnames/index.js";
+import { NewIcon as z } from "../../NewIcon/ui/NewIcon.js";
+import e from "../../../src/components/Button/ui/Button.module.scss.js";
+const a = x.bind(e), w = ({
+  size: u = "medium",
+  size_m: b,
+  size_l: f,
+  onCLick: m,
+  pre: t = !1,
+  children: N = "",
+  post: i = !1,
+  variant: h = "blue",
+  width: C = "auto",
+  additionalClass: $ = "",
+  isLoading: l = !1,
+  ...s
 }) => {
-  const a = s(
+  const d = a(
     e.btnCommon,
-    e[`${c}-size`],
-    e[`${f}-size_m`],
-    e[`${z}-size_l`],
-    e[`${u}`],
-    { [e.btnLoading]: i },
-    { [e.btnCommonInline]: m || n },
-    e[`${b}-width`],
-    g
-  ), o = () => /* @__PURE__ */ d(r, { children: [
-    i && /* @__PURE__ */ _(
-      y,
+    e[`${u}-size`],
+    e[`${b}-size_m`],
+    e[`${f}-size_l`],
+    e[`${h}`],
+    { [e.btnLoading]: l },
+    { [e.btnCommonInline]: t || i },
+    e[`${C}-width`],
+    $
+  ), r = () => /* @__PURE__ */ c(o, { children: [
+    l && /* @__PURE__ */ n(
+      z,
       {
         name: "loader",
         size: "24",
@@ -65,30 +36,30 @@ const w = "_btnCommon_f868m_1", C = "_btnLoading_f868m_20", N = "_isHidden_f868m
         additionalClass: e.loader
       }
     ),
-    /* @__PURE__ */ d(r, { children: [
-      m && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: m }),
-      /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: h }),
-      n && /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: n })
+    /* @__PURE__ */ c(o, { children: [
+      t && /* @__PURE__ */ n("div", { className: a({ [e.isHidden]: l }), children: t }),
+      /* @__PURE__ */ n("div", { className: a({ [e.isHidden]: l }), children: N }),
+      i && /* @__PURE__ */ n("div", { className: a({ [e.isHidden]: l }), children: i })
     ] })
   ] });
-  return l.as === "link" ? (delete l.as, /* @__PURE__ */ _(
+  return s.as === "link" ? (delete s.as, /* @__PURE__ */ n(
     "a",
     {
-      className: a,
-      onClick: t,
-      ...l,
-      children: o()
+      className: d,
+      onClick: m,
+      ...s,
+      children: r()
     }
-  )) : (delete l.as, /* @__PURE__ */ _(
+  )) : (delete s.as, /* @__PURE__ */ n(
     "button",
     {
-      className: a,
-      onClick: t,
-      ...l,
-      children: o()
+      className: d,
+      onClick: m,
+      ...s,
+      children: r()
     }
   ));
 };
 export {
-  J as Button
+  w as Button
 };

package/dist/components/CheckBox/CheckBox.js

@@ -1,78 +1,67 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import e from "../../src/components/CheckBox/s.module.scss.js";
 import { NewIcon as n } from "../NewIcon/ui/NewIcon.js";
-const p = "_checkbox_vuhc0_1", $ = "_checkbox__text_vuhc0_5", I = "_checkbox__elem_vuhc0_9", C = "_checkbox__hoverIcon_vuhc0_28", N = "_error_vuhc0_35", j = "_light_vuhc0_41", w = "_dark_vuhc0_44", y = "_isChecked_vuhc0_47", e = {
-  checkbox: p,
-  checkbox__text: $,
-  checkbox__elem: I,
-  checkbox__hoverIcon: C,
-  error: N,
-  light: j,
-  dark: w,
-  isChecked: y,
-  "medium-size": "_medium-size_vuhc0_102",
-  "large-size": "_large-size_vuhc0_107",
-  "small-size": "_small-size_vuhc0_112"
-}, L = g(
+const y = u(
   ({
     children: t,
-    isChecked: _ = !1,
-    error: a = !1,
-    modifierClassesStyle: m = [""],
-    emitIsChecked: h,
-    onClick: l,
-    variant: x = "light",
-    size_s: k,
-    size_m: b,
-    size_l: u,
-    text: r,
-    ...v
+    isChecked: o = !1,
+    error: f = !1,
+    modifierClassesStyle: h = [""],
+    emitIsChecked: i,
+    onClick: r,
+    variant: p = "light",
+    size_s: x,
+    size_m: z,
+    size_l: _,
+    text: c,
+    ...b
   }, d) => {
-    const z = m.map((f) => e[f]).filter(Boolean).join(" ");
-    let o = "", c = "20";
-    return u ? (o = e["large-size"] || "", c = "20") : k ? (o = e["small-size"] || "", c = "12") : (o = e["medium-size"] || "", c = "16"), /* @__PURE__ */ i(
+    const $ = h.map((k) => e[k]).filter(Boolean).join(" ");
+    let l = "", s = "20";
+    return _ ? (l = e["large-size"] || "", s = "20") : x ? (l = e["small-size"] || "", s = "12") : z ? (l = e["medium-size"] || "", s = "16") : (l = e["medium-size"] || "", s = "16"), /* @__PURE__ */ m(
       "label",
       {
         className: `
           ${e.checkbox}
-          ${z}
-          ${_ ? e.isChecked : ""}
-          ${a ? e.error : ""}
-          ${e[x] || ""}
-          ${o}
+          ${$}
+          ${o ? e.isChecked : ""}
+          ${f ? e.error : ""}
+          ${e[p] || ""}
+          ${l}
         `,
         onClick: () => {
-          l && l();
+          r && r();
         },
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             "input",
             {
               type: "checkbox",
               ref: d,
-              checked: !!_,
-              onChange: () => h && h(!_),
-              ...v
+              checked: !!o,
+              onChange: () => i && i(!o),
+              ...b
             }
           ),
-          /* @__PURE__ */ i("span", { className: e.checkbox__elem, children: [
-            _ && /* @__PURE__ */ s(
+          /* @__PURE__ */ m("span", { className: e.checkbox__elem, children: [
+            o && /* @__PURE__ */ a(
               n,
               {
                 name: "check",
-                size: c
+                size: s
               }
             ),
-            !_ && /* @__PURE__ */ s(
+            !o && /* @__PURE__ */ a(
               n,
               {
                 name: "check",
-                size: c,
+                size: s,
                 additionalClass: e.checkbox__hoverIcon
               }
             )
           ] }),
-          r && /* @__PURE__ */ s("span", { className: e.checkbox__text, dangerouslySetInnerHTML: { __html: r } }),
+          c && /* @__PURE__ */ a("span", { className: e.checkbox__text, dangerouslySetInnerHTML: { __html: c } }),
           t
         ]
       }
@@ -80,5 +69,5 @@ const p = "_checkbox_vuhc0_1", $ = "_checkbox__text_vuhc0_5", I = "_checkbox__el
   }
 );
 export {
-  L as CheckBox
+  y as CheckBox
 };

package/dist/components/CheckBoxNew/CheckBoxNew.js

@@ -1,26 +1,22 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Input as _ } from "../Input/ui/Input.js";
-import { c as h } from "../../index-rKuIKazb.js";
-import { forwardRef as x } from "react";
-import { NewIcon as i } from "../NewIcon/ui/NewIcon.js";
-const k = "_checkboxLabel_30mwb_1", p = "_labelText_30mwb_36", d = "_error_30mwb_44", f = "_checkIcon_30mwb_53", o = {
-  checkboxLabel: k,
-  labelText: p,
-  error: d,
-  checkIcon: f
-}, n = h.bind(o), u = x(
-  ({ text: c, isChecked: r, error: a, children: s, emitIsChecked: l, ...t }, b) => /* @__PURE__ */ m("label", { className: n(o.checkboxLabel, { [o.error]: a }), children: [
-    /* @__PURE__ */ e(
-      _,
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Input as p } from "../Input/ui/Input.js";
+import f from "../../node_modules/classnames/index.js";
+import { forwardRef as d } from "react";
+import o from "../../src/components/CheckBoxNew/s.module.scss.js";
+import { NewIcon as h } from "../NewIcon/ui/NewIcon.js";
+const s = f.bind(o), B = d(
+  ({ text: e, isChecked: c, error: a, children: n, emitIsChecked: m, ...t }, l) => /* @__PURE__ */ i("label", { className: s(o.checkboxLabel, { [o.error]: a }), children: [
+    /* @__PURE__ */ r(
+      p,
       {
         type: "checkbox",
         ...t,
-        onChange: () => l && l(!r),
-        ref: b
+        onChange: () => m && m(!c),
+        ref: l
       }
     ),
-    r && /* @__PURE__ */ e(
-      i,
+    c && /* @__PURE__ */ r(
+      h,
       {
         additionalClass: o.checkIcon,
         color: "#B1B5C3",
@@ -29,16 +25,16 @@ const k = "_checkboxLabel_30mwb_1", p = "_labelText_30mwb_36", d = "_error_30mwb
         size: "20"
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: n(o.labelText, { [o.error]: a }),
-        dangerouslySetInnerHTML: c ? { __html: c } : void 0,
-        children: s
+        className: s(o.labelText, { [o.error]: a }),
+        dangerouslySetInnerHTML: e ? { __html: e } : void 0,
+        children: n
       }
     )
   ] })
 );
 export {
-  u as CheckBoxNew
+  B as CheckBoxNew
 };

package/dist/components/CheckboxSelect/ui/CheckboxSelect.js

@@ -1,51 +1,44 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { c as o } from "../../../index-rKuIKazb.js";
-const d = "_root_7jm23_1", _ = "_nameWrapper_7jm23_8", p = "_clearBtn_7jm23_18", I = "_checkboxWrapper_7jm23_33", b = "_checkboxItem_7jm23_39", j = "_checkboxItemActive_7jm23_57", v = "_checkboxItemDisabled_7jm23_69", t = {
-  root: d,
-  nameWrapper: _,
-  clearBtn: p,
-  checkboxWrapper: I,
-  checkboxItem: b,
-  checkboxItemActive: j,
-  checkboxItemDisabled: v
-}, c = o.bind(t), N = ({
-  label: n = "Тип квартиры",
-  checkboxes: a,
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import p from "../../../node_modules/classnames/index.js";
+import a from "../../../src/components/CheckboxSelect/ui/s.module.scss.js";
+const t = p.bind(a), u = ({
+  label: e = "Тип квартиры",
+  checkboxes: i,
   addClassname: s
 }) => {
-  const i = () => {
-    a == null || a.forEach((e) => {
-      e != null && e.isSelected && (e == null || e.setValue());
+  const n = () => {
+    i == null || i.forEach((l) => {
+      l != null && l.isSelected && (l == null || l.setValue());
     });
   };
-  return /* @__PURE__ */ l("div", { className: c(t.root, s), children: [
-    /* @__PURE__ */ l("div", { className: t.nameWrapper, children: [
-      /* @__PURE__ */ r("div", { children: n }),
+  return /* @__PURE__ */ d("div", { className: t(a.root, s), children: [
+    /* @__PURE__ */ d("div", { className: a.nameWrapper, children: [
+      /* @__PURE__ */ r("div", { children: e }),
       /* @__PURE__ */ r(
         "div",
         {
-          className: t.clearBtn,
-          onClick: i,
+          className: a.clearBtn,
+          onClick: n,
           children: "Очистить"
         }
       )
     ] }),
-    /* @__PURE__ */ r("div", { className: t.checkboxWrapper, children: a == null ? void 0 : a.map((e) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r("div", { className: a.checkboxWrapper, children: i == null ? void 0 : i.map((l) => /* @__PURE__ */ r(
       "button",
       {
-        className: c(
-          t.checkboxItem,
-          { [t.checkboxItemActive]: e == null ? void 0 : e.isSelected },
-          { [t.checkboxItemDisabled]: e == null ? void 0 : e.disabled }
+        className: t(
+          a.checkboxItem,
+          { [a.checkboxItemActive]: l == null ? void 0 : l.isSelected },
+          { [a.checkboxItemDisabled]: l == null ? void 0 : l.disabled }
         ),
-        onClick: () => e == null ? void 0 : e.setValue(),
-        disabled: e == null ? void 0 : e.disabled,
-        children: e == null ? void 0 : e.label
+        onClick: () => l == null ? void 0 : l.setValue(),
+        disabled: l == null ? void 0 : l.disabled,
+        children: l == null ? void 0 : l.label
       },
-      e == null ? void 0 : e.label
+      l == null ? void 0 : l.label
     )) })
   ] });
 };
 export {
-  N as CheckboxSelect
+  u as CheckboxSelect
 };

package/dist/components/DestinationTab/ui/DestinationTab.js

@@ -1,75 +1,62 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { c as N } from "../../../index-rKuIKazb.js";
-const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeText_1c7de_45", g = "_whiteStroke_1c7de_65", k = "_routeWrapper_1c7de_78", _ = {
-  destination: x,
-  "auto-width": "_auto-width_1c7de_29",
-  "full-width": "_full-width_1c7de_33",
-  "medium-size": "_medium-size_1c7de_37",
-  destinationName: n,
-  routeText: w,
-  "large-size": "_large-size_1c7de_51",
-  whiteStroke: g,
-  routeWrapper: k,
-  "medium-size_m": "_medium-size_m_1c7de_109",
-  "large-size_m": "_large-size_m_1c7de_122",
-  "medium-size_l": "_medium-size_l_1c7de_137",
-  "large-size_l": "_large-size_l_1c7de_150"
-}, b = N.bind(_), f = ({
-  size: m = "medium",
-  size_m: c,
-  size_l: a,
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import $ from "../../../node_modules/classnames/index.js";
+import r from "../../../src/components/DestinationTab/ui/DestinationTab.module.scss.js";
+const v = $.bind(r), z = ({
+  size: s = "medium",
+  size_m: a,
+  size_l: o,
   destination: e = { destName: "", color: "" },
-  variant: d = "whiteStroke",
-  width: i = "auto",
-  routes: l = [],
-  checked: o,
-  onChange: u,
-  additionalClass: p = "",
-  ...h
-}) => /* @__PURE__ */ t(
+  variant: p = "whiteStroke",
+  width: N = "auto",
+  routes: u = [],
+  checked: h,
+  onChange: x,
+  additionalClass: d = "",
+  ...t
+}) => /* @__PURE__ */ m(
   "label",
   {
-    className: b(
-      _.destination,
-      _[`${m}-size`],
-      _[`${c}-size_m`],
-      _[`${a}-size_l`],
-      _[`${d}`],
-      _[`${i}-width`],
-      p
+    className: v(
+      r.destination,
+      r[`${s}-size`],
+      r[`${a}-size_m`],
+      r[`${o}-size_l`],
+      r[`${p}`],
+      r[`${N}-width`],
+      d
     ),
-    ...h,
+    ...t,
     htmlFor: e.destName,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ c(
         "input",
         {
           id: e.destName,
-          checked: o,
-          onChange: u,
+          checked: h,
+          onChange: x,
           type: "checkbox",
           name: e.destName,
           value: e.destName
         }
       ),
-      /* @__PURE__ */ t("div", { className: _.destination, children: [
-        (e == null ? void 0 : e.color) && /* @__PURE__ */ r("span", { style: { background: (e == null ? void 0 : e.color) ?? "" } }),
+      /* @__PURE__ */ m("div", { className: r.destination, children: [
+        (e == null ? void 0 : e.color) && /* @__PURE__ */ c("span", { style: { background: (e == null ? void 0 : e.color) ?? "" } }),
         e.destName
       ] }),
-      l.map((s, z) => /* @__PURE__ */ t(
+      u.map((l, b) => /* @__PURE__ */ m(
         "div",
         {
-          className: _.routeWrapper,
+          className: r.routeWrapper,
           children: [
-            s.type,
-            /* @__PURE__ */ r("div", { className: _.routeText, children: s.text })
+            l.type,
+            /* @__PURE__ */ c("div", { className: r.routeText, children: l.text })
           ]
         },
-        z
+        b
       ))
     ]
   }
 );
 export {
-  f as DestinationTab
+  z as DestinationTab
 };

package/dist/components/FieldInput/ui/FieldInput.js

@@ -1,16 +1,13 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-const s = "_fieldInputWrapper_1y5f8_1", t = "_clearBtn_1y5f8_16", i = "_nameWrapper_1y5f8_31", e = {
-  fieldInputWrapper: s,
-  clearBtn: t,
-  nameWrapper: i
-}, m = ({ label: n, handleClear: p, isShowClear: l, children: c }) => /* @__PURE__ */ r("div", { className: e.fieldInputWrapper, children: [
-  /* @__PURE__ */ r("div", { className: e.nameWrapper, children: [
-    /* @__PURE__ */ a("label", { className: e.label, children: n }),
-    l && /* @__PURE__ */ a(
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import e from "../../../src/components/FieldInput/ui/FieldInput.module.scss.js";
+const m = ({ label: a, handleClear: s, isShowClear: i, children: c }) => /* @__PURE__ */ l("div", { className: e.fieldInputWrapper, children: [
+  /* @__PURE__ */ l("div", { className: e.nameWrapper, children: [
+    /* @__PURE__ */ r("label", { className: e.label, children: a }),
+    i && /* @__PURE__ */ r(
       "div",
       {
         className: e.clearBtn,
-        onClick: p,
+        onClick: s,
         children: "Очистить"
       }
     )