md-components-mdigial-azamat 0.0.10 → 0.0.12

package/dist/{index-fb8c9446.js → index-60dfa873.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as r } from "./cn-eacd4725.js";
+import { c as r } from "./cn-d8c04b28.js";
 const u = ({
   className: t = "",
   src: l = "/",

package/dist/{index-cd468670.js → index-6e0f7db0.js}

@@ -1,25 +1,25 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { I as m } from "./index-fb8c9446.js";
-import { c as p } from "./cn-eacd4725.js";
+import { I as p } from "./index-60dfa873.js";
+import { c as n } from "./cn-d8c04b28.js";
 const s = {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
-}, g = ({ data: e, size: l, className: n }) => {
+}, m = ["data", "size", "className"], c = ({ data: e, size: l, className: o }) => {
   const x = l === s.SMALL ? 32 : 40;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: p(
+      className: n(
         "bg-white rounded-[20px] flex flex-col items-start justify-between gap-[32px] w-full box-border",
         l === s.LARGE && "min-h-[300px]",
         l === s.SMALL ? "p-[24px]" : "p-[32px]",
-        n
+        o
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "flex flex-col items-start gap-[32px]", children: [
           (e == null ? void 0 : e.image) && /* @__PURE__ */ i(
-            m,
+            p,
             {
               src: e == null ? void 0 : e.image,
               alt: e == null ? void 0 : e.title,
@@ -45,7 +45,8 @@ const s = {
     }
   );
 };
+c.propsToEdit = m;
 export {
-  g as F,
+  c as F,
   s as S
 };

package/dist/index-b3d6aed3.js

@@ -0,0 +1,52 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as h } from "./cn-d8c04b28.js";
+import { B as t, a as e } from "./const-9041b93a.js";
+const m = c(
+  ({
+    children: o,
+    size: s = t.XL,
+    variant: d = e.Primary,
+    loading: i = !1,
+    iconRight: a,
+    iconLeft: l,
+    className: n,
+    ...p
+  }, b) => {
+    const x = {
+      [t.S]: "",
+      [t.M]: "px-[12px] py-[8px] rounded-[12px] text-[14px] h-[36px]",
+      [t.L]: "px-[16px] py-[10px] rounded-[16px] text-[16px] h-[44px]",
+      [t.XL]: "px-[20px] py-[16px] rounded-[16px] text-[16px] h-[56px]"
+    }, g = {
+      [e.Primary]: "bg-yellowLight hover:bg-yellowSaturated disabled:bg-yellowLight2 disabled:cursor-not-allowed",
+      [e.Secondary]: "bg-lightBlue hover:bg-grayBlue disabled:bg-white disabled:cursor-not-allowed",
+      [e.SecondaryBlue]: "bg-lightBlue text-blue hover:bg-grayBlue disabled:bg-white disabled:text-lightBlue5 disabled:cursor-not-allowed",
+      [e.Static]: "bg-white hover:bg-grayBlue disabled:bg-white disabled:cursor-not-allowed",
+      [e.Brand]: "bg-greenLight text-white hover:bg-green disabled:bg-lightGray5 disabled:cursor-not-allowed",
+      [e.Grey]: "bg-greyLight text-blackBG"
+    };
+    return /* @__PURE__ */ u(
+      "button",
+      {
+        className: h(
+          "flex items-center justify-center gap-2 border-none font-i font-medium cursor-pointer w-fit ",
+          x[s],
+          g[d],
+          n
+        ),
+        ref: b,
+        ...p,
+        children: [
+          i ? /* @__PURE__ */ r("span", { className: "flex justify-center items-center w-[22px] h-[22px] p-[2px] bg-transparent rounded-full border-2 border-[#0e0f11] border-t-transparent animate-spin" }) : l && /* @__PURE__ */ r("span", { className: "flex items-center", children: l }),
+          o,
+          a && /* @__PURE__ */ r("span", { className: "flex items-center", children: a })
+        ]
+      }
+    );
+  }
+);
+m.displayName = "AppButton";
+export {
+  m as B
+};

package/dist/main.js

@@ -22,7 +22,7 @@ import { CardImage as J } from "./Cards/CardImage/CardImage.js";
 import { ContentCard as N } from "./Cards/ContentCard/ContentCard.js";
 import { WarningCard as Q } from "./Cards/WarningCard/WarningCard.js";
 import { ColoredCard as U } from "./Cards/ColoredCard/index.js";
-import { F as Y } from "./index-cd468670.js";
+import { F as Y } from "./index-6e0f7db0.js";
 import { DownloadFileBanner as _ } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
 import { DownloadFileFull as rr } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
 import { DownloadFileHalf as er } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";

package/dist/{palette-52b06a82.js → palette-ac8c8a5f.js}

@@ -1,14 +1,16 @@
-const e = {
+const f = {
   yellowLight: "#fddb2b",
   yellowSaturated: "#f7c21c",
   yellowLight2: "#fef08a",
   white: "#ffffff",
+  white4: "#f4f6f7",
   deepBlue: "#3B82F6",
   lightBlue: "#f0f3f4",
   lightBlue5: "#5baaff",
   grayBlue: "#d7dce1",
   graySoft: "#40474f",
   graySoft2: "#4D5661",
+  graySoft3: "#3e454c",
   greyLight: "#E0E5E8",
   greenLight: "#16a34a",
   green: "#189145",
@@ -18,9 +20,12 @@ const e = {
   black: "#18191c",
   blackBG: "#0e0f11",
   black2: "#2f3137",
+  black5: "#0e0f11",
+  black7: "#1f2425",
+  black8: "#202425",
   gray2: "#768793",
   translucentBlack: "#00000066"
 };
 export {
-  e as p
+  f as p
 };