@j3m-quantum/ui 0.7.8 → 0.7.10

package/dist/index.cjs

@@ -143,6 +143,8 @@ var Button = React8__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
+        "data-slot": "button",
+        "data-variant": variant || "default",
         className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props
@@ -1226,15 +1228,33 @@ function FieldError({
     }
   );
 }
-function Card({ className, ...props }) {
+var cardVariants = classVarianceAuthority.cva(
+  "rounded-xl text-card-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-card border shadow",
+        glass: [
+          "glass-context",
+          // Enables glass semantic token overrides for children
+          "bg-[var(--j3m-glass-frosted-card)]",
+          "backdrop-blur-[var(--j3m-blur-frosted)]",
+          "glass-border-gradient",
+          "shadow-[var(--j3m-glass-shadow-md)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Card({ className, variant, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "card",
-      className: cn(
-        "bg-card text-card-foreground rounded-xl border shadow",
-        className
-      ),
+      className: cn(cardVariants({ variant }), className),
       ...props
     }
   );
@@ -5088,15 +5108,16 @@ var sectionVariants = classVarianceAuthority.cva(
           "text-[var(--color-text-main)]",
           "shadow-sm"
         ].join(" "),
-        // Glass Light - for dark or image backgrounds
+        // Glass Light - frosted glass for dark or image backgrounds
         "glass-light": [
           "glass-context",
           // Enables glass semantic token overrides
-          "bg-[var(--j3m-glass-light-20)]",
-          "backdrop-blur-[var(--j3m-blur-2xl)]",
-          "border border-[var(--j3m-glass-border-light)]",
+          "glass-frosted",
+          // Strong blur effect
+          "glass-border-gradient",
+          // Gradient border (top lighter)
           "text-[var(--color-text-main)]",
-          "shadow-[var(--j3m-glass-shadow-md)]"
+          "shadow-[var(--j3m-glass-shadow-lg)]"
         ].join(" "),
         // Glass Dark - dark frosted glass
         "glass-dark": [
@@ -5504,6 +5525,7 @@ exports.TooltipTrigger = TooltipTrigger;
 exports.badgeVariants = badgeVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
+exports.cardVariants = cardVariants;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
 exports.sectionVariants = sectionVariants;
 exports.toggleVariants = toggleVariants;