md-components-mdigial-azamat 0.0.109 → 0.0.112

package/dist/PreviewList/components/PreviewCard/PreviewCard.js

@@ -1,9 +1,9 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { FieldTypes as r } from "../../../Types/FiledTypes.js";
-import { B as c } from "../../../index-875e92ce.js";
-import { B as d } from "../../../const-53dff524.js";
-import { I as x } from "../../../index-9384c6d6.js";
-const m = [
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { FieldTypes as a } from "../../../Types/FiledTypes.js";
+import { B as t } from "../../../index-875e92ce.js";
+import { B as c } from "../../../const-53dff524.js";
+import { I as d } from "../../../index-9384c6d6.js";
+const x = [
   "title",
   "subtitle",
   "image",
@@ -11,42 +11,42 @@ const m = [
   "id",
   "background_color"
 ], w = {
-  title: r.TITLE,
-  subtitle: r.DESCRIPTION,
-  image: r.FILE,
-  button: d,
-  background_color: r.COLOR
-}, t = ({
-  title: l,
-  subtitle: o,
-  image: s,
+  title: a.TITLE,
+  subtitle: a.DESCRIPTION,
+  image: a.FILE,
+  button: c,
+  background_color: a.COLOR
+}, m = ({
+  title: r,
+  subtitle: i,
+  image: p,
   button: e,
-  background_color: i
-}) => /* @__PURE__ */ p("div", { className: "w-full flex flex-col rounded-[20px] overflow-hidden", children: [
-  /* @__PURE__ */ a(
+  background_color: s
+}) => /* @__PURE__ */ o("div", { className: "w-full flex flex-col rounded-[20px] overflow-hidden", children: [
+  /* @__PURE__ */ l(
     "div",
     {
-      style: { background: i },
+      style: { background: s },
       className: "relative w-full h-[256px] max-tablet:h-[224px]",
-      children: /* @__PURE__ */ a(
-        x,
+      children: /* @__PURE__ */ l(
+        d,
         {
-          src: s,
-          alt: l,
+          src: p,
+          alt: r,
           className: "w-full h-full",
           imageStyles: "object-contain"
         }
       )
     }
   ),
-  /* @__PURE__ */ p("div", { className: "bg-white p-[32px] max-tablet:px-[24px] max-tablet:py-[32px] flex flex-col gap-[8px] h-full", children: [
-    (l == null ? void 0 : l.length) && /* @__PURE__ */ a("p", { className: "text-[24px] leading-[32px] font-bold", children: l }),
-    o && /* @__PURE__ */ a("p", { className: "text-[14px] leading-[20px] text-graySoft", children: o }),
-    ((e == null ? void 0 : e.title) || (e == null ? void 0 : e.children)) && /* @__PURE__ */ a(c, { ...e })
+  /* @__PURE__ */ o("div", { className: "bg-white p-[32px] max-tablet:px-[24px] max-tablet:py-[32px] flex flex-col gap-[8px] h-full", children: [
+    r && /* @__PURE__ */ l("p", { className: "text-[24px] leading-[32px] font-bold", children: r }),
+    i && /* @__PURE__ */ l("p", { className: "text-[14px] leading-[20px] text-graySoft", children: i }),
+    ((e == null ? void 0 : e.title) || (e == null ? void 0 : e.children)) && /* @__PURE__ */ l(t, { ...e })
   ] })
 ] });
-t.propsToEdit = m;
+m.propsToEdit = x;
 export {
-  t as PreviewCard,
+  m as PreviewCard,
   w as PreviewCardData
 };

package/dist/RenderAllComponents/RenderAllComponents.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as t } from "react/jsx-runtime";
-import { c as i } from "../componentsMap-855b1df7.js";
+import { c as i } from "../componentsMap-cac6c316.js";
 const d = ({ components: o, device: p }) => /* @__PURE__ */ n(t, { children: o.map((r) => {
   const e = i[r.key];
   return e ? /* @__PURE__ */ n(

package/dist/RenderAllComponents/const.js

@@ -1,4 +1,4 @@
-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";
+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";
 const j = [
   a,
   t,

package/dist/SearchBlock/SearchBlock.js

@@ -0,0 +1,102 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { F as n } from "../Flex-86aee720.js";
+import { c as u } from "../cn-6a4bf187.js";
+const h = {
+  black: "stroke-[#0E0F11]",
+  gray: "stroke-[#758795]"
+}, m = ({ className: r, variant: o = "black" }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "21",
+    height: "21",
+    viewBox: "0 0 21 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: r,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        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",
+        className: u(h[o], "stroke-[1.6]"),
+        strokeLinecap: "round"
+      }
+    )
+  }
+), C = ({
+  title: r,
+  placeholder: o,
+  tags: p = [],
+  onSearch: c,
+  onTagClick: a
+}) => {
+  const l = x(null), s = () => {
+    c && l.current && c(l.current.value);
+  };
+  return /* @__PURE__ */ i(
+    n,
+    {
+      vertical: !0,
+      align: "center",
+      justify: "center",
+      className: "max-w-[880px] mx-auto",
+      children: [
+        r && /* @__PURE__ */ e("h2", { className: "text-white text-[56px] leading-[68px] font-bold text-center mb-12", children: r }),
+        /* @__PURE__ */ i(
+          n,
+          {
+            align: "center",
+            gap: 8,
+            className: "w-full mb-6 p-2 rounded-[20px] bg-white/50 backdrop-blur-[2px] border-[2px] border-[#D4E3FF]",
+            children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: l,
+                  type: "text",
+                  placeholder: o,
+                  onKeyDown: (t) => {
+                    t.key === "Enter" && s();
+                  },
+                  className: "w-full text-[#0E0F11] h-16 py-5 px-6 text-lg leading-6 rounded-2xl border-[#D4E3FF] outline-none placeholder:text-[#7893B0]"
+                }
+              ),
+              /* @__PURE__ */ e(
+                n,
+                {
+                  component: "button",
+                  "aria-label": "Search",
+                  onClick: s,
+                  align: "center",
+                  justify: "center",
+                  className: "flex-shrink-0 size-[64px] bg-white rounded-2xl hover:bg-gray-100 transition-colors cursor-pointer border border-[#D4E3FF]",
+                  children: /* @__PURE__ */ e(m, { variant: "gray" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          n,
+          {
+            wrap: !0,
+            justify: "center",
+            className: "max-w-[600px] gap-x-3 gap-y-4",
+            children: p.map((t, d) => /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: () => a == null ? void 0 : a(t),
+                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",
+                children: t.label
+              },
+              d
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as SearchBlock
+};

package/dist/SearchBlock/index.js

@@ -0,0 +1,4 @@
+import { SearchBlock as c } from "./SearchBlock.js";
+export {
+  c as SearchBlock
+};

package/dist/SearchBlock/info.js

@@ -0,0 +1,11 @@
+import { C as o } from "../index-0a5f313c.js";
+import { propsToEdit as t } from "./schema.js";
+const p = {
+  title: "Поиск с тегами",
+  description: "Блок поиска с заголовком и тегами",
+  types: [o.banners],
+  propsToEdit: t
+};
+export {
+  p as searchBlockInfo
+};

package/dist/SearchBlock/schema.js

@@ -0,0 +1,36 @@
+import { FieldTypes as a } from "../Types/FiledTypes.js";
+const e = [
+  "title",
+  "placeholder",
+  {
+    type: "data",
+    label: "Стили",
+    dataType: "object",
+    data: {
+      keys: {
+        background: a.STRING
+      }
+    }
+  },
+  {
+    type: "data",
+    label: "Теги",
+    dataType: "object",
+    data: {
+      keys: {
+        tags: {
+          label: "Список тегов",
+          dataType: "array",
+          type: "items",
+          data: {
+            label: a.STRING,
+            action: a.STRING
+          }
+        }
+      }
+    }
+  }
+];
+export {
+  e as propsToEdit
+};