md-components-mdigial-azamat 0.0.11 → 0.0.13

package/dist/trash/HeroLargeCards/index.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { CardImage as n } from "../../Cards/CardImage/CardImage.js";
-import { c as x } from "../../cn-eacd4725.js";
+import { c as x } from "../../cn-d8c04b28.js";
 const d = ({
   data: r,
   title: t,

package/dist/useScreenSize-c1b64c02.js

@@ -0,0 +1,19 @@
+import { useState as d, useEffect as o } from "react";
+const w = (i = 768) => {
+  const [n, t] = d({
+    width: void 0,
+    height: void 0
+  });
+  return o(() => {
+    function e() {
+      t({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }
+    return window.addEventListener("resize", e), e(), () => window.removeEventListener("resize", e);
+  }, []), n.width <= i;
+};
+export {
+  w as u
+};

package/package.json

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

package/dist/ComponentContainer-41408843.js

@@ -1,15 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as l } from "./cn-eacd4725.js";
-const e = ({ children: a, className: t }) => /* @__PURE__ */ m(
-  "section",
-  {
-    className: l(
-      "w-[1232px] max-tablet:w-full mx-auto px-4 relative max-tablet:max-w-[960px] md:max-w-full lg:max-w-full",
-      t
-    ),
-    children: a
-  }
-);
-export {
-  e as C
-};

package/dist/index-89dcf24f.js

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