md-components-mdigial-azamat 0.0.108 → 0.0.112

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.
Files changed (76) hide show
  1. package/dist/ActionCardList/ActionCardList.js +12 -5
  2. package/dist/ActionCardList/index.js +1 -1
  3. package/dist/ActionCardList/info.js +1 -1
  4. package/dist/ActionIconList/ActionIconList.js +9 -2
  5. package/dist/Actions/actionsGenerator.js +30 -11
  6. package/dist/Actions/handlers/download.js +10 -0
  7. package/dist/Actions/handlers/fallback.js +4 -0
  8. package/dist/Actions/handlers/index.js +10 -0
  9. package/dist/Actions/handlers/link.js +6 -0
  10. package/dist/Actions/handlers/modal.js +11 -0
  11. package/dist/Actions/index.js +9 -11
  12. package/dist/Actions/projectActions.js +13 -0
  13. package/dist/Actions/types.js +6 -1
  14. package/dist/AllComponents.js +13 -5
  15. package/dist/AllComponentsInfo.js +92 -84
  16. package/dist/ButtonsList/ButtonsList.js +38 -0
  17. package/dist/ButtonsList/index.js +4 -0
  18. package/dist/ButtonsList/info.js +11 -0
  19. package/dist/ButtonsList/schema.js +21 -0
  20. package/dist/ButtonsList/types.js +1 -0
  21. package/dist/CardImageList/CardImageList.js +87 -71
  22. package/dist/CardImageList/info.js +1 -1
  23. package/dist/CardImageList/schema.js +57 -0
  24. package/dist/Cards/CardImage/CardImage.js +104 -55
  25. package/dist/Cards/CardImage/index.js +6 -1
  26. package/dist/Cards/CardImage/info.js +1 -1
  27. package/dist/Cards/CardImage/schema.js +32 -0
  28. package/dist/Cards/CardImage/types.js +3 -2
  29. package/dist/Cards/WarningCard/WarningCard.js +11 -4
  30. package/dist/Cards/WarningCard/index.js +1 -1
  31. package/dist/Cards/WarningCard/info.js +1 -1
  32. package/dist/DownloadFile/components/DownloadFileFull/DownloadFileFull.js +28 -25
  33. package/dist/DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js +25 -22
  34. package/dist/DownloadFile/components/FileBannerSecondary/FileBannerSecondary.js +21 -18
  35. package/dist/Flex-86aee720.js +78 -0
  36. package/dist/Footer/Footer.js +5 -5
  37. package/dist/Forms/FormDefault/index.js +1 -1
  38. package/dist/Forms/FormDefault/info.js +13 -6
  39. package/dist/Forms/helpers/renderFormFields.js +1 -1
  40. package/dist/Forms/model/components.js +11 -4
  41. package/dist/Header/Header.js +1 -1
  42. package/dist/Header/components/HeaderMainMobile/HeaderMainMobile.js +12 -12
  43. package/dist/Header/components/HeaderMobile/HeaderMobile.js +1 -1
  44. package/dist/Header/components/HeaderSearch/HeaderSearch.js +1 -1
  45. package/dist/Header/components/HeaderTabsMobile/HeaderTabsMobile.js +10 -10
  46. package/dist/Header/components/HeaderWeb/HeaderWeb.js +15 -15
  47. package/dist/HeroIconsBanner/HeroIconsBanner.js +78 -0
  48. package/dist/HeroIconsBanner/index.js +4 -0
  49. package/dist/HeroIconsBanner/info.js +11 -0
  50. package/dist/HeroIconsBanner/schema.js +40 -0
  51. package/dist/HeroIconsBanner/types.js +1 -0
  52. package/dist/IconList/IconList.js +59 -0
  53. package/dist/IconList/index.js +4 -0
  54. package/dist/IconList/info.js +11 -0
  55. package/dist/IconList/schema.js +26 -0
  56. package/dist/IconList/types.js +1 -0
  57. package/dist/ModalBody/index.js +1 -1
  58. package/dist/PageViewer/renderComponents.js +1 -1
  59. package/dist/PreviewList/PreviewList.js +19 -19
  60. package/dist/PreviewList/components/PreviewCard/PreviewCard.js +29 -29
  61. package/dist/RenderAllComponents/RenderAllComponents.js +1 -1
  62. package/dist/RenderAllComponents/const.js +1 -1
  63. package/dist/SearchBlock/SearchBlock.js +102 -0
  64. package/dist/SearchBlock/index.js +4 -0
  65. package/dist/SearchBlock/info.js +11 -0
  66. package/dist/SearchBlock/schema.js +36 -0
  67. package/dist/assets/index.css +1 -1
  68. package/dist/{clientApi-642fea4b.js → clientApi-ccb08ba6.js} +7 -7
  69. package/dist/{componentsMap-d2b8d2d4.js → componentsMap-cac6c316.js} +4 -3
  70. package/dist/{data.mock-182979d1.js → data.mock-ebc679ec.js} +107 -27
  71. package/dist/{index-497f59a8.js → index-b795390d.js} +23 -20
  72. package/dist/{index.module-c8833286.js → index.module-8835bf96.js} +1 -1
  73. package/dist/{info-f6e88bd8.js → info-d05a1f02.js} +174 -156
  74. package/dist/main.js +100 -91
  75. package/dist/trash/HeroLargeCards/index.js +7 -6
  76. package/package.json +1 -1
@@ -11,13 +11,13 @@ import F from "../HeaderResults/HeaderResults.js";
11
11
  import J from "../HeaderSearch/HeaderSearch.js";
12
12
  import { HeaderTab as C } from "../HeaderTab/HeaderTab.js";
13
13
  import K from "../SelectLanguage/SelectLanguage.js";
14
- const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting: u }) => {
14
+ const Q = "category", H = "link", le = ({ sections: r, darkTheme: p, app_setting: d }) => {
15
15
  var k;
16
- const [p, n] = l(null), [d, x] = l(!1), [m, t] = l(!1), [o, y] = l(
16
+ const [b, n] = l(null), [u, w] = l(!1), [m, t] = l(!1), [o, y] = l(
17
17
  []
18
18
  ), [c, h] = l(0), { ref: M } = q(m, () => {
19
19
  t(!1), n(null), h(0);
20
- }), w = (e) => {
20
+ }), x = (e) => {
21
21
  window.location.href = e || "/";
22
22
  }, v = (e) => {
23
23
  const { type: I, id: D, data: W } = e;
@@ -25,20 +25,20 @@ const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting
25
25
  }, S = (e) => {
26
26
  e === H && n(null);
27
27
  }, N = () => {
28
- x(!d), t(!1);
28
+ w(!u), t(!1);
29
29
  }, R = () => {
30
30
  h(0), t(!1), n(null);
31
- }, A = f(() => o.find((e) => e.id === c), [c, o]), j = window.location.pathname.startsWith(g.ISLAM), i = f(() => Array.isArray(r) ? r : r ? [r] : [], [r]), G = f(() => i.filter((e) => !e.is_left), [i]), z = f(() => i.filter((e) => e.is_left), [i]);
31
+ }, A = f(() => o.find((e) => e.id === c), [c, o]), j = typeof window < "u" ? window.location.pathname.startsWith(g.ISLAM) : !1, i = f(() => Array.isArray(r) ? r : r ? [r] : [], [r]), G = f(() => i.filter((e) => !e.is_left), [i]), z = f(() => i.filter((e) => e.is_left), [i]);
32
32
  return /* @__PURE__ */ s(
33
33
  "header",
34
34
  {
35
35
  className: L(
36
36
  "relative w-full container bg-white",
37
- b && "bg-gray-900 text-white transition-all duration-500",
38
- m && b && "bg-white text-gray-700"
37
+ p && "bg-gray-900 text-white transition-all duration-500",
38
+ m && p && "bg-white text-gray-700"
39
39
  ),
40
40
  children: [
41
- !d && /* @__PURE__ */ s("div", { className: "flex items-center h-13 px-6 lg:px-0 max-w-[1200px] mx-auto", children: [
41
+ !u && /* @__PURE__ */ s("div", { className: "flex items-center h-13 px-6 lg:px-0 max-w-[1200px] mx-auto", children: [
42
42
  /* @__PURE__ */ a(
43
43
  "a",
44
44
  {
@@ -61,8 +61,8 @@ const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting
61
61
  C,
62
62
  {
63
63
  item: e,
64
- activeTab: p,
65
- onTabClick: w,
64
+ activeTab: b,
65
+ onTabClick: x,
66
66
  onTabHover: v,
67
67
  onTabLeave: S
68
68
  },
@@ -75,8 +75,8 @@ const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting
75
75
  C,
76
76
  {
77
77
  item: e,
78
- activeTab: p,
79
- onTabClick: w,
78
+ activeTab: b,
79
+ onTabClick: x,
80
80
  onTabHover: v,
81
81
  onTabLeave: S
82
82
  },
@@ -86,7 +86,7 @@ const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting
86
86
  /* @__PURE__ */ a(
87
87
  K,
88
88
  {
89
- onChangeLanguage: (k = u == null ? void 0 : u.locale) == null ? void 0 : k.changeLanguage
89
+ onChangeLanguage: (k = d == null ? void 0 : d.locale) == null ? void 0 : k.changeLanguage
90
90
  }
91
91
  ),
92
92
  /* @__PURE__ */ a(
@@ -116,11 +116,11 @@ const Q = "category", H = "link", le = ({ sections: r, darkTheme: b, app_setting
116
116
  ] })
117
117
  ] })
118
118
  ] }),
119
- d && /* @__PURE__ */ a(
119
+ u && /* @__PURE__ */ a(
120
120
  J,
121
121
  {
122
122
  closeSearch: N,
123
- onClick: () => x(!1)
123
+ onClick: () => w(!1)
124
124
  }
125
125
  ),
126
126
  /* @__PURE__ */ s(
@@ -0,0 +1,78 @@
1
+ import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
+ import { ButtonsList as i } from "../ButtonsList/ButtonsList.js";
3
+ import { IconList as c } from "../IconList/IconList.js";
4
+ import { C as m } from "../ComponentContainer-dca711c6.js";
5
+ import { F as n } from "../Flex-86aee720.js";
6
+ import { I as f } from "../index-9384c6d6.js";
7
+ import { propsToEdit as p } from "./schema.js";
8
+ const x = ({
9
+ title: l,
10
+ description: r,
11
+ background_image: o,
12
+ buttons: a,
13
+ icon_list: s
14
+ }) => /* @__PURE__ */ t(
15
+ n,
16
+ {
17
+ component: "section",
18
+ vertical: !0,
19
+ className: "relative w-full min-h-screen overflow-hidden",
20
+ children: [
21
+ /* @__PURE__ */ t("div", { className: "absolute inset-0 z-0", children: [
22
+ o && /* @__PURE__ */ e(
23
+ f,
24
+ {
25
+ src: o,
26
+ alt: "background",
27
+ className: "w-full h-full",
28
+ imageStyles: "w-full h-full object-cover object-center"
29
+ }
30
+ ),
31
+ /* @__PURE__ */ e(
32
+ "div",
33
+ {
34
+ className: "absolute inset-0",
35
+ style: {
36
+ background: "linear-gradient(180deg, rgba(0, 0, 0, 0.20) 21.48%, rgba(0, 0, 0, 0.00) 80.74%)"
37
+ }
38
+ }
39
+ )
40
+ ] }),
41
+ /* @__PURE__ */ t(m, { className: "relative z-10 flex-grow flex flex-col justify-between pb-8 pt-[110px] h-full", children: [
42
+ /* @__PURE__ */ t(
43
+ n,
44
+ {
45
+ vertical: !0,
46
+ align: "center",
47
+ justify: "center",
48
+ className: "w-full py-[60px]",
49
+ children: [
50
+ l && /* @__PURE__ */ e(
51
+ "h3",
52
+ {
53
+ className: `text-white font-bold text-center
54
+ text-[62px] leading-[52px] max-tablet:text-4xl mb-6`,
55
+ children: l
56
+ }
57
+ ),
58
+ r && /* @__PURE__ */ e(
59
+ "p",
60
+ {
61
+ className: `text-[#F0FDF4] text-center font-normal mb-8
62
+ text-lg leading-[26px]`,
63
+ children: r
64
+ }
65
+ ),
66
+ /* @__PURE__ */ e(i, { buttons: a })
67
+ ]
68
+ }
69
+ ),
70
+ /* @__PURE__ */ e(c, { items: s })
71
+ ] })
72
+ ]
73
+ }
74
+ );
75
+ x.propsToEdit = p;
76
+ export {
77
+ x as HeroIconsBanner
78
+ };
@@ -0,0 +1,4 @@
1
+ import { HeroIconsBanner as e } from "./HeroIconsBanner.js";
2
+ export {
3
+ e as HeroIconsBanner
4
+ };
@@ -0,0 +1,11 @@
1
+ import { C as o } from "../index-0a5f313c.js";
2
+ import { propsToEdit as r } from "./schema.js";
3
+ const n = {
4
+ title: "Баннер с иконками",
5
+ description: "Баннер с фоном, заголовком, описанием, кнопками и списком ссылок с иконками.",
6
+ types: [o.banners],
7
+ propsToEdit: r
8
+ };
9
+ export {
10
+ n as heroIconsBannerInfo
11
+ };
@@ -0,0 +1,40 @@
1
+ import { AllActionsObject as a } from "../Actions/types.js";
2
+ import { FieldTypes as t } from "../Types/FiledTypes.js";
3
+ import { c as e } from "../const-53dff524.js";
4
+ const r = [
5
+ "title",
6
+ "description",
7
+ {
8
+ type: "data",
9
+ label: "Фон",
10
+ dataType: "object",
11
+ data: {
12
+ keys: {
13
+ background_image: t.FILE
14
+ }
15
+ }
16
+ },
17
+ e,
18
+ {
19
+ type: "data",
20
+ label: "Контент",
21
+ dataType: "object",
22
+ data: {
23
+ keys: {
24
+ icon_list: {
25
+ label: "Список ссылок с иконками",
26
+ dataType: "array",
27
+ type: "items",
28
+ data: {
29
+ title: t.STRING,
30
+ icon: t.FILE,
31
+ action: a
32
+ }
33
+ }
34
+ }
35
+ }
36
+ }
37
+ ];
38
+ export {
39
+ r as propsToEdit
40
+ };
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,59 @@
1
+ import { jsx as t, jsxs as l } from "react/jsx-runtime";
2
+ import { actionsGenerator as i } from "../Actions/actionsGenerator.js";
3
+ import "../Actions/projectActions.js";
4
+ import "../Actions/types.js";
5
+ import { F as e } from "../Flex-86aee720.js";
6
+ import { I as s } from "../index-9384c6d6.js";
7
+ const d = ({ items: n }) => !n || n.length === 0 ? null : /* @__PURE__ */ t(
8
+ e,
9
+ {
10
+ justify: "center",
11
+ className: "w-full",
12
+ children: /* @__PURE__ */ t(
13
+ e,
14
+ {
15
+ wrap: !0,
16
+ align: "center",
17
+ justify: "evenly",
18
+ className: "relative w-full max-w-[1040px] bg-[#A8A8A866]/40 backdrop-blur-[5px] rounded-3xl py-4 max-mobile:p-2 px-6 max-mobile:gap-2 gap-4",
19
+ children: n.map((r, a) => {
20
+ const o = i(r.action);
21
+ return /* @__PURE__ */ l(
22
+ e,
23
+ {
24
+ vertical: !0,
25
+ justify: "center",
26
+ gap: 12,
27
+ onClick: o.onClick,
28
+ className: "group w-[152px] cursor-pointer transition-transform duration-300 hover:-translate-y-1 px-4 pt-3 pb-4",
29
+ children: [
30
+ r.icon && /* @__PURE__ */ t(
31
+ e,
32
+ {
33
+ align: "center",
34
+ justify: "center",
35
+ className: "transition-transform duration-300 group-hover:scale-105",
36
+ children: /* @__PURE__ */ t(
37
+ s,
38
+ {
39
+ src: r.icon,
40
+ alt: r.title,
41
+ width: 48,
42
+ height: 48
43
+ }
44
+ )
45
+ }
46
+ ),
47
+ r.title && /* @__PURE__ */ t("span", { className: "text-white text-lg leading-[17px] font-bold", children: r.title })
48
+ ]
49
+ },
50
+ a
51
+ );
52
+ })
53
+ }
54
+ )
55
+ }
56
+ );
57
+ export {
58
+ d as IconList
59
+ };
@@ -0,0 +1,4 @@
1
+ import { IconList as t } from "./IconList.js";
2
+ export {
3
+ t as IconList
4
+ };
@@ -0,0 +1,11 @@
1
+ import { C as o } from "../index-0a5f313c.js";
2
+ import { propsToEdit as t } from "./schema.js";
3
+ const p = {
4
+ title: "Список действий с иконками",
5
+ description: "Список элементов с иконкой и заголовком, поддерживающий различные действия.",
6
+ types: [o.lists],
7
+ propsToEdit: t
8
+ };
9
+ export {
10
+ p as iconListInfo
11
+ };
@@ -0,0 +1,26 @@
1
+ import { AllActionsObject as a } from "../Actions/types.js";
2
+ import { FieldTypes as t } from "../Types/FiledTypes.js";
3
+ const i = [
4
+ {
5
+ type: "data",
6
+ label: "Контент",
7
+ dataType: "object",
8
+ data: {
9
+ keys: {
10
+ items: {
11
+ label: "Список ссылок с иконками",
12
+ dataType: "array",
13
+ type: "items",
14
+ data: {
15
+ title: t.STRING,
16
+ icon: t.FILE,
17
+ action: a
18
+ }
19
+ }
20
+ }
21
+ }
22
+ }
23
+ ];
24
+ export {
25
+ i as propsToEdit
26
+ };
@@ -0,0 +1 @@
1
+
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { a as p } from "../index-497f59a8.js";
2
+ import { a as p } from "../index-b795390d.js";
3
3
  import "react";
4
4
  export {
5
5
  p as ModalBody
@@ -1,5 +1,5 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import { c as f } from "../componentsMap-d2b8d2d4.js";
2
+ import { c as f } from "../componentsMap-cac6c316.js";
3
3
  const a = (p) => p.map((r) => {
4
4
  const s = f[r.key];
5
5
  if (!s)
@@ -1,14 +1,14 @@
1
- import { jsxs as s, jsx as a } from "react/jsx-runtime";
2
- import { B as i } from "../index-875e92ce.js";
1
+ import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
+ import { B as s } from "../index-875e92ce.js";
3
3
  import { c as o } from "../const-53dff524.js";
4
- import { C as n } from "../ComponentContainer-dca711c6.js";
5
- import { PreviewCardData as c, PreviewCard as d } from "./components/PreviewCard/PreviewCard.js";
4
+ import { C as c } from "../ComponentContainer-dca711c6.js";
5
+ import { PreviewCardData as d, PreviewCard as n } from "./components/PreviewCard/PreviewCard.js";
6
6
  const f = {
7
7
  type: "cards",
8
8
  dataType: "array",
9
9
  label: "Карточки",
10
10
  data: {
11
- ...c
11
+ ...d
12
12
  }
13
13
  }, g = [
14
14
  "title",
@@ -17,35 +17,35 @@ const f = {
17
17
  o,
18
18
  "grid"
19
19
  ], h = ({
20
- title: t,
21
- cards: x,
20
+ title: r,
21
+ cards: a,
22
22
  button: e,
23
- grid: m = 3,
24
- description: r
25
- }) => /* @__PURE__ */ s(n, { className: "flex flex-col items-center", children: [
26
- (t == null ? void 0 : t.length) && /* @__PURE__ */ a(
23
+ grid: x = 3,
24
+ description: i
25
+ }) => /* @__PURE__ */ p(c, { className: "flex flex-col items-center", children: [
26
+ r && /* @__PURE__ */ t(
27
27
  "h2",
28
28
  {
29
29
  className: `font-bold text-[44px] max-tablet:text-[26px] max-tablet:leading-[32px] leading-[42px] text-center
30
30
  mb-[24px] max-tablet:mb-[8px] font-variant-numeric font-feature-settings`,
31
- children: t
31
+ children: r
32
32
  }
33
33
  ),
34
- (r == null ? void 0 : r.length) && /* @__PURE__ */ a("p", { className: "text-[20px] max-tablet:text-[16px] max-tablet:leading-[20px] leading-[26px] text-graySoft text-center mb-[36px] max-tablet:mb-[32px]", children: r }),
35
- /* @__PURE__ */ a(
34
+ i && /* @__PURE__ */ t("p", { className: "text-[20px] max-tablet:text-[16px] max-tablet:leading-[20px] leading-[26px] text-graySoft text-center mb-[36px] max-tablet:mb-[32px]", children: i }),
35
+ /* @__PURE__ */ t(
36
36
  "div",
37
37
  {
38
- className: `w-full grid grid-cols-${m} items-stretch gap-[24px] max-tablet:grid-cols-1`,
39
- children: x == null ? void 0 : x.map((l, p) => /* @__PURE__ */ a(
40
- d,
38
+ className: `w-full grid grid-cols-${x} items-stretch gap-[24px] max-tablet:grid-cols-1`,
39
+ children: a == null ? void 0 : a.map((l, m) => /* @__PURE__ */ t(
40
+ n,
41
41
  {
42
42
  ...l
43
43
  },
44
- p
44
+ m
45
45
  ))
46
46
  }
47
47
  ),
48
- ((e == null ? void 0 : e.title) || (e == null ? void 0 : e.children)) && /* @__PURE__ */ a(i, { ...e })
48
+ ((e == null ? void 0 : e.title) || (e == null ? void 0 : e.children)) && /* @__PURE__ */ t(s, { ...e })
49
49
  ] });
50
50
  h.propsToEdit = g;
51
51
  export {
@@ -1,9 +1,9 @@
1
- import { jsxs as p, jsx as a } from "react/jsx-runtime";
2
- import { FieldTypes as r } from "../../../Types/FiledTypes.js";
3
- import { B as c } from "../../../index-875e92ce.js";
4
- import { B as d } from "../../../const-53dff524.js";
5
- import { I as x } from "../../../index-9384c6d6.js";
6
- const m = [
1
+ import { jsxs as o, jsx as l } from "react/jsx-runtime";
2
+ import { FieldTypes as a } from "../../../Types/FiledTypes.js";
3
+ import { B as t } from "../../../index-875e92ce.js";
4
+ import { B as c } from "../../../const-53dff524.js";
5
+ import { I as d } from "../../../index-9384c6d6.js";
6
+ const x = [
7
7
  "title",
8
8
  "subtitle",
9
9
  "image",
@@ -11,42 +11,42 @@ const m = [
11
11
  "id",
12
12
  "background_color"
13
13
  ], w = {
14
- title: r.TITLE,
15
- subtitle: r.DESCRIPTION,
16
- image: r.FILE,
17
- button: d,
18
- background_color: r.COLOR
19
- }, t = ({
20
- title: l,
21
- subtitle: o,
22
- image: s,
14
+ title: a.TITLE,
15
+ subtitle: a.DESCRIPTION,
16
+ image: a.FILE,
17
+ button: c,
18
+ background_color: a.COLOR
19
+ }, m = ({
20
+ title: r,
21
+ subtitle: i,
22
+ image: p,
23
23
  button: e,
24
- background_color: i
25
- }) => /* @__PURE__ */ p("div", { className: "w-full flex flex-col rounded-[20px] overflow-hidden", children: [
26
- /* @__PURE__ */ a(
24
+ background_color: s
25
+ }) => /* @__PURE__ */ o("div", { className: "w-full flex flex-col rounded-[20px] overflow-hidden", children: [
26
+ /* @__PURE__ */ l(
27
27
  "div",
28
28
  {
29
- style: { background: i },
29
+ style: { background: s },
30
30
  className: "relative w-full h-[256px] max-tablet:h-[224px]",
31
- children: /* @__PURE__ */ a(
32
- x,
31
+ children: /* @__PURE__ */ l(
32
+ d,
33
33
  {
34
- src: s,
35
- alt: l,
34
+ src: p,
35
+ alt: r,
36
36
  className: "w-full h-full",
37
37
  imageStyles: "object-contain"
38
38
  }
39
39
  )
40
40
  }
41
41
  ),
42
- /* @__PURE__ */ p("div", { className: "bg-white p-[32px] max-tablet:px-[24px] max-tablet:py-[32px] flex flex-col gap-[8px] h-full", children: [
43
- (l == null ? void 0 : l.length) && /* @__PURE__ */ a("p", { className: "text-[24px] leading-[32px] font-bold", children: l }),
44
- o && /* @__PURE__ */ a("p", { className: "text-[14px] leading-[20px] text-graySoft", children: o }),
45
- ((e == null ? void 0 : e.title) || (e == null ? void 0 : e.children)) && /* @__PURE__ */ a(c, { ...e })
42
+ /* @__PURE__ */ o("div", { className: "bg-white p-[32px] max-tablet:px-[24px] max-tablet:py-[32px] flex flex-col gap-[8px] h-full", children: [
43
+ r && /* @__PURE__ */ l("p", { className: "text-[24px] leading-[32px] font-bold", children: r }),
44
+ i && /* @__PURE__ */ l("p", { className: "text-[14px] leading-[20px] text-graySoft", children: i }),
45
+ ((e == null ? void 0 : e.title) || (e == null ? void 0 : e.children)) && /* @__PURE__ */ l(t, { ...e })
46
46
  ] })
47
47
  ] });
48
- t.propsToEdit = m;
48
+ m.propsToEdit = x;
49
49
  export {
50
- t as PreviewCard,
50
+ m as PreviewCard,
51
51
  w as PreviewCardData
52
52
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as n, Fragment as t } from "react/jsx-runtime";
2
- import { c as i } from "../componentsMap-d2b8d2d4.js";
2
+ import { c as i } from "../componentsMap-cac6c316.js";
3
3
  const d = ({ components: o, device: p }) => /* @__PURE__ */ n(t, { children: o.map((r) => {
4
4
  const e = i[r.key];
5
5
  return e ? /* @__PURE__ */ n(
@@ -1,4 +1,4 @@
1
- import { M as a, B as t, a as s, C as n, S as D, b as r, V as e, c as i, d as o, e as d, P as l, f as C, g as B, h as L, W as m, i as w, j as p, F as I, D as g, k as F, l as S, m as c, I as M, n as P, o as f, p as u, A as V, q as T, T as W, r as b, E as x, s as h, t as k, u as q, v, w as y, x as A } from "../data.mock-182979d1.js";
1
+ import { M as a, B as t, a as s, C as n, S as D, b as r, V as e, c as i, d as o, e as d, P as l, f as C, g as B, h as L, W as m, i as w, j as p, F as I, D as g, k as F, l as S, m as c, I as M, n as P, o as f, p as u, A as V, q as T, T as W, r as b, E as x, s as h, t as k, u as q, v, w as y, x as A } from "../data.mock-ebc679ec.js";
2
2
  const j = [
3
3
  a,
4
4
  t,
@@ -0,0 +1,102 @@
1
+ import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
+ import { useRef as x } from "react";
3
+ import { F as n } from "../Flex-86aee720.js";
4
+ import { c as u } from "../cn-6a4bf187.js";
5
+ const h = {
6
+ black: "stroke-[#0E0F11]",
7
+ gray: "stroke-[#758795]"
8
+ }, m = ({ className: r, variant: o = "black" }) => /* @__PURE__ */ e(
9
+ "svg",
10
+ {
11
+ width: "21",
12
+ height: "21",
13
+ viewBox: "0 0 21 21",
14
+ fill: "none",
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ className: r,
17
+ children: /* @__PURE__ */ e(
18
+ "path",
19
+ {
20
+ d: "M19.7998 19.8L15.3138 15.306M17.7998 9.29999C17.7998 11.5543 16.9043 13.7163 15.3102 15.3104C13.7162 16.9045 11.5541 17.8 9.2998 17.8C7.04546 17.8 4.88346 16.9045 3.2894 15.3104C1.69534 13.7163 0.799805 11.5543 0.799805 9.29999C0.799805 7.04565 1.69534 4.88364 3.2894 3.28958C4.88346 1.69552 7.04546 0.799988 9.2998 0.799988C11.5541 0.799988 13.7162 1.69552 15.3102 3.28958C16.9043 4.88364 17.7998 7.04565 17.7998 9.29999Z",
21
+ className: u(h[o], "stroke-[1.6]"),
22
+ strokeLinecap: "round"
23
+ }
24
+ )
25
+ }
26
+ ), C = ({
27
+ title: r,
28
+ placeholder: o,
29
+ tags: p = [],
30
+ onSearch: c,
31
+ onTagClick: a
32
+ }) => {
33
+ const l = x(null), s = () => {
34
+ c && l.current && c(l.current.value);
35
+ };
36
+ return /* @__PURE__ */ i(
37
+ n,
38
+ {
39
+ vertical: !0,
40
+ align: "center",
41
+ justify: "center",
42
+ className: "max-w-[880px] mx-auto",
43
+ children: [
44
+ r && /* @__PURE__ */ e("h2", { className: "text-white text-[56px] leading-[68px] font-bold text-center mb-12", children: r }),
45
+ /* @__PURE__ */ i(
46
+ n,
47
+ {
48
+ align: "center",
49
+ gap: 8,
50
+ className: "w-full mb-6 p-2 rounded-[20px] bg-white/50 backdrop-blur-[2px] border-[2px] border-[#D4E3FF]",
51
+ children: [
52
+ /* @__PURE__ */ e(
53
+ "input",
54
+ {
55
+ ref: l,
56
+ type: "text",
57
+ placeholder: o,
58
+ onKeyDown: (t) => {
59
+ t.key === "Enter" && s();
60
+ },
61
+ className: "w-full text-[#0E0F11] h-16 py-5 px-6 text-lg leading-6 rounded-2xl border-[#D4E3FF] outline-none placeholder:text-[#7893B0]"
62
+ }
63
+ ),
64
+ /* @__PURE__ */ e(
65
+ n,
66
+ {
67
+ component: "button",
68
+ "aria-label": "Search",
69
+ onClick: s,
70
+ align: "center",
71
+ justify: "center",
72
+ className: "flex-shrink-0 size-[64px] bg-white rounded-2xl hover:bg-gray-100 transition-colors cursor-pointer border border-[#D4E3FF]",
73
+ children: /* @__PURE__ */ e(m, { variant: "gray" })
74
+ }
75
+ )
76
+ ]
77
+ }
78
+ ),
79
+ /* @__PURE__ */ e(
80
+ n,
81
+ {
82
+ wrap: !0,
83
+ justify: "center",
84
+ className: "max-w-[600px] gap-x-3 gap-y-4",
85
+ children: p.map((t, d) => /* @__PURE__ */ e(
86
+ "button",
87
+ {
88
+ onClick: () => a == null ? void 0 : a(t),
89
+ className: "bg-[#C2C1C159] hover:bg-white/30 text-white px-4 py-2.5 rounded-xl backdrop-blur-[2px] transition-colors cursor-pointer border-none text-base leading-6 font-medium",
90
+ children: t.label
91
+ },
92
+ d
93
+ ))
94
+ }
95
+ )
96
+ ]
97
+ }
98
+ );
99
+ };
100
+ export {
101
+ C as SearchBlock
102
+ };
@@ -0,0 +1,4 @@
1
+ import { SearchBlock as c } from "./SearchBlock.js";
2
+ export {
3
+ c as SearchBlock
4
+ };
@@ -0,0 +1,11 @@
1
+ import { C as o } from "../index-0a5f313c.js";
2
+ import { propsToEdit as t } from "./schema.js";
3
+ const p = {
4
+ title: "Поиск с тегами",
5
+ description: "Блок поиска с заголовком и тегами",
6
+ types: [o.banners],
7
+ propsToEdit: t
8
+ };
9
+ export {
10
+ p as searchBlockInfo
11
+ };