warqadui 0.0.63 → 0.0.64

package/dist/index.d.mts

@@ -127,9 +127,11 @@ declare const CodeBlock: React__default.FC<CodeBlockProps>;
 interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
     children: React__default.ReactNode;
     variant?: "default" | "flat" | "glass";
+    isLoading?: boolean;
+    loadingText?: string;
 }
 declare const Card: {
-    ({ children, className, variant, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, variant, isLoading, loadingText, ...props }: CardProps): react_jsx_runtime.JSX.Element;
     Header: ({ children, className, }: {
         children: React__default.ReactNode;
         className?: string;

package/dist/index.d.ts

@@ -127,9 +127,11 @@ declare const CodeBlock: React__default.FC<CodeBlockProps>;
 interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
     children: React__default.ReactNode;
     variant?: "default" | "flat" | "glass";
+    isLoading?: boolean;
+    loadingText?: string;
 }
 declare const Card: {
-    ({ children, className, variant, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, variant, isLoading, loadingText, ...props }: CardProps): react_jsx_runtime.JSX.Element;
     Header: ({ children, className, }: {
         children: React__default.ReactNode;
         className?: string;

package/dist/index.js

@@ -977,6 +977,8 @@ var Card = ({
   children,
   className,
   variant = "default",
+  isLoading = false,
+  loadingText = "Loading...",
   ...props
 }) => {
   const variants = {
@@ -984,16 +986,34 @@ var Card = ({
     flat: "bg-gray-50/50 dark:bg-zinc-950/50 border-gray-100 dark:border-zinc-900",
     glass: "bg-white/70 dark:bg-black/40 backdrop-blur-md border-white/20 dark:border-white/5 shadow-xl"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
       className: cn(
-        "rounded-2xl border p-6 transition-all duration-300",
+        "relative rounded-2xl border p-6 transition-all duration-300 overflow-hidden",
         variants[variant],
         className
       ),
       ...props,
-      children
+      children: [
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/40 dark:bg-black/20 backdrop-blur-[2px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-white/50 dark:via-zinc-400/10 to-transparent" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center space-x-2 px-4 py-2 rounded-full bg-white/80 dark:bg-zinc-800/80 shadow-sm border border-gray-100 dark:border-zinc-700", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "h-2 w-2 rounded-full bg-blue-500 animate-pulse" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-xs font-medium text-gray-600 dark:text-zinc-400", children: loadingText })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "div",
+          {
+            className: cn(
+              "transition-all duration-300",
+              isLoading ? "opacity-40 blur-[1px] pointer-events-none" : "opacity-100"
+            ),
+            children
+          }
+        )
+      ]
     }
   );
 };