stone-kit 0.0.874 → 0.0.876
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +10 -0
- package/dist/ButtonState.module-DtW3aevR.js +8 -0
- package/dist/FilterWithSave-Bp6rH8Pe.js +2230 -0
- package/dist/Menu-CgCfinVZ.js +513 -0
- package/dist/Option-BVIm7wOW.js +83 -0
- package/dist/PinTrans-D6OZq76b.js +10 -0
- package/dist/Router.js +103 -0
- package/dist/SmallFilter-C-VKnbkP.js +10 -0
- package/dist/components/Button/index.js +4 -0
- package/dist/components/Button/ui/Button.js +94 -0
- package/dist/components/Button/ui/Button.types.js +15 -0
- package/dist/components/CheckBox/CheckBox.js +84 -0
- package/dist/components/CheckBox/CheckBox.types.js +1 -0
- package/dist/components/CheckBox/index.js +4 -0
- package/dist/components/CheckBoxNew/CheckBox.types.js +6 -0
- package/dist/components/CheckBoxNew/CheckBoxNew.js +44 -0
- package/dist/components/CheckboxSelect/index.js +4 -0
- package/dist/components/CheckboxSelect/ui/CheckboxSelect.js +51 -0
- package/dist/components/DestinationTab/index.js +4 -0
- package/dist/components/DestinationTab/ui/DestinationTab.js +75 -0
- package/dist/components/DestinationTab/ui/DestinationTab.types.js +6 -0
- package/dist/components/FieldInput/index.js +4 -0
- package/dist/components/FieldInput/ui/FieldInput.js +22 -0
- package/dist/components/FieldInput/ui/FieldInput.types.js +1 -0
- package/dist/components/FilterWithSave/hooks/useFilterWithSave.js +28 -0
- package/dist/components/FilterWithSave/ui/FilterWithSave.js +9 -0
- package/dist/components/Flex/index.js +4 -0
- package/dist/components/Flex/ui/Flex.js +68 -0
- package/dist/components/Flex/ui/Flex.types.js +1 -0
- package/dist/components/FormModal/ui/ModalForm.js +30 -0
- package/dist/components/FormModal/utils/reg.js +6 -0
- package/dist/components/GroupedInput/index.js +4 -0
- package/dist/components/GroupedInput/ui/GroupedInputs.js +8 -0
- package/dist/components/GroupedInput/ui/GroupedInputs.types.js +1 -0
- package/dist/components/Input/index.js +4 -0
- package/dist/components/Input/ui/Input.js +3346 -0
- package/dist/components/Input/ui/Input.types.js +1 -0
- package/dist/components/Logo/index.js +4 -0
- package/dist/components/Logo/ui/Logo.js +63 -0
- package/dist/components/Logo/ui/Logo.types.js +13 -0
- package/dist/components/LotCard/hooks/useLotCard.js +31 -0
- package/dist/components/LotCard/index.js +4 -0
- package/dist/components/LotCard/ui/LotCard.js +11 -0
- package/dist/components/LotCard/ui/LotCard.types.js +1 -0
- package/dist/components/LotCard/utils/checkBedroomsCount.js +20 -0
- package/dist/components/LotCard/utils/const.js +11 -0
- package/dist/components/LotCard/utils/formatPrice.js +11 -0
- package/dist/components/LotCard/utils/getTagsFeatures.js +13 -0
- package/dist/components/LotCard/utils/monthlyPayment.js +4 -0
- package/dist/components/LotCardSkeleton/index.js +4 -0
- package/dist/components/LotCardSkeleton/ui/LotCardSkeleton.js +83 -0
- package/dist/components/MetroLabel/ui/MetroLabel.js +44 -0
- package/dist/components/MetroLabel/ui/MetroLabel.types.js +1 -0
- package/dist/components/MetroTag/index.js +4 -0
- package/dist/components/MetroTag/ui/MetroTag.js +142 -0
- package/dist/components/MetroTag/ui/MetroTag.types.js +1 -0
- package/dist/components/Modal/index.js +4 -0
- package/dist/components/Modal/ui/Modal.js +77 -0
- package/dist/components/Modal/ui/Modal.types.js +1 -0
- package/dist/components/ModalSuccess/ModalSuccess.js +61 -0
- package/dist/components/ModalSuccess/ModalSuccess.types.js +1 -0
- package/dist/components/NewIcon/icons/PinTrans.js +6 -0
- package/dist/components/NewIcon/icons/SmallFilter.js +6 -0
- package/dist/components/NewIcon/index.js +4 -0
- package/dist/components/NewIcon/ui/NewIcon.js +314 -0
- package/dist/components/NewIcon/ui/NewIcon.types.js +1 -0
- package/dist/components/NewIcon/ui/iconTypes.js +60 -0
- package/dist/components/ProjectCardSkeleton/index.js +4 -0
- package/dist/components/ProjectCardSkeleton/ui/ProjectCardSkeleton.js +34 -0
- package/dist/components/RoundButton/index.js +4 -0
- package/dist/components/RoundButton/ui/RoundButton.js +73 -0
- package/dist/components/RoundButton/ui/RoundButton.types.js +16 -0
- package/dist/components/Select/index.js +4 -0
- package/dist/components/Select/model/selectMode.js +49 -0
- package/dist/components/Select/ui/Category.js +76 -0
- package/dist/components/Select/ui/Option.js +7 -0
- package/dist/components/Select/ui/Select.js +179 -0
- package/dist/components/Select/ui/Select.types.js +1 -0
- package/dist/components/SliderNavigation/index.js +4 -0
- package/dist/components/SliderNavigation/ui/SliderNavigation.js +65 -0
- package/dist/components/SliderNavigation/ui/SliderNavigation.types.js +1 -0
- package/dist/components/SortSelect/hooks/useSortSelect.js +6 -0
- package/dist/components/SortSelect/index.js +4 -0
- package/dist/components/SortSelect/ui/SortSelect.js +29 -0
- package/dist/components/SortSelect/ui/SortSelect.types.js +1 -0
- package/dist/components/SummarySelect/index.js +4 -0
- package/dist/components/SummarySelect/ui/SummarySelect.js +128 -0
- package/dist/components/Switcher/index.js +4 -0
- package/dist/components/Switcher/ui/Switcher.js +49 -0
- package/dist/components/Switcher/ui/Switcher.types.js +1 -0
- package/dist/components/TabSelect/index.js +4 -0
- package/dist/components/TabSelect/ui/TabSelect.js +49 -0
- package/dist/components/TabSelect/ui/TabSelect.types.js +1 -0
- package/dist/components/TabSwitcher/index.js +4 -0
- package/dist/components/TabSwitcher/ui/TabSwitcher.js +28 -0
- package/dist/components/TabSwitcher/ui/TabSwitcher.types.js +1 -0
- package/dist/components/Tag/index.js +4 -0
- package/dist/components/Tag/ui/Tag.js +79 -0
- package/dist/components/Tag/ui/Tag.types.js +20 -0
- package/dist/components/Text/index.js +4 -0
- package/dist/components/Text/ui/Text.js +22 -0
- package/dist/components/Text/ui/Text.types.js +1 -0
- package/dist/components/TextArea/TextArea.js +19 -0
- package/dist/components/TextArea/TextArea.types.js +1 -0
- package/dist/components/ZoomControls/index.js +4 -0
- package/dist/components/ZoomControls/ui/ZoomControls.js +31 -0
- package/dist/components/ZoomControls/ui/ZoomControls.types.js +1 -0
- package/dist/components/mobileButton/index.js +4 -0
- package/dist/components/mobileButton/ui/MobileButton.js +64 -0
- package/dist/components/mobileButton/ui/MobileButton.types.js +6 -0
- package/dist/index-DmANy9jd.js +890 -0
- package/dist/index-rKuIKazb.js +45 -0
- package/dist/layout/Layout.js +11 -0
- package/dist/layout/components/Header/Header.js +164 -0
- package/dist/layout/components/Menu.js +28 -0
- package/dist/main.d.ts +31 -3
- package/dist/main.js +64 -35
- package/dist/pages/ButtonsPage/ButtonState/ButtonState.js +121 -0
- package/dist/pages/ButtonsPage/Buttons.js +134 -0
- package/dist/pages/CheckboxPage/CheckboxPage.js +224 -0
- package/dist/pages/FormsPage/FormsPage.js +78 -0
- package/dist/pages/HomePage/HomePage.js +7 -0
- package/dist/pages/IconsPage/IconsPage.js +41 -0
- package/dist/pages/InputPage/InputPage.js +35 -0
- package/dist/pages/LogoPage/LogoPage.js +38 -0
- package/dist/pages/LotsPage/LotsPage.js +542 -0
- package/dist/pages/ModalsPage/ModalPage.js +130 -0
- package/dist/pages/SelectPage/SelectPage.js +192 -0
- package/dist/pages/SelectPage/const.js +35 -0
- package/dist/pages/TabsPage/TabsPage.js +175 -0
- package/dist/pages/TagsPage/TagsPage.js +75 -0
- package/dist/shared/checkLargeOffice.js +12 -0
- package/dist/shared/deepEqual.js +16 -0
- package/dist/shared/useClientWidth.js +14 -0
- package/dist/style.css +1 -1
- package/dist/useSortSelect-CjZXLFOG.js +80 -0
- package/package.json +9 -2
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { jsx as l, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import y, { useState as o } from "react";
|
|
3
|
+
import { s as i } from "../../../ButtonState.module-DtW3aevR.js";
|
|
4
|
+
import { BUTTON_VARIANTS as T } from "../../../components/Button/ui/Button.types.js";
|
|
5
|
+
import { NewIcon as d, iconTypes as V } from "../../../components/NewIcon/ui/NewIcon.js";
|
|
6
|
+
const _ = ({ children: h }) => {
|
|
7
|
+
const [p, u] = o("auto"), [m, g] = o("blue"), [t, b] = o(!1), [I, v] = o(!1), [s, f] = o(null), [c, S] = o(null), [z, C] = o(null), [L, P] = o(null), a = ["12", "16", "20", "24"], N = y.cloneElement(h, {
|
|
8
|
+
width: p,
|
|
9
|
+
variant: m,
|
|
10
|
+
isLoading: t,
|
|
11
|
+
pre: s ? /* @__PURE__ */ l(
|
|
12
|
+
d,
|
|
13
|
+
{
|
|
14
|
+
name: s,
|
|
15
|
+
size: z ?? "24"
|
|
16
|
+
}
|
|
17
|
+
) : null,
|
|
18
|
+
post: c ? /* @__PURE__ */ l(
|
|
19
|
+
d,
|
|
20
|
+
{
|
|
21
|
+
name: c,
|
|
22
|
+
size: L ?? "24"
|
|
23
|
+
}
|
|
24
|
+
) : null,
|
|
25
|
+
disabled: I
|
|
26
|
+
}), x = ["auto", "full"], j = Object.values(T), r = Object.keys(V);
|
|
27
|
+
return /* @__PURE__ */ n("div", { className: i.root, children: [
|
|
28
|
+
N,
|
|
29
|
+
/* @__PURE__ */ n("div", { className: i.optionsWrapper, children: [
|
|
30
|
+
/* @__PURE__ */ l("div", { children: /* @__PURE__ */ n("label", { children: [
|
|
31
|
+
"Width:",
|
|
32
|
+
/* @__PURE__ */ l("select", { onChange: (e) => u(e.target.value), children: x.map((e) => /* @__PURE__ */ l(
|
|
33
|
+
"option",
|
|
34
|
+
{
|
|
35
|
+
value: e,
|
|
36
|
+
children: e
|
|
37
|
+
},
|
|
38
|
+
e
|
|
39
|
+
)) })
|
|
40
|
+
] }) }),
|
|
41
|
+
/* @__PURE__ */ l("div", { children: /* @__PURE__ */ n("label", { children: [
|
|
42
|
+
"Variants:",
|
|
43
|
+
/* @__PURE__ */ l("select", { onChange: (e) => g(e.target.value), children: j.map((e) => /* @__PURE__ */ l(
|
|
44
|
+
"option",
|
|
45
|
+
{
|
|
46
|
+
value: e,
|
|
47
|
+
children: e
|
|
48
|
+
},
|
|
49
|
+
e
|
|
50
|
+
)) })
|
|
51
|
+
] }) }),
|
|
52
|
+
/* @__PURE__ */ l("div", { children: /* @__PURE__ */ n("label", { children: [
|
|
53
|
+
"Pre Icon:",
|
|
54
|
+
/* @__PURE__ */ l("select", { onChange: (e) => f(e.target.value), children: r.map((e) => /* @__PURE__ */ l(
|
|
55
|
+
"option",
|
|
56
|
+
{
|
|
57
|
+
value: e,
|
|
58
|
+
children: e
|
|
59
|
+
},
|
|
60
|
+
e
|
|
61
|
+
)) })
|
|
62
|
+
] }) }),
|
|
63
|
+
/* @__PURE__ */ l("div", { children: /* @__PURE__ */ n("label", { children: [
|
|
64
|
+
"Post Icon:",
|
|
65
|
+
/* @__PURE__ */ l("select", { onChange: (e) => S(e.target.value), children: r.map((e) => /* @__PURE__ */ l(
|
|
66
|
+
"option",
|
|
67
|
+
{
|
|
68
|
+
value: e,
|
|
69
|
+
children: e
|
|
70
|
+
},
|
|
71
|
+
e
|
|
72
|
+
)) })
|
|
73
|
+
] }) }),
|
|
74
|
+
/* @__PURE__ */ l("div", { children: /* @__PURE__ */ n("label", { children: [
|
|
75
|
+
"Pre Icon Size:",
|
|
76
|
+
/* @__PURE__ */ l("select", { onChange: (e) => C(e.target.value), children: a.map((e) => /* @__PURE__ */ l(
|
|
77
|
+
"option",
|
|
78
|
+
{
|
|
79
|
+
value: e,
|
|
80
|
+
children: e
|
|
81
|
+
},
|
|
82
|
+
e
|
|
83
|
+
)) })
|
|
84
|
+
] }) }),
|
|
85
|
+
/* @__PURE__ */ l("div", { children: /* @__PURE__ */ n("label", { children: [
|
|
86
|
+
"Post Icon Size:",
|
|
87
|
+
/* @__PURE__ */ l("select", { onChange: (e) => P(e.target.value), children: a.map((e) => /* @__PURE__ */ l(
|
|
88
|
+
"option",
|
|
89
|
+
{
|
|
90
|
+
value: e,
|
|
91
|
+
children: e
|
|
92
|
+
},
|
|
93
|
+
e
|
|
94
|
+
)) })
|
|
95
|
+
] }) }),
|
|
96
|
+
/* @__PURE__ */ n("label", { className: i.isLoading, children: [
|
|
97
|
+
"isLoading",
|
|
98
|
+
/* @__PURE__ */ l(
|
|
99
|
+
"input",
|
|
100
|
+
{
|
|
101
|
+
type: "checkbox",
|
|
102
|
+
onChange: () => b(!t)
|
|
103
|
+
}
|
|
104
|
+
)
|
|
105
|
+
] }),
|
|
106
|
+
/* @__PURE__ */ n("label", { className: i.isLoading, children: [
|
|
107
|
+
"isDisable",
|
|
108
|
+
/* @__PURE__ */ l(
|
|
109
|
+
"input",
|
|
110
|
+
{
|
|
111
|
+
type: "checkbox",
|
|
112
|
+
onChange: () => v(!t)
|
|
113
|
+
}
|
|
114
|
+
)
|
|
115
|
+
] })
|
|
116
|
+
] })
|
|
117
|
+
] });
|
|
118
|
+
};
|
|
119
|
+
export {
|
|
120
|
+
_ as ButtonState
|
|
121
|
+
};
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { jsx as t, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import W, { useState as n } from "react";
|
|
3
|
+
import { Button as w } from "../../components/Button/ui/Button.js";
|
|
4
|
+
import "../../components/mobileButton/ui/MobileButton.js";
|
|
5
|
+
import { NewIcon as d, iconTypes as A } from "../../components/NewIcon/ui/NewIcon.js";
|
|
6
|
+
import "../../components/DestinationTab/ui/DestinationTab.js";
|
|
7
|
+
import { RoundButton as g } from "../../components/RoundButton/ui/RoundButton.js";
|
|
8
|
+
import "../../components/Tag/ui/Tag.js";
|
|
9
|
+
import { Switcher as b } from "../../components/Switcher/ui/Switcher.js";
|
|
10
|
+
import "../../components/Text/ui/Text.js";
|
|
11
|
+
import "../../components/Flex/ui/Flex.js";
|
|
12
|
+
import "../../components/Input/ui/Input.js";
|
|
13
|
+
import "react-dom";
|
|
14
|
+
import "../../FilterWithSave-Bp6rH8Pe.js";
|
|
15
|
+
import "../../components/GroupedInput/ui/GroupedInputs.js";
|
|
16
|
+
import "../../index-rKuIKazb.js";
|
|
17
|
+
import "../../components/MetroTag/ui/MetroTag.js";
|
|
18
|
+
import "../../components/Select/ui/Select.js";
|
|
19
|
+
import { SliderNavigation as B } from "../../components/SliderNavigation/ui/SliderNavigation.js";
|
|
20
|
+
import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
21
|
+
import "../../components/TabSelect/ui/TabSelect.js";
|
|
22
|
+
import { ZoomControls as y } from "../../components/ZoomControls/ui/ZoomControls.js";
|
|
23
|
+
import "../../components/CheckBox/CheckBox.js";
|
|
24
|
+
import "../../components/CheckBoxNew/CheckBoxNew.js";
|
|
25
|
+
import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
|
|
26
|
+
import { s as a } from "../../ButtonState.module-DtW3aevR.js";
|
|
27
|
+
import { BUTTON_VARIANTS as j } from "../../components/Button/ui/Button.types.js";
|
|
28
|
+
const O = "_root_iex42_1", T = "_buttonsWrapper_iex42_11", r = {
|
|
29
|
+
root: O,
|
|
30
|
+
buttonsWrapper: T
|
|
31
|
+
}, V = ({ children: o }) => {
|
|
32
|
+
const [l, c] = n("auto"), [s, f] = n("blue"), [h, z] = n(!1), [m, I] = n(null), [p, S] = n(null), [N, C] = n(null), [k, P] = n(null), u = ["12", "16", "20", "24"], _ = W.cloneElement(o, {
|
|
33
|
+
width: l,
|
|
34
|
+
variant: s,
|
|
35
|
+
isLoading: h,
|
|
36
|
+
pre: m ? t(d, { name: m, size: N ?? "24" }) : null,
|
|
37
|
+
post: p ? t(d, { name: p, size: k ?? "24" }) : null
|
|
38
|
+
}), x = ["auto", "full"], L = Object.values(j), v = Object.keys(A);
|
|
39
|
+
return i("div", { className: a.root, children: [_, i("div", { className: a.optionsWrapper, children: [t("div", { children: i("label", { children: ["Width:", t("select", { onChange: (e) => c(e.target.value), children: x.map((e) => t("option", { value: e, children: e }, e)) })] }) }), t("div", { children: i("label", { children: ["Variants:", t("select", { onChange: (e) => f(e.target.value), children: L.map((e) => t("option", { value: e, children: e }, e)) })] }) }), t("div", { children: i("label", { children: ["Pre Icon:", t("select", { onChange: (e) => I(e.target.value), children: v.map((e) => t("option", { value: e, children: e }, e)) })] }) }), t("div", { children: i("label", { children: ["Post Icon:", t("select", { onChange: (e) => S(e.target.value), children: v.map((e) => t("option", { value: e, children: e }, e)) })] }) }), t("div", { children: i("label", { children: ["Pre Icon Size:", t("select", { onChange: (e) => C(e.target.value), children: u.map((e) => t("option", { value: e, children: e }, e)) })] }) }), t("div", { children: i("label", { children: ["Post Icon Size:", t("select", { onChange: (e) => P(e.target.value), children: u.map((e) => t("option", { value: e, children: e }, e)) })] }) }), i("label", { className: a.isLoading, children: ["isLoading", t("input", { type: "checkbox", onChange: () => z(!h) })] })] })] });
|
|
40
|
+
}, he = () => {
|
|
41
|
+
const [o, l] = n(!0), [c, s] = n(!1);
|
|
42
|
+
return /* @__PURE__ */ i("div", { className: r.root, children: [
|
|
43
|
+
/* @__PURE__ */ i("div", { className: r.clearButton, children: [
|
|
44
|
+
/* @__PURE__ */ t("h2", { children: "Обычная" }),
|
|
45
|
+
/* @__PURE__ */ t("div", { className: r.buttonsWrapper, children: /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(
|
|
46
|
+
w,
|
|
47
|
+
{
|
|
48
|
+
as: "button",
|
|
49
|
+
size: "large",
|
|
50
|
+
variant: "blue",
|
|
51
|
+
children: "Приветики"
|
|
52
|
+
}
|
|
53
|
+
) }) })
|
|
54
|
+
] }),
|
|
55
|
+
/* @__PURE__ */ i("div", { className: r.clearButton, children: [
|
|
56
|
+
/* @__PURE__ */ t("h2", { children: "Круглая" }),
|
|
57
|
+
/* @__PURE__ */ i("div", { className: r.buttonsWrapper, children: [
|
|
58
|
+
/* @__PURE__ */ t(
|
|
59
|
+
g,
|
|
60
|
+
{
|
|
61
|
+
variant: o ? "blackFill" : "whiteStroke",
|
|
62
|
+
size: "tiny",
|
|
63
|
+
onClick: () => l(!o),
|
|
64
|
+
children: /* @__PURE__ */ t(
|
|
65
|
+
d,
|
|
66
|
+
{
|
|
67
|
+
name: "close",
|
|
68
|
+
size: "12",
|
|
69
|
+
color: o ? "#fff" : "#000"
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
}
|
|
73
|
+
),
|
|
74
|
+
/* @__PURE__ */ t(
|
|
75
|
+
g,
|
|
76
|
+
{
|
|
77
|
+
iconName: "close",
|
|
78
|
+
variant: o ? "blackFill" : "whiteStroke",
|
|
79
|
+
deg: "90",
|
|
80
|
+
size: "tiny",
|
|
81
|
+
size_l: "small",
|
|
82
|
+
onClick: () => l(!o)
|
|
83
|
+
}
|
|
84
|
+
)
|
|
85
|
+
] })
|
|
86
|
+
] }),
|
|
87
|
+
/* @__PURE__ */ i("div", { children: [
|
|
88
|
+
/* @__PURE__ */ t("h2", { children: "Зум" }),
|
|
89
|
+
/* @__PURE__ */ t(
|
|
90
|
+
y,
|
|
91
|
+
{
|
|
92
|
+
size: "medium",
|
|
93
|
+
zoomIn: () => {
|
|
94
|
+
},
|
|
95
|
+
zoomOut: () => {
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
] }),
|
|
100
|
+
/* @__PURE__ */ i("div", { children: [
|
|
101
|
+
/* @__PURE__ */ t("h2", { children: "Слайдер" }),
|
|
102
|
+
/* @__PURE__ */ t(
|
|
103
|
+
B,
|
|
104
|
+
{
|
|
105
|
+
goNext: () => {
|
|
106
|
+
},
|
|
107
|
+
arr: [1, 2, 3],
|
|
108
|
+
indexSlide: 0,
|
|
109
|
+
goPrev: () => {
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
)
|
|
113
|
+
] }),
|
|
114
|
+
/* @__PURE__ */ t(
|
|
115
|
+
b,
|
|
116
|
+
{
|
|
117
|
+
isActive: o,
|
|
118
|
+
onClick: () => l(!o),
|
|
119
|
+
children: "В продаже"
|
|
120
|
+
}
|
|
121
|
+
),
|
|
122
|
+
/* @__PURE__ */ t(
|
|
123
|
+
b,
|
|
124
|
+
{
|
|
125
|
+
isActive: c,
|
|
126
|
+
onClick: () => s(!c),
|
|
127
|
+
children: "В продаже"
|
|
128
|
+
}
|
|
129
|
+
)
|
|
130
|
+
] });
|
|
131
|
+
};
|
|
132
|
+
export {
|
|
133
|
+
he as ButtonsPage
|
|
134
|
+
};
|
|
@@ -0,0 +1,224 @@
|
|
|
1
|
+
import { jsxs as d, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { useState as r } from "react";
|
|
3
|
+
import { CheckBox as i } from "../../components/CheckBox/CheckBox.js";
|
|
4
|
+
const P = "_root_1br5a_1", q = "_wrapper_1br5a_5", A = "_lighContainer_1br5a_11", F = "_darkContainer_1br5a_11", h = {
|
|
5
|
+
root: P,
|
|
6
|
+
wrapper: q,
|
|
7
|
+
lighContainer: A,
|
|
8
|
+
darkContainer: F
|
|
9
|
+
}, K = () => {
|
|
10
|
+
const [t, k] = r(!0), [s, n] = r(!1), [a, l] = r(!0), [o, m] = r(!1), [u, g] = r(!0), [C, _] = r(!1), [L, D] = r(!1), [z, I] = r(!0), [M, f] = r(!0), [p, v] = r(!1), [S, E] = r(!0), [U, b] = r(!1), [x, w] = r(!0), [N, y] = r(!1), [B, W] = r(!1), [j, T] = r(!0);
|
|
11
|
+
return /* @__PURE__ */ d("div", { className: h.root, children: [
|
|
12
|
+
/* @__PURE__ */ c("div", { style: { fontWeight: "bold" }, children: "CheckBox variants:" }),
|
|
13
|
+
/* @__PURE__ */ d("div", { className: h.wrapper, children: [
|
|
14
|
+
/* @__PURE__ */ d("div", { className: h.lighContainer, children: [
|
|
15
|
+
/* @__PURE__ */ c("div", { style: { fontWeight: "bold", marginTop: 16 }, children: "Light variant:" }),
|
|
16
|
+
/* @__PURE__ */ c(
|
|
17
|
+
i,
|
|
18
|
+
{
|
|
19
|
+
isChecked: a,
|
|
20
|
+
emitIsChecked: (e) => {
|
|
21
|
+
l(e), console.log("checked light large", e);
|
|
22
|
+
},
|
|
23
|
+
variant: "light",
|
|
24
|
+
size_l: !0,
|
|
25
|
+
children: "light / large / checked"
|
|
26
|
+
}
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ c(
|
|
29
|
+
i,
|
|
30
|
+
{
|
|
31
|
+
isChecked: o,
|
|
32
|
+
emitIsChecked: (e) => {
|
|
33
|
+
m(e), console.log("unchecked light large", e);
|
|
34
|
+
},
|
|
35
|
+
variant: "light",
|
|
36
|
+
size_l: !0,
|
|
37
|
+
children: "light / large / unchecked"
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
/* @__PURE__ */ d(
|
|
41
|
+
i,
|
|
42
|
+
{
|
|
43
|
+
isChecked: t,
|
|
44
|
+
emitIsChecked: (e) => {
|
|
45
|
+
k(e), console.log("checked light medium", e);
|
|
46
|
+
},
|
|
47
|
+
variant: "light",
|
|
48
|
+
size_m: !0,
|
|
49
|
+
children: [
|
|
50
|
+
"light / medium / checked",
|
|
51
|
+
" "
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
),
|
|
55
|
+
/* @__PURE__ */ c(
|
|
56
|
+
i,
|
|
57
|
+
{
|
|
58
|
+
isChecked: s,
|
|
59
|
+
emitIsChecked: (e) => {
|
|
60
|
+
n(e), console.log("unchecked light medium", e);
|
|
61
|
+
},
|
|
62
|
+
variant: "light",
|
|
63
|
+
size_m: !0,
|
|
64
|
+
children: "light / medium / unchecked"
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
/* @__PURE__ */ c(
|
|
68
|
+
i,
|
|
69
|
+
{
|
|
70
|
+
isChecked: u,
|
|
71
|
+
emitIsChecked: (e) => {
|
|
72
|
+
g(e), console.log("checked light small", e);
|
|
73
|
+
},
|
|
74
|
+
variant: "light",
|
|
75
|
+
size_s: !0,
|
|
76
|
+
children: "light / small / checked"
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
/* @__PURE__ */ c(
|
|
80
|
+
i,
|
|
81
|
+
{
|
|
82
|
+
isChecked: C,
|
|
83
|
+
emitIsChecked: (e) => {
|
|
84
|
+
_(e), console.log("unchecked light small", e);
|
|
85
|
+
},
|
|
86
|
+
variant: "light",
|
|
87
|
+
size_s: !0,
|
|
88
|
+
children: "light / small / unchecked"
|
|
89
|
+
}
|
|
90
|
+
),
|
|
91
|
+
/* @__PURE__ */ c(
|
|
92
|
+
i,
|
|
93
|
+
{
|
|
94
|
+
isChecked: L,
|
|
95
|
+
emitIsChecked: (e) => {
|
|
96
|
+
D(e), console.log("unchecked light medium", e);
|
|
97
|
+
},
|
|
98
|
+
variant: "light",
|
|
99
|
+
error: !0,
|
|
100
|
+
size_m: !0,
|
|
101
|
+
children: "light / medium / unchecked / error"
|
|
102
|
+
}
|
|
103
|
+
),
|
|
104
|
+
/* @__PURE__ */ c(
|
|
105
|
+
i,
|
|
106
|
+
{
|
|
107
|
+
isChecked: z,
|
|
108
|
+
emitIsChecked: (e) => {
|
|
109
|
+
I(e), console.log("unchecked light medium", e);
|
|
110
|
+
},
|
|
111
|
+
variant: "light",
|
|
112
|
+
error: !0,
|
|
113
|
+
size_m: !0,
|
|
114
|
+
children: "light / medium / unchecked / error"
|
|
115
|
+
}
|
|
116
|
+
)
|
|
117
|
+
] }),
|
|
118
|
+
/* @__PURE__ */ d("div", { className: h.darkContainer, children: [
|
|
119
|
+
/* @__PURE__ */ c("div", { style: { fontWeight: "bold", marginTop: 16 }, children: "Dark variant:" }),
|
|
120
|
+
/* @__PURE__ */ c(
|
|
121
|
+
i,
|
|
122
|
+
{
|
|
123
|
+
isChecked: S,
|
|
124
|
+
emitIsChecked: (e) => {
|
|
125
|
+
E(e), console.log("checked dark large", e);
|
|
126
|
+
},
|
|
127
|
+
variant: "dark",
|
|
128
|
+
size_l: !0,
|
|
129
|
+
children: "dark / large / checked"
|
|
130
|
+
}
|
|
131
|
+
),
|
|
132
|
+
/* @__PURE__ */ c(
|
|
133
|
+
i,
|
|
134
|
+
{
|
|
135
|
+
isChecked: U,
|
|
136
|
+
emitIsChecked: (e) => {
|
|
137
|
+
b(e), console.log("unchecked dark large", e);
|
|
138
|
+
},
|
|
139
|
+
variant: "dark",
|
|
140
|
+
size_l: !0,
|
|
141
|
+
children: "dark / large / unchecked"
|
|
142
|
+
}
|
|
143
|
+
),
|
|
144
|
+
/* @__PURE__ */ c(
|
|
145
|
+
i,
|
|
146
|
+
{
|
|
147
|
+
isChecked: M,
|
|
148
|
+
emitIsChecked: (e) => {
|
|
149
|
+
f(e), console.log("checked dark medium", e);
|
|
150
|
+
},
|
|
151
|
+
variant: "dark",
|
|
152
|
+
size_m: !0,
|
|
153
|
+
children: "dark / medium / checked"
|
|
154
|
+
}
|
|
155
|
+
),
|
|
156
|
+
/* @__PURE__ */ c(
|
|
157
|
+
i,
|
|
158
|
+
{
|
|
159
|
+
isChecked: p,
|
|
160
|
+
emitIsChecked: (e) => {
|
|
161
|
+
v(e), console.log("unchecked dark medium", e);
|
|
162
|
+
},
|
|
163
|
+
variant: "dark",
|
|
164
|
+
size_m: !0,
|
|
165
|
+
children: "dark / medium / unchecked"
|
|
166
|
+
}
|
|
167
|
+
),
|
|
168
|
+
/* @__PURE__ */ c(
|
|
169
|
+
i,
|
|
170
|
+
{
|
|
171
|
+
isChecked: x,
|
|
172
|
+
emitIsChecked: (e) => {
|
|
173
|
+
w(e), console.log("checked dark small", e);
|
|
174
|
+
},
|
|
175
|
+
variant: "dark",
|
|
176
|
+
size_s: !0,
|
|
177
|
+
children: "dark / small / checked"
|
|
178
|
+
}
|
|
179
|
+
),
|
|
180
|
+
/* @__PURE__ */ c(
|
|
181
|
+
i,
|
|
182
|
+
{
|
|
183
|
+
isChecked: N,
|
|
184
|
+
emitIsChecked: (e) => {
|
|
185
|
+
y(e), console.log("unchecked dark small", e);
|
|
186
|
+
},
|
|
187
|
+
variant: "dark",
|
|
188
|
+
size_s: !0,
|
|
189
|
+
children: "dark / small / unchecked"
|
|
190
|
+
}
|
|
191
|
+
),
|
|
192
|
+
/* @__PURE__ */ c(
|
|
193
|
+
i,
|
|
194
|
+
{
|
|
195
|
+
isChecked: B,
|
|
196
|
+
emitIsChecked: (e) => {
|
|
197
|
+
W(e), console.log("unchecked dark medium", e);
|
|
198
|
+
},
|
|
199
|
+
variant: "dark",
|
|
200
|
+
size_m: !0,
|
|
201
|
+
error: !0,
|
|
202
|
+
children: "dark / medium / unchecked / error"
|
|
203
|
+
}
|
|
204
|
+
),
|
|
205
|
+
/* @__PURE__ */ c(
|
|
206
|
+
i,
|
|
207
|
+
{
|
|
208
|
+
isChecked: j,
|
|
209
|
+
emitIsChecked: (e) => {
|
|
210
|
+
T(e), console.log("unchecked dark medium", e);
|
|
211
|
+
},
|
|
212
|
+
variant: "dark",
|
|
213
|
+
size_m: !0,
|
|
214
|
+
error: !0,
|
|
215
|
+
children: "dark / medium / checked / error"
|
|
216
|
+
}
|
|
217
|
+
)
|
|
218
|
+
] })
|
|
219
|
+
] })
|
|
220
|
+
] });
|
|
221
|
+
};
|
|
222
|
+
export {
|
|
223
|
+
K as CheckBoxPage
|
|
224
|
+
};
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { jsxs as a, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useState as e } from "react";
|
|
3
|
+
import { M as n } from "../../FilterWithSave-Bp6rH8Pe.js";
|
|
4
|
+
import { Button as s } from "../../components/Button/ui/Button.js";
|
|
5
|
+
import "../../components/mobileButton/ui/MobileButton.js";
|
|
6
|
+
import "../../components/NewIcon/ui/NewIcon.js";
|
|
7
|
+
import "../../components/DestinationTab/ui/DestinationTab.js";
|
|
8
|
+
import "../../components/RoundButton/ui/RoundButton.js";
|
|
9
|
+
import "../../components/Tag/ui/Tag.js";
|
|
10
|
+
import "../../components/Switcher/ui/Switcher.js";
|
|
11
|
+
import "../../components/Text/ui/Text.js";
|
|
12
|
+
import "../../components/Flex/ui/Flex.js";
|
|
13
|
+
import "../../components/Input/ui/Input.js";
|
|
14
|
+
import "react-dom";
|
|
15
|
+
import "../../components/GroupedInput/ui/GroupedInputs.js";
|
|
16
|
+
import "../../index-rKuIKazb.js";
|
|
17
|
+
import "../../components/MetroTag/ui/MetroTag.js";
|
|
18
|
+
import "../../components/Select/ui/Select.js";
|
|
19
|
+
import "../../components/SliderNavigation/ui/SliderNavigation.js";
|
|
20
|
+
import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
21
|
+
import "../../components/TabSelect/ui/TabSelect.js";
|
|
22
|
+
import { ModalSuccess as c } from "../../components/ModalSuccess/ModalSuccess.js";
|
|
23
|
+
import "../../components/CheckBox/CheckBox.js";
|
|
24
|
+
import "../../components/CheckBoxNew/CheckBoxNew.js";
|
|
25
|
+
import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
|
|
26
|
+
const l = "_root_kl5jx_1", u = "_tabsShort_kl5jx_7", d = "_tabSelectWrapper_kl5jx_11", b = "_destinationWrapper_kl5jx_15", _ = "_bbb_kl5jx_22", S = {
|
|
27
|
+
root: l,
|
|
28
|
+
tabsShort: u,
|
|
29
|
+
tabSelectWrapper: d,
|
|
30
|
+
destinationWrapper: b,
|
|
31
|
+
bbb: _
|
|
32
|
+
}, D = () => {
|
|
33
|
+
const [i, o] = e(!1), [p, r] = e(!0);
|
|
34
|
+
return /* @__PURE__ */ a("div", { className: S.root, children: [
|
|
35
|
+
/* @__PURE__ */ t(
|
|
36
|
+
s,
|
|
37
|
+
{
|
|
38
|
+
as: "button",
|
|
39
|
+
onClick: () => o(!0),
|
|
40
|
+
children: "ModalForm"
|
|
41
|
+
}
|
|
42
|
+
),
|
|
43
|
+
/* @__PURE__ */ t(
|
|
44
|
+
s,
|
|
45
|
+
{
|
|
46
|
+
as: "button",
|
|
47
|
+
onClick: () => r(!0),
|
|
48
|
+
children: "ModalSucceess"
|
|
49
|
+
}
|
|
50
|
+
),
|
|
51
|
+
/* @__PURE__ */ t(
|
|
52
|
+
n,
|
|
53
|
+
{
|
|
54
|
+
submitHandler: (m) => {
|
|
55
|
+
console.log(m);
|
|
56
|
+
},
|
|
57
|
+
subTitle: "Оставьте номер телефона для получения консультации",
|
|
58
|
+
title: "Оставить обращение",
|
|
59
|
+
modalWidth: "530px",
|
|
60
|
+
isPhone: !0,
|
|
61
|
+
isRequiredPhoneOrEmail: !0,
|
|
62
|
+
isRequiredPhone: !0,
|
|
63
|
+
isFormOpen: i,
|
|
64
|
+
setIsFormOpen: o
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
/* @__PURE__ */ t(
|
|
68
|
+
c,
|
|
69
|
+
{
|
|
70
|
+
isSuccessOpen: p,
|
|
71
|
+
setIsSuccess: r
|
|
72
|
+
}
|
|
73
|
+
)
|
|
74
|
+
] });
|
|
75
|
+
};
|
|
76
|
+
export {
|
|
77
|
+
D as default
|
|
78
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as o, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { iconTypes as t, NewIcon as e } from "../../components/NewIcon/ui/NewIcon.js";
|
|
3
|
+
import "../../components/Button/ui/Button.js";
|
|
4
|
+
import "../../components/mobileButton/ui/MobileButton.js";
|
|
5
|
+
import "../../components/DestinationTab/ui/DestinationTab.js";
|
|
6
|
+
import "../../components/RoundButton/ui/RoundButton.js";
|
|
7
|
+
import "../../components/Tag/ui/Tag.js";
|
|
8
|
+
import "../../components/Switcher/ui/Switcher.js";
|
|
9
|
+
import "../../components/Text/ui/Text.js";
|
|
10
|
+
import "../../components/Flex/ui/Flex.js";
|
|
11
|
+
import "../../components/Input/ui/Input.js";
|
|
12
|
+
import "react";
|
|
13
|
+
import "react-dom";
|
|
14
|
+
import "../../FilterWithSave-Bp6rH8Pe.js";
|
|
15
|
+
import "../../components/GroupedInput/ui/GroupedInputs.js";
|
|
16
|
+
import "../../index-rKuIKazb.js";
|
|
17
|
+
import "../../components/MetroTag/ui/MetroTag.js";
|
|
18
|
+
import "../../components/Select/ui/Select.js";
|
|
19
|
+
import "../../components/SliderNavigation/ui/SliderNavigation.js";
|
|
20
|
+
import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
21
|
+
import "../../components/TabSelect/ui/TabSelect.js";
|
|
22
|
+
import "../../components/CheckBox/CheckBox.js";
|
|
23
|
+
import "../../components/CheckBoxNew/CheckBoxNew.js";
|
|
24
|
+
import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
|
|
25
|
+
const s = "_root_3zx0k_1", c = "_iconWrapper_3zx0k_7", i = {
|
|
26
|
+
root: s,
|
|
27
|
+
iconWrapper: c
|
|
28
|
+
}, q = () => /* @__PURE__ */ o("div", { className: i.root, children: Array.isArray(Object.keys(t)) ? Object.keys(t).map((r, p) => /* @__PURE__ */ m("div", { className: i.iconWrapper, children: [
|
|
29
|
+
/* @__PURE__ */ o(
|
|
30
|
+
e,
|
|
31
|
+
{
|
|
32
|
+
name: r,
|
|
33
|
+
size: "16"
|
|
34
|
+
},
|
|
35
|
+
p
|
|
36
|
+
),
|
|
37
|
+
r ?? ""
|
|
38
|
+
] })) : null });
|
|
39
|
+
export {
|
|
40
|
+
q as IconsPage
|
|
41
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import "../../components/Button/ui/Button.js";
|
|
3
|
+
import "../../components/mobileButton/ui/MobileButton.js";
|
|
4
|
+
import "../../components/NewIcon/ui/NewIcon.js";
|
|
5
|
+
import "../../components/DestinationTab/ui/DestinationTab.js";
|
|
6
|
+
import "../../components/RoundButton/ui/RoundButton.js";
|
|
7
|
+
import "../../components/Tag/ui/Tag.js";
|
|
8
|
+
import "../../components/Switcher/ui/Switcher.js";
|
|
9
|
+
import "../../components/Text/ui/Text.js";
|
|
10
|
+
import "../../components/Flex/ui/Flex.js";
|
|
11
|
+
import { Input as t } from "../../components/Input/ui/Input.js";
|
|
12
|
+
import "react";
|
|
13
|
+
import "react-dom";
|
|
14
|
+
import "../../FilterWithSave-Bp6rH8Pe.js";
|
|
15
|
+
import "../../components/GroupedInput/ui/GroupedInputs.js";
|
|
16
|
+
import "../../index-rKuIKazb.js";
|
|
17
|
+
import "../../components/MetroTag/ui/MetroTag.js";
|
|
18
|
+
import "../../components/Select/ui/Select.js";
|
|
19
|
+
import "../../components/SliderNavigation/ui/SliderNavigation.js";
|
|
20
|
+
import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
21
|
+
import "../../components/TabSelect/ui/TabSelect.js";
|
|
22
|
+
import "../../components/CheckBox/CheckBox.js";
|
|
23
|
+
import "../../components/CheckBoxNew/CheckBoxNew.js";
|
|
24
|
+
import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
|
|
25
|
+
const m = {}, b = () => /* @__PURE__ */ r("div", { className: m.root, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i("form", { children: [
|
|
26
|
+
/* @__PURE__ */ r(t, {}),
|
|
27
|
+
/* @__PURE__ */ r(t, { variant: "dark", error: !0 }),
|
|
28
|
+
/* @__PURE__ */ r(t, { size_s: "medium", size_m: "large" }),
|
|
29
|
+
/* @__PURE__ */ r(t, { variant: "gray", name: "email" }),
|
|
30
|
+
/* @__PURE__ */ r(t, { variant: "transparent", name: "email" }),
|
|
31
|
+
/* @__PURE__ */ r(t, { isPhoneIMask: !0, variant: "transparent", name: "imask" })
|
|
32
|
+
] }) }) });
|
|
33
|
+
export {
|
|
34
|
+
b as InputPage
|
|
35
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsxs as t, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import "../../components/Button/ui/Button.js";
|
|
3
|
+
import "../../components/mobileButton/ui/MobileButton.js";
|
|
4
|
+
import "../../components/NewIcon/ui/NewIcon.js";
|
|
5
|
+
import "../../components/DestinationTab/ui/DestinationTab.js";
|
|
6
|
+
import "../../components/RoundButton/ui/RoundButton.js";
|
|
7
|
+
import "../../components/Tag/ui/Tag.js";
|
|
8
|
+
import "../../components/Switcher/ui/Switcher.js";
|
|
9
|
+
import "../../components/Text/ui/Text.js";
|
|
10
|
+
import "../../components/Flex/ui/Flex.js";
|
|
11
|
+
import "../../components/Input/ui/Input.js";
|
|
12
|
+
import "react";
|
|
13
|
+
import "react-dom";
|
|
14
|
+
import "../../FilterWithSave-Bp6rH8Pe.js";
|
|
15
|
+
import "../../components/GroupedInput/ui/GroupedInputs.js";
|
|
16
|
+
import { Logo as r } from "../../components/Logo/ui/Logo.js";
|
|
17
|
+
import "../../components/MetroTag/ui/MetroTag.js";
|
|
18
|
+
import "../../components/Select/ui/Select.js";
|
|
19
|
+
import "../../components/SliderNavigation/ui/SliderNavigation.js";
|
|
20
|
+
import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
21
|
+
import "../../components/TabSelect/ui/TabSelect.js";
|
|
22
|
+
import "../../components/CheckBox/CheckBox.js";
|
|
23
|
+
import "../../components/CheckBoxNew/CheckBoxNew.js";
|
|
24
|
+
import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
|
|
25
|
+
const i = "_root_6bj02_1", m = {
|
|
26
|
+
root: i
|
|
27
|
+
}, q = () => /* @__PURE__ */ t("div", { className: m.root, children: [
|
|
28
|
+
/* @__PURE__ */ o(r, { variant: "black" }),
|
|
29
|
+
/* @__PURE__ */ o(r, { variant: "white" }),
|
|
30
|
+
/* @__PURE__ */ o(r, { variant: "value" }),
|
|
31
|
+
/* @__PURE__ */ o(r, { variant: "office" }),
|
|
32
|
+
/* @__PURE__ */ o(r, { variant: "dom" }),
|
|
33
|
+
/* @__PURE__ */ o(r, { variant: "newOffice" }),
|
|
34
|
+
/* @__PURE__ */ o(r, { variant: "realty" })
|
|
35
|
+
] });
|
|
36
|
+
export {
|
|
37
|
+
q as LogoPage
|
|
38
|
+
};
|