md-components-mdigial-azamat 0.0.63 → 0.0.64

package/dist/Forms/FormDefault/index.js

@@ -1,11 +1,13 @@
 import { jsxs as a, jsx as e, Fragment as _ } from "react/jsx-runtime";
 import { forwardRef as S, useState as k } from "react";
-import { u as I } from "../../index.esm-67811428.js";
+import { u as P } from "../../index.esm-67811428.js";
 import { B as L } from "../../index-875e92ce.js";
-import { a as P, b as R } from "../../const-53dff524.js";
+import { a as R, b as D } from "../../const-53dff524.js";
 import { c as x } from "../../cn-6a4bf187.js";
+import { C as E } from "../../ComponentContainer-cdb2528c.js";
+import { u as M } from "../../useScreenSize-c1b64c02.js";
 const B = S(
-  ({ className: n, label: s, error: o, ...l }, i) => /* @__PURE__ */ a("div", { className: "w-full", children: [
+  ({ className: i, label: s, error: o, ...n }, l) => /* @__PURE__ */ a("div", { className: "w-full", children: [
     /* @__PURE__ */ a("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
       /* @__PURE__ */ a("div", { className: "relative flex items-center justify-center mt-0.5", children: [
         /* @__PURE__ */ e(
@@ -13,8 +15,8 @@ const B = S(
           {
             type: "checkbox",
             className: "peer sr-only",
-            ref: i,
-            ...l
+            ref: l,
+            ...n
           }
         ),
         /* @__PURE__ */ e(
@@ -32,7 +34,7 @@ const B = S(
               "after:rotate-45 after:-translate-x-[2px] after:translate-y-[-2px] after:top-1/2 after:left-1/2",
               "after:translate-y-[-50%] after:translate-x-[-50%] peer-checked:after:opacity-100",
               o && "border-red-500",
-              n
+              i
             )
           }
         )
@@ -54,8 +56,8 @@ const B = S(
 );
 B.displayName = "Checkbox";
 const p = S(
-  ({ className: n, type: s, error: o, label: l, ...i }, m) => /* @__PURE__ */ a("div", { className: "w-full", children: [
-    l && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: l }),
+  ({ className: i, type: s, error: o, label: n, ...l }, m) => /* @__PURE__ */ a("div", { className: "w-full", children: [
+    n && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: n }),
     /* @__PURE__ */ e(
       "input",
       {
@@ -68,44 +70,44 @@ const p = S(
           "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",
           o && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-          n
+          i
         ),
         ref: m,
-        ...i
+        ...l
       }
     ),
     o && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
 p.displayName = "Input";
-const D = ["title", "subtitle", "color"], E = ({
-  title: n,
+const V = ["title", "subtitle", "color"], W = ({
+  title: i,
   subtitle: s,
   color: o,
-  gridCols: l = 2,
-  gridRow: i = 2
+  gridCols: n = 2,
+  gridRow: l = 2
 }) => {
   var b, w, y, v, N;
-  const [m, u] = k(!1), [h, f] = k(!1), {
+  const [m, u] = k(!1), [f, h] = k(!1), C = M(960), {
     register: d,
     handleSubmit: j,
-    watch: C,
+    watch: z,
     reset: F,
     formState: { errors: c }
-  } = I({
+  } = P({
     defaultValues: {
       fio: "",
       phone: "",
       business_category: "",
       agreement: !1
     }
-  }), G = C("agreement"), T = async (t) => {
+  }), G = z("agreement"), T = async (t) => {
     try {
-      f(!0), console.log("Form submitted:", t), await new Promise((r) => setTimeout(r, 1e3)), u(!0);
+      h(!0), console.log("Form submitted:", t), await new Promise((r) => setTimeout(r, 1e3)), u(!0);
     } catch (r) {
       console.error("Error submitting form:", r);
     } finally {
-      f(!1);
+      h(!1);
     }
   }, g = (t) => {
     const r = /^[а-яА-ЯёЁa-zA-Z\s-]+$/;
@@ -113,11 +115,11 @@ const D = ["title", "subtitle", "color"], E = ({
   }, $ = (t) => {
     const r = /^0\d{9}$/;
     return t ? r.test(t) ? !0 : "Некорректный номер телефона" : "Поле обязательно для заполнения";
-  }, z = (t) => {
+  }, I = (t) => {
     let r = t.target.value.replace(/\D/g, "");
     r.length > 0 && !r.startsWith("0") && (r = "0" + r), t.target.value = r.slice(0, 10);
   };
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     "form",
     {
       onSubmit: j(T),
@@ -132,7 +134,7 @@ const D = ["title", "subtitle", "color"], E = ({
           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] mt-[8px]",
           children: [
             /* @__PURE__ */ a("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: n }),
+              /* @__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: i }),
               /* @__PURE__ */ e("span", { className: "text-[18px] leading-[26px] text-graySoft max-tablet:text-[16px] max-tablet:leading-[24px]", children: s })
             ] }),
             m ? /* @__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__ */ a("div", { className: "text-center", children: [
@@ -174,8 +176,8 @@ const D = ["title", "subtitle", "color"], E = ({
                 {
                   className: "w-[640px] mb-8 max-tablet:w-full grid gap-6",
                   style: {
-                    gridTemplateColumns: `repeat(${l}, 1fr)`,
-                    gridTemplateRows: `repeat(${i}, auto)`
+                    gridTemplateColumns: `repeat(${C ? 1 : n}, 1fr)`,
+                    gridTemplateRows: `repeat(${l}, auto)`
                   },
                   children: [
                     /* @__PURE__ */ e(
@@ -196,7 +198,7 @@ const D = ["title", "subtitle", "color"], E = ({
                         inputMode: "numeric",
                         ...d("phone", {
                           validate: $,
-                          onChange: z
+                          onChange: I
                         }),
                         error: (w = c.phone) == null ? void 0 : w.message,
                         maxLength: 10
@@ -250,12 +252,12 @@ const D = ["title", "subtitle", "color"], E = ({
               /* @__PURE__ */ e("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ e(
                 L,
                 {
-                  loading: h,
+                  loading: f,
                   className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
                   type: "submit",
-                  size: P.XL,
-                  variant: R.Primary,
-                  disabled: !G || h,
+                  size: R.XL,
+                  variant: D.Primary,
+                  disabled: !G || f,
                   children: "Отправить заявку"
                 }
               ) })
@@ -264,10 +266,10 @@ const D = ["title", "subtitle", "color"], E = ({
         }
       )
     }
-  );
+  ) });
 };
-E.propsToEdit = D;
+W.propsToEdit = V;
 export {
-  E as FormDefault,
-  D as propsToEdit
+  W as FormDefault,
+  V as propsToEdit
 };

package/dist/PageViewer/renderComponents.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as f } from "../componentsMap-09f309da.js";
+import { c as f } from "../componentsMap-b362ea08.js";
 const a = (p) => p.map((r) => {
   const s = f[r.key];
   if (!s)

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-09f309da.js";
+import { c as i } from "../componentsMap-b362ea08.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/componentsMap-b362ea08.js

@@ -0,0 +1,97 @@
+import r from "./AnimatedSwiper/index.js";
+import { Banner as o } from "./Banner/Banner.js";
+import { BannerAndText as m } from "./BannerAndText/index.js";
+import { CardIconList as t } from "./CardIconList/CardIconList.js";
+import { CardImageList as i } from "./CardImageList/CardImageList.js";
+import { CardImageSecondary as n } from "./CardImageSecondary/CardImageSecondary.js";
+import { CardImageSecondaryList as a } from "./CardImageSecondaryList/CardImageSecondaryList.js";
+import { CardInfoTable as e } from "./CardInfoTable/index.js";
+import { CardImage as p } from "./Cards/CardImage/CardImage.js";
+import { ColoredCard as f } from "./Cards/ColoredCard/index.js";
+import { ContentCard as s } from "./Cards/ContentCard/ContentCard.js";
+import { F as d } from "./index-dbe5f044.js";
+import { WarningCard as l } from "./Cards/WarningCard/WarningCard.js";
+import { ContentCardList as C } from "./ContentCardList/ContentCardList.js";
+import { DownloadFileBanner as B } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
+import { DownloadFileBright as F } from "./DownloadFile/components/DownloadFileBright/index.js";
+import { DownloadFileFull as L } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
+import { DownloadFileHalf as I } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
+import { DownloadFileMini as c } from "./DownloadFile/components/DownloadFileMini/DownloadFileMini.js";
+import { Faq as w } from "./Faq/Faq.js";
+import { Footer as S } from "./Footer/Footer.js";
+import { FormDefault as g } from "./Forms/FormDefault/index.js";
+import { Header as u } from "./Header/Header.js";
+import { HeroPossibilityBanner as D } from "./HeroPossibilityBanner/index.js";
+import { HtmlContent as M } from "./HtmlContent/HtmlContent.js";
+import { InfoBanner as P } from "./InfoBanner/index.js";
+import { InfoBannerList as T } from "./InfoBannerList/InfoBannerList.js";
+import { InstructionList as H } from "./InstructionList/InstructionList.js";
+import { IntroBanner as V } from "./IntroBanner/IntroBanner.js";
+import { MainBanner as b } from "./MainBanner/MainBanner.js";
+import { MultiCards as y } from "./MultiCards/index.js";
+import { Partners as k } from "./Partners/Partners.js";
+import { PartnersColors as x } from "./PartnersColors/PartnersColors.js";
+import { PreviewList as A } from "./PreviewList/PreviewList.js";
+import { PromoPoster as h } from "./PromoPoster/PromoPoster.js";
+import { Segments as q } from "./Segments/Segments.js";
+import { Space as v } from "./Space/Space.js";
+import { StandartTable as W } from "./StandartTable/index.js";
+import { Stepper as j } from "./Stepper/Stepper.js";
+import { SwiperList as z } from "./SwiperList/SwiperList.js";
+import { TasksBanner as E } from "./TasksBanner/TasksBanner.js";
+import { TasksBannerList as G } from "./TasksBannerList/TasksBannerList.js";
+import { VideoFull as J } from "./Video/VideoFull/VideoFull.js";
+import { VideoList as K } from "./Video/VideoList/VideoList.js";
+import { VideoListMini as N } from "./Video/VideoListMini/VideoListMini.js";
+import { VideoMainBanner as O } from "./VideoMainBanner/VideoMainBanner.js";
+const jr = {
+  Banner: o,
+  BannerAndText: m,
+  CardImageList: i,
+  Stepper: j,
+  Segments: q,
+  VideoFull: J,
+  VideoList: K,
+  VideoListMini: N,
+  ContentCardList: C,
+  CardIconList: t,
+  MultiCards: y,
+  Partners: k,
+  PartnersColors: x,
+  MainBanner: b,
+  WarningCard: l,
+  Faq: w,
+  DownloadFileBanner: B,
+  DownloadFileHalf: I,
+  DownloadFileFull: L,
+  DownloadFileMini: c,
+  InstructionList: H,
+  PreviewList: A,
+  SwiperList: z,
+  AnimatedSwiper: r,
+  InfoBannerList: T,
+  TasksBannerList: G,
+  VideoMainBanner: O,
+  Space: v,
+  PromoPoster: h,
+  CardImageSecondaryList: a,
+  CardInfoTable: e,
+  StandartTable: W,
+  IntroBanner: V,
+  DownloadFileBright: F,
+  FormDefault: g,
+  Header: u,
+  Footer: S,
+  HtmlContent: M,
+  HeroPossibilityBanner: D,
+  CardImage: p,
+  ContentCard: s,
+  ColoredCard: f,
+  FeaturesCard: d,
+  InfoBanner: P,
+  TasksBanner: E,
+  CardImageSecondary: n
+};
+export {
+  jr as c
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "md-components-mdigial-azamat",
   "author": "Azamat Raimbekov",
   "private": false,
-  "version": "0.0.63",
+  "version": "0.0.64",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/componentsMap-09f309da.js

@@ -1,151 +0,0 @@
-import r from "./AnimatedSwiper/index.js";
-import { Banner as o } from "./Banner/Banner.js";
-import { BannerAndText as m } from "./BannerAndText/index.js";
-import { CardIconList as t } from "./CardIconList/CardIconList.js";
-import { CardImageList as i } from "./CardImageList/CardImageList.js";
-import { CardImageSecondary as p } from "./CardImageSecondary/CardImageSecondary.js";
-import { CardImageSecondaryList as n } from "./CardImageSecondaryList/CardImageSecondaryList.js";
-import { CardInfoTable as a } from "./CardInfoTable/index.js";
-import { CardImage as e } from "./Cards/CardImage/CardImage.js";
-import { ColoredCard as f } from "./Cards/ColoredCard/index.js";
-import { ContentCard as s } from "./Cards/ContentCard/ContentCard.js";
-import { F as d } from "./index-dbe5f044.js";
-import { WarningCard as l } from "./Cards/WarningCard/WarningCard.js";
-import { ContentCardList as C } from "./ContentCardList/ContentCardList.js";
-import { DownloadFileBanner as B } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
-import { DownloadFileBright as F } from "./DownloadFile/components/DownloadFileBright/index.js";
-import { DownloadFileFull as L } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
-import { DownloadFileHalf as I } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
-import { DownloadFileMini as c } from "./DownloadFile/components/DownloadFileMini/DownloadFileMini.js";
-import { Faq as w } from "./Faq/Faq.js";
-import { Footer as S } from "./Footer/Footer.js";
-import { Header as g } from "./Header/Header.js";
-import { HeroPossibilityBanner as u } from "./HeroPossibilityBanner/index.js";
-import { HtmlContent as D } from "./HtmlContent/HtmlContent.js";
-import { InfoBanner as M } from "./InfoBanner/index.js";
-import { InfoBannerList as P } from "./InfoBannerList/InfoBannerList.js";
-import { InstructionList as T } from "./InstructionList/InstructionList.js";
-import { IntroBanner as H } from "./IntroBanner/IntroBanner.js";
-import { MainBanner as V } from "./MainBanner/MainBanner.js";
-import { MultiCards as b } from "./MultiCards/index.js";
-import { Partners as y } from "./Partners/Partners.js";
-import { PartnersColors as k } from "./PartnersColors/PartnersColors.js";
-import { PreviewList as x } from "./PreviewList/PreviewList.js";
-import { PromoPoster as A } from "./PromoPoster/PromoPoster.js";
-import { Segments as h } from "./Segments/Segments.js";
-import { Space as q } from "./Space/Space.js";
-import { StandartTable as v } from "./StandartTable/index.js";
-import { Stepper as W } from "./Stepper/Stepper.js";
-import { SwiperList as j } from "./SwiperList/SwiperList.js";
-import { TasksBanner as z } from "./TasksBanner/TasksBanner.js";
-import { TasksBannerList as E } from "./TasksBannerList/TasksBannerList.js";
-import { VideoFull as G } from "./Video/VideoFull/VideoFull.js";
-import { VideoList as J } from "./Video/VideoList/VideoList.js";
-import { VideoListMini as K } from "./Video/VideoListMini/VideoListMini.js";
-import { VideoMainBanner as N } from "./VideoMainBanner/VideoMainBanner.js";
-import "./ConfigProvider/index.js";
-import "./Faq/components/Collapse/Collapse.js";
-import "react/jsx-runtime";
-import "react";
-import "./index-875e92ce.js";
-import "./const-53dff524.js";
-import "./InstructionList/components/InstructionCard/InstructionCard.js";
-import "./PreviewList/components/PreviewCard/PreviewCard.js";
-import { FormDefault as O } from "./Forms/FormDefault/index.js";
-import "./AllComponents.js";
-import "./AnimatedSwiper/info.js";
-import "./Banner/info.js";
-import "./BannerAndText/info.js";
-import "./CardIconList/info.js";
-import "./CardImageList/info.js";
-import "./CardImageSecondary/info.js";
-import "./CardImageSecondaryList/info.js";
-import "./CardInfoTable/info.js";
-import "./Cards/CardImage/info.js";
-import "./Cards/ColoredCard/info.js";
-import "./Cards/ContentCard/info.js";
-import "./Cards/FeaturesCard/info.js";
-import "./Cards/WarningCard/info.js";
-import "./ContentCardList/info.js";
-import "./DownloadFile/components/DownloadFileBanner/info.js";
-import "./DownloadFile/components/DownloadFileBright/info.js";
-import "./DownloadFile/components/DownloadFileFull/info.js";
-import "./DownloadFile/components/DownloadFileHalf/info.js";
-import "./DownloadFile/components/DownloadFileMini/info.js";
-import "./Faq/info.js";
-import "./Footer/info.js";
-import "./Forms/FormDefault/info.js";
-import "./Header/info.js";
-import "./HeroPossibilityBanner/info.js";
-import "./InfoBanner/info.js";
-import "./InfoBannerList/info.js";
-import "./InstructionList/info.js";
-import "./IntroBanner/info.js";
-import "./MainBanner/info.js";
-import "./MultiCards/info.js";
-import "./Partners/info.js";
-import "./PartnersColors/info.js";
-import "./PreviewList/info.js";
-import "./PromoPoster/info.js";
-import "./Segments/info.js";
-import "./Space/info.js";
-import "./StandartTable/info.js";
-import "./Stepper/info.js";
-import "./SwiperList/info.js";
-import "./TasksBanner/info.js";
-import "./TasksBannerList/info.js";
-import "./Video/VideoFull/info.js";
-import "./Video/VideoList/info.js";
-import "./Video/VideoListMini/info.js";
-import "./VideoMainBanner/info.js";
-const zo = {
-  Banner: o,
-  BannerAndText: m,
-  CardImageList: i,
-  Stepper: W,
-  Segments: h,
-  VideoFull: G,
-  VideoList: J,
-  VideoListMini: K,
-  ContentCardList: C,
-  CardIconList: t,
-  MultiCards: b,
-  Partners: y,
-  PartnersColors: k,
-  MainBanner: V,
-  WarningCard: l,
-  Faq: w,
-  DownloadFileBanner: B,
-  DownloadFileHalf: I,
-  DownloadFileFull: L,
-  DownloadFileMini: c,
-  InstructionList: T,
-  PreviewList: x,
-  SwiperList: j,
-  AnimatedSwiper: r,
-  InfoBannerList: P,
-  TasksBannerList: E,
-  VideoMainBanner: N,
-  Space: q,
-  PromoPoster: A,
-  CardImageSecondaryList: n,
-  CardInfoTable: a,
-  StandartTable: v,
-  IntroBanner: H,
-  DownloadFileBright: F,
-  FormDefault: O,
-  Header: g,
-  Footer: S,
-  HtmlContent: D,
-  HeroPossibilityBanner: u,
-  CardImage: e,
-  ContentCard: s,
-  ColoredCard: f,
-  FeaturesCard: d,
-  InfoBanner: M,
-  TasksBanner: z,
-  CardImageSecondary: p
-};
-export {
-  zo as c
-};