@zentauri-ui/zentauri-components 0.0.5 → 0.0.6

package/dist/ui/index.cjs

@@ -504,9 +504,9 @@ var alertVariants = (0, import_class_variance_authority2.cva)(
 var alertTitleVariants = (0, import_class_variance_authority2.cva)("font-semibold leading-tight", {
   variants: {
     size: {
-      sm: "text-sm",
-      md: "text-sm",
-      lg: "text-base"
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
     }
   },
   defaultVariants: { size: "md" }
@@ -514,9 +514,9 @@ var alertTitleVariants = (0, import_class_variance_authority2.cva)("font-semibol
 var alertDescriptionVariants = (0, import_class_variance_authority2.cva)("text-slate-300", {
   variants: {
     size: {
-      sm: "text-xs",
-      md: "text-sm",
-      lg: "text-base"
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
     }
   },
   defaultVariants: { size: "md" }
@@ -3499,9 +3499,18 @@ var selectTriggerVariants = (0, import_class_variance_authority14.cva)(
         orange: "border-orange-600 text-orange-600",
         yellow: "border-yellow-600 text-yellow-600",
         teal: "border-teal-600 text-teal-600",
-        indigo: "border-indigo-600 text-indigo-600",
+        indigo: "border-indigo-500 text-indigo-500",
         emerald: "border-emerald-600 text-emerald-600",
-        glass: "border-white/15 bg-white/10 text-white backdrop-blur-md"
+        glass: "border-white/15 bg-white/10 text-white backdrop-blur-md",
+        "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-white",
+        "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-white",
+        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-white",
+        "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-white",
+        "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-white",
+        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-white",
+        "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-white",
+        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-white",
+        "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-white"
       },
       size: {
         sm: "px-2 py-1 text-sm",
@@ -3532,7 +3541,16 @@ var selectItemVariants = (0, import_class_variance_authority14.cva)(
         yellow: "border-yellow-600 text-yellow-800 data-[selected=true]:border-yellow-600 data-[selected=true]:bg-yellow-200 data-[selected=true]:text-yellow-800",
         teal: "border-teal-600 text-teal-800 data-[selected=true]:border-teal-600 data-[selected=true]:bg-teal-200 data-[selected=true]:text-teal-800",
         indigo: "border-indigo-600 text-indigo-800 data-[selected=true]:border-indigo-600 data-[selected=true]:bg-indigo-200 data-[selected=true]:text-indigo-800",
-        emerald: "border-emerald-600 text-emerald-800 data-[selected=true]:border-emerald-600 data-[selected=true]:bg-emerald-200 data-[selected=true]:text-emerald-800"
+        emerald: "border-emerald-600 text-emerald-800 data-[selected=true]:border-emerald-600 data-[selected=true]:bg-emerald-200 data-[selected=true]:text-emerald-800",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-blue-50 data-[selected=true]:bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-blue-100",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-green-50 data-[selected=true]:bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl data-[selected=true]:text-green-100",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-red-50 data-[selected=true]:bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-red-100",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-yellow-50 data-[selected=true]:bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl data-[selected=true]:text-yellow-100",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-purple-50 data-[selected=true]:bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-purple-100",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-teal-50 data-[selected=true]:bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl data-[selected=true]:text-teal-100",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-indigo-50 data-[selected=true]:bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-indigo-100",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-pink-50 data-[selected=true]:bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl data-[selected=true]:text-pink-100",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-orange-50 data-[selected=true]:bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl data-[selected=true]:text-orange-100"
       },
       disabled: {
         true: "opacity-50 cursor-not-allowed"
@@ -3560,7 +3578,16 @@ var selectContentVariants = (0, import_class_variance_authority14.cva)(
         yellow: "border-yellow-600",
         teal: "border-teal-600",
         indigo: "border-indigo-600",
-        emerald: "border-emerald-600"
+        emerald: "border-emerald-600",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
       },
       size: {
         sm: "px-2 py-1 text-sm",
@@ -3764,14 +3791,20 @@ var import_framer_motion12 = require("framer-motion");
 var skeletonAnimationPresets = {
   none: {},
   shimmer: {
+    initial: { backgroundPosition: "100% 0%" },
     animate: { backgroundPosition: ["100% 0%", "0% 0%"] },
     transition: { repeat: Infinity, duration: 1.35, ease: "linear" }
+  },
+  pulse: {
+    initial: { opacity: 1 },
+    animate: { opacity: [1, 0.5, 1] },
+    transition: { repeat: Infinity, duration: 1.35, ease: "easeInOut" }
   }
 };
 
 // src/ui/skeleton/variants.ts
 var import_class_variance_authority15 = require("class-variance-authority");
-var shimmerLayer = "[background-size:220%_100%] [background-repeat:no-repeat]";
+var shimmerLayer = "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]";
 var skeletonShimmerGradientClasses = {
   default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,
   subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,
@@ -3842,7 +3875,8 @@ var skeletonVariants = (0, import_class_variance_authority15.cva)(
       },
       animation: {
         none: "",
-        shimmer: ""
+        shimmer: "",
+        pulse: ""
       },
       shimmerTone: {
         default: "",
@@ -3991,6 +4025,10 @@ var skeletonVariants = (0, import_class_variance_authority15.cva)(
         animation: "shimmer",
         shimmerTone: "gradient-orange",
         class: skeletonShimmerGradientClasses["gradient-orange"]
+      },
+      {
+        animation: "pulse",
+        class: ""
       }
     ],
     defaultVariants: {
@@ -4935,10 +4973,10 @@ var toastRootVariants = (0, import_class_variance_authority19.cva)(
     variants: {
       appearance: {
         default: "bg-slate-950",
-        success: "border-emerald-500/40 bg-emerald-950/60",
-        warning: "border-amber-500/40 bg-amber-950/60",
-        error: "border-rose-500/50 bg-rose-950/60",
-        info: "border-sky-500/40 bg-sky-950/60"
+        success: "border-emerald-500/40 bg-emerald-950",
+        warning: "border-amber-500/40 bg-amber-950",
+        error: "border-rose-500/50 bg-rose-950",
+        info: "border-sky-500/40 bg-sky-950"
       },
       size: {
         sm: "p-3 text-xs",
@@ -5279,13 +5317,13 @@ var tooltipVariants = (0, import_class_variance_authority21.cva)(
         lg: "text-base px-4 py-2"
       },
       width: {
-        fit: "w-full min-w-fit",
-        xs: "w-full min-w-xs",
-        sm: "w-full min-w-sm",
-        md: "w-full min-w-md",
-        lg: "w-full min-w-lg",
-        xl: "w-full min-w-xl",
-        "2xl": "w-full min-w-2xl"
+        fit: "w-full md:min-w-fit",
+        xs: "w-full md:min-w-xs",
+        sm: "w-full md:min-w-sm",
+        md: "w-full md:min-w-md",
+        lg: "w-full md:min-w-lg",
+        xl: "w-full md:min-w-xl",
+        "2xl": "w-full md:min-w-2xl"
       }
     },
     defaultVariants: {