md-components-mdigial-azamat 0.0.55 → 0.0.57

package/dist/Faq/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./Faq.js";
 const e = {
   title: "Часто задаваемые вопросы",

package/dist/Footer/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 const e = {
   title: "Футер",
   description: "Нижняя часть страницы, содержащая дополнительную навигацию, контактную информацию, ссылки на социальные сети, юридические документы и другие важные элементы. Футер помогает пользователям найти дополнительную информацию и улучшает структуру сайта.",

package/dist/Forms/FormDefault/index.js

@@ -0,0 +1,316 @@
+import { jsxs as t, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { forwardRef as b, useState as y } from "react";
+import { u as I } from "../../index.esm-67811428.js";
+import { B as N } from "../../index-875e92ce.js";
+import { a as M, b as P } from "../../const-53dff524.js";
+import { c as m } from "../../cn-6a4bf187.js";
+const _ = b(
+  ({ className: c, label: s, error: r, ...o }, n) => /* @__PURE__ */ t("div", { className: "w-full", children: [
+    /* @__PURE__ */ t("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
+      /* @__PURE__ */ t("div", { className: "relative flex items-center justify-center mt-0.5", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            className: "peer sr-only",
+            ref: n,
+            ...o
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: m(
+              "flex items-center justify-center w-5 h-5 rounded-md border-2 transition-all duration-200",
+              "border-grayBlue5 bg-white",
+              "peer-checked:bg-greenLight peer-checked:border-greenLight",
+              "peer-focus:ring-2 peer-focus:ring-greenLight peer-focus:ring-offset-2",
+              "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+              "group-hover:border-greenLight",
+              r && "border-red-500",
+              c
+            ),
+            children: /* @__PURE__ */ e(
+              "svg",
+              {
+                className: "w-3.5 h-3.5 text-white opacity-0 peer-checked:opacity-100 transition-opacity duration-200",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 3,
+                    d: "M5 13l4 4L19 7"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] }),
+      s && /* @__PURE__ */ e(
+        "span",
+        {
+          className: m(
+            "text-sm leading-5 text-graySoft select-none",
+            "group-hover:text-blackBG transition-colors duration-200",
+            r && "text-red-500"
+          ),
+          children: s
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: r })
+  ] })
+);
+_.displayName = "Checkbox";
+const x = b(
+  ({ className: c, type: s, error: r, label: o, ...n }, d) => /* @__PURE__ */ t("div", { className: "w-full", children: [
+    o && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: o }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: s,
+        className: m(
+          "flex h-14 w-full rounded-2xl border-2 border-grayBlue5 bg-white px-5 py-3 text-base",
+          "placeholder:text-gray2 placeholder:opacity-60",
+          "transition-all duration-300 ease-in-out",
+          "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
+          "focus:border-greenLight focus:outline-none focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)] focus:ring-0",
+          "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
+          r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+          c
+        ),
+        ref: d,
+        ...n
+      }
+    ),
+    r && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: r })
+  ] })
+);
+x.displayName = "Input";
+const k = b(
+  ({ className: c, error: s, label: r, options: o = [], children: n, ...d }, u) => /* @__PURE__ */ t("div", { className: "w-full", children: [
+    r && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: r }),
+    /* @__PURE__ */ t("div", { className: "relative", children: [
+      /* @__PURE__ */ e(
+        "select",
+        {
+          className: m(
+            "flex h-14 w-full rounded-2xl border-2 border-grayBlue5 bg-white px-5 py-3 pr-10 text-base",
+            "appearance-none cursor-pointer",
+            "transition-all duration-300 ease-in-out",
+            "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
+            "focus:border-greenLight focus:outline-none focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)] focus:ring-0",
+            "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
+            s && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+            c
+          ),
+          ref: u,
+          ...d,
+          children: o.length > 0 ? /* @__PURE__ */ t(h, { children: [
+            /* @__PURE__ */ e("option", { value: "", children: "Выберите категорию" }),
+            o.map((i) => /* @__PURE__ */ e("option", { value: i.value, children: i.label }, i.value))
+          ] }) : n
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e(
+        "svg",
+        {
+          className: "w-5 h-5 text-grayBlue5",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ e(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M19 9l-7 7-7-7"
+            }
+          )
+        }
+      ) })
+    ] }),
+    s && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: s })
+  ] })
+);
+k.displayName = "Select";
+const W = [
+  { value: "retail", label: "Розничная торговля" },
+  { value: "restaurant", label: "Рестораны и кафе" },
+  { value: "services", label: "Услуги" },
+  { value: "online", label: "Интернет-магазин" },
+  { value: "other", label: "Другое" }
+], V = ["title", "subtitle", "color"], A = ({ title: c, subtitle: s, color: r }) => {
+  var g, f, v, w;
+  const [o, n] = y(!1), [d, u] = y(!1), {
+    register: i,
+    handleSubmit: L,
+    watch: B,
+    reset: S,
+    formState: { errors: p }
+  } = I({
+    defaultValues: {
+      fio: "",
+      phone: "",
+      business_category: "",
+      agreement: !1
+    }
+  }), j = B("agreement"), C = async (a) => {
+    try {
+      u(!0), console.log("Form submitted:", a), await new Promise((l) => setTimeout(l, 1e3)), n(!0);
+    } catch (l) {
+      console.error("Error submitting form:", l);
+    } finally {
+      u(!1);
+    }
+  }, G = (a) => {
+    const l = /^[а-яА-ЯёЁa-zA-Z\s-]+$/;
+    return a.trim() ? l.test(a) ? a.trim().split(/\s+/).length < 2 ? "Введите полное ФИО" : !0 : "ФИО должно содержать только буквы" : "Поле обязательно для заполнения";
+  }, F = (a) => {
+    const l = /^0\d{9}$/;
+    return a ? l.test(a) ? !0 : "Некорректный номер телефона" : "Поле обязательно для заполнения";
+  }, z = (a) => {
+    let l = a.target.value.replace(/\D/g, "");
+    l.length > 0 && !l.startsWith("0") && (l = "0" + l), a.target.value = l.slice(0, 10);
+  };
+  return /* @__PURE__ */ e(
+    "form",
+    {
+      onSubmit: L(C),
+      id: "application_form",
+      className: "w-full",
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          style: {
+            boxShadow: `0px 8px 24px rgba(0,0,0,0.08),0px -8px 0px ${r}`
+          },
+          className: "bg-white rounded-[24px] shadow-[0px_8px_24px_rgba(0,0,0,0.08),0px_-8px_0px_#45464b] w-full flex flex-col items-center justify-center py-[72px] px-[96px] max-tablet:py-[40px] max-tablet:px-[32px] transition-all duration-300 hover:shadow-[0px_12px_32px_rgba(0,0,0,0.12),0px_-8px_0px_#45464b]",
+          children: [
+            /* @__PURE__ */ t("div", { className: "text-center mb-10 max-tablet:mb-8", children: [
+              /* @__PURE__ */ e("h2", { className: "text-[36px] leading-[44px] font-semibold m-0 mb-3 text-blackBG max-tablet:text-[28px] max-tablet:leading-[36px]", children: c }),
+              /* @__PURE__ */ e("span", { className: "text-[18px] leading-[26px] text-graySoft max-tablet:text-[16px] max-tablet:leading-[24px]", children: s })
+            ] }),
+            o ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-[640px] gap-8 max-tablet:w-full animate-in fade-in duration-500", children: /* @__PURE__ */ t("div", { className: "text-center", children: [
+              /* @__PURE__ */ e("div", { className: "w-20 h-20 rounded-full bg-gradient-to-br from-greenLight to-green flex items-center justify-center mx-auto mb-6 shadow-lg animate-in zoom-in duration-500", children: /* @__PURE__ */ e(
+                "svg",
+                {
+                  className: "w-10 h-10 text-white",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ e(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 3,
+                      d: "M5 13l4 4L19 7"
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ t("div", { className: "text-center", children: [
+                /* @__PURE__ */ e("div", { className: "font-semibold text-[24px] leading-[32px] text-blackBG mb-3", children: "Заявка успешно отправлена" }),
+                /* @__PURE__ */ e("div", { className: "text-[18px] leading-[26px] text-graySoft", children: "С Вами свяжется наш специалист и поможет с подключением сервиса" }),
+                /* @__PURE__ */ e(
+                  N,
+                  {
+                    className: "justify-center m-auto mt-6",
+                    title: "Закрыть",
+                    onClick: () => {
+                      n(!1), S();
+                    }
+                  }
+                )
+              ] })
+            ] }) }) : /* @__PURE__ */ t(h, { children: [
+              /* @__PURE__ */ t("div", { className: "w-[640px] mb-8 max-tablet:w-full space-y-6", children: [
+                /* @__PURE__ */ e(
+                  x,
+                  {
+                    placeholder: "ФИО контактного лица",
+                    ...i("fio", {
+                      validate: G
+                    }),
+                    error: (g = p.fio) == null ? void 0 : g.message
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  x,
+                  {
+                    placeholder: "Телефон",
+                    type: "tel",
+                    inputMode: "numeric",
+                    ...i("phone", {
+                      validate: F,
+                      onChange: z
+                    }),
+                    error: (f = p.phone) == null ? void 0 : f.message,
+                    maxLength: 10
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  k,
+                  {
+                    ...i("business_category", {
+                      required: "Поле обязательно для заполнения"
+                    }),
+                    error: (v = p.business_category) == null ? void 0 : v.message,
+                    options: W
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: "pt-2", children: /* @__PURE__ */ e(
+                  _,
+                  {
+                    ...i("agreement", {
+                      required: "Необходимо согласие на обработку персональных данных"
+                    }),
+                    error: (w = p.agreement) == null ? void 0 : w.message,
+                    label: /* @__PURE__ */ t(h, { children: [
+                      "Я соглашаюсь с",
+                      " ",
+                      /* @__PURE__ */ e(
+                        "button",
+                        {
+                          type: "button",
+                          className: "text-greenLight hover:text-green underline transition-colors duration-200 bg-transparent border-0 p-0 cursor-pointer",
+                          onClick: (a) => {
+                            a.preventDefault();
+                          },
+                          children: "условиями обработки персональных данных"
+                        }
+                      )
+                    ] })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ e(
+                N,
+                {
+                  loading: d,
+                  className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
+                  type: "submit",
+                  size: M.XL,
+                  variant: P.Primary,
+                  disabled: !j || d,
+                  children: "Отправить заявку"
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  A as FormDefault,
+  V as propsToEdit
+};

package/dist/Forms/FormDefault/info.js

@@ -0,0 +1,20 @@
+import { C as o } from "../../index-b826f1c7.js";
+import { propsToEdit as t } from "./index.js";
+const e = {
+  title: "Оставьте заявку, чтобы подключить MKassa",
+  subtitle: "с Вами свяжется наш специалист и поможет с подключением сервиса"
+}, i = {
+  title: "Форма заявки",
+  description: "Форма заявки ",
+  types: [o.form],
+  propsToEdit: t
+}, p = {
+  title: "Оставьте заявку, чтобы подключить MKassa",
+  description: "с Вами свяжется наш специалист и поможет с подключением сервиса",
+  color: "#45464b"
+};
+export {
+  i as formDefaultInfo,
+  p as formDefaultProps,
+  e as info
+};

package/dist/Header/info.js

@@ -1,4 +1,4 @@
-import { C as e } from "../index-1a32da94.js";
+import { C as e } from "../index-b826f1c7.js";
 const t = {
   title: "Хедер",
   description: "Верхняя навигационная часть страницы, содержащая логотип, меню, поиск, категории и основные элементы управления сайтом. Хедер отображается на всех страницах и обеспечивает быструю навигацию по сайту.",

package/dist/HeroPossibilityBanner/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as r } from "./index.js";
 const i = {
   title: "Герой баннер возможностей",

package/dist/InfoBanner/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./index.js";
 const e = {
   title: "Информационный баннер",

package/dist/InfoBannerList/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./InfoBannerList.js";
 const r = {
   title: "Список информационных баннеров",

package/dist/InstructionList/info.js

@@ -1,4 +1,4 @@
-import { C as t } from "../index-1a32da94.js";
+import { C as t } from "../index-b826f1c7.js";
 import { propsToEdit as o } from "./InstructionList.js";
 const r = {
   title: "Список инструкций",

package/dist/IntroBanner/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./IntroBanner.js";
 const e = {
   title: "Вводный баннер",

package/dist/MainBanner/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./MainBanner.js";
 const e = {
   title: "Главный баннер",

package/dist/MultiCards/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./index.js";
 const p = {
   title: "Мульти карточки",

package/dist/Partners/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./Partners.js";
 const s = {
   title: "Партнеры",

package/dist/PartnersColors/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./PartnersColors.js";
 const p = {
   title: "Партнеры с цветами",

package/dist/PreviewList/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./PreviewList.js";
 const p = {
   title: "Список превью",

package/dist/PromoPoster/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./PromoPoster.js";
 const p = {
   title: "Промо постер",

package/dist/Segments/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./Segments.js";
 const n = {
   title: "Сегменты",

package/dist/Space/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./Space.js";
 const i = {
   title: "Отступ",

package/dist/StandartTable/info.js

@@ -1,4 +1,4 @@
-import { C as t } from "../index-1a32da94.js";
+import { C as t } from "../index-b826f1c7.js";
 import { propsToEdit as o } from "./index.js";
 const p = {
   title: "Стандартная таблица",

package/dist/Stepper/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./Stepper.js";
 const r = {
   title: "Степпер",

package/dist/SwiperList/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./SwiperList.js";
 const p = {
   title: "Свайпер список",

package/dist/TasksBanner/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as t } from "./TasksBanner.js";
 const n = {
   title: "Баннер задач",

package/dist/TasksBannerList/info.js

@@ -1,4 +1,4 @@
-import { C as t } from "../index-1a32da94.js";
+import { C as t } from "../index-b826f1c7.js";
 import { propsToEdit as o } from "./TasksBannerList.js";
 const e = {
   title: "Список баннеров задач",

package/dist/Video/VideoFull/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../../index-1a32da94.js";
+import { C as o } from "../../index-b826f1c7.js";
 import { propsToEdit as t } from "./VideoFull.js";
 const p = {
   title: "Полноэкранное видео",

package/dist/Video/VideoList/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../../index-1a32da94.js";
+import { C as o } from "../../index-b826f1c7.js";
 import { propsToEdit as t } from "./VideoList.js";
 const p = {
   title: "Список видео",

package/dist/Video/VideoListMini/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../../index-1a32da94.js";
+import { C as o } from "../../index-b826f1c7.js";
 import { propsToEdit as i } from "./VideoListMini.js";
 const p = {
   title: "Мини список видео",

package/dist/VideoMainBanner/info.js

@@ -1,4 +1,4 @@
-import { C as o } from "../index-1a32da94.js";
+import { C as o } from "../index-b826f1c7.js";
 import { propsToEdit as e } from "./VideoMainBanner.js";
 const n = {
   title: "Главный видео баннер",