@zentauri-ui/zentauri-components 0.0.4 → 0.0.6

package/dist/ui/index.js

@@ -326,9 +326,9 @@ var alertVariants = cva2(
 var alertTitleVariants = cva2("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" }
@@ -336,9 +336,9 @@ var alertTitleVariants = cva2("font-semibold leading-tight", {
 var alertDescriptionVariants = cva2("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" }
@@ -1218,6 +1218,41 @@ var drawerPanelPresets = (side) => ({
 // src/ui/drawer/variants.ts
 import { cva as cva7 } from "class-variance-authority";
 var drawerOverlayVariants = cva7("fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm");
+var drawerTriggerVariants = cva7(
+  "relative inline-flex shrink-0 cursor-pointer rounded-md border",
+  {
+    variants: {
+      appearance: {
+        default: "bg-slate-950",
+        glass: "border-white/15 bg-slate-950/70 backdrop-blur-xl",
+        sky: "border-sky-600 bg-sky-950/70 backdrop-blur-xl",
+        rose: "border-rose-600 bg-rose-950/70 backdrop-blur-xl",
+        purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
+        pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
+        orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
+        yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
+        teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
+        indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
+        emerald: "border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
+        gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
+        amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
+        violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
+        "gradient-blue": "border-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": "border-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": "border-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": "border-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": "border-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": "border-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": "border-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": "border-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": "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+      }
+    },
+    defaultVariants: {
+      appearance: "default"
+    }
+  }
+);
 var drawerContentVariants = cva7(
   "fixed z-50 flex max-h-[min(92vh,900px)] flex-col border border-white/10 bg-slate-950 p-6 text-slate-50 shadow-[0_24px_80px_rgba(15,23,42,0.55)] focus:outline-none",
   {
@@ -1334,7 +1369,7 @@ function Drawer({ open, defaultOpen = false, onOpenChange, children }) {
   return /* @__PURE__ */ jsx7(DrawerContext.Provider, { value: ctx, children });
 }
 Drawer.displayName = "Drawer";
-function DrawerTrigger({ className, children, onClick, ref, ...rest }) {
+function DrawerTrigger({ className, children, appearance, onClick, ref, ...rest }) {
   const { setOpen } = useDrawerContext("DrawerTrigger");
   return /* @__PURE__ */ jsx7(
     "button",
@@ -1342,7 +1377,7 @@ function DrawerTrigger({ className, children, onClick, ref, ...rest }) {
       ref,
       type: "button",
       "data-slot": "drawer-trigger",
-      className: cn(className),
+      className: cn(drawerTriggerVariants({ appearance }), className),
       onClick: (event) => {
         onClick?.(event);
         if (!event.defaultPrevented) {
@@ -1537,15 +1572,15 @@ var triggerVariants = cva8(
         gray: "border border-gray-600 text-gray-600",
         amber: "border border-amber-600 text-amber-600",
         violet: "border border-violet-600 text-violet-600",
-        "gradient-blue": "border border-gradient-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600",
-        "gradient-green": "border border-gradient-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600",
-        "gradient-red": "border border-gradient-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600",
-        "gradient-yellow": "border border-gradient-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600",
-        "gradient-purple": "border border-gradient-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600",
-        "gradient-teal": "border border-gradient-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600",
-        "gradient-indigo": "border border-gradient-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600",
-        "gradient-pink": "border border-gradient-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600",
-        "gradient-orange": "border border-gradient-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600"
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600"
       },
       size: {
         sm: "px-2 py-1 text-sm",
@@ -1560,7 +1595,7 @@ var triggerVariants = cva8(
   }
 );
 var contentVariants = cva8(
-  "absolute min-w-[200px] rounded-md shadow-md z-50 border",
+  "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border",
   {
     variants: {
       placement: {
@@ -1585,13 +1620,13 @@ var contentVariants = cva8(
   }
 );
 var itemVariants = cva8(
-  "flex items-center justify-between px-3 py-2 text-sm cursor-pointer transition-colors",
+  "flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors",
   {
     variants: {
       variant: {
         default: "hover:bg-gray-100 hover:text-gray-900 text-gray-100",
-        outline: "hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900",
-        ghost: "hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-900",
+        outline: "hover:bg-gray-100 hover:text-gray-900 border border-white text-gray-100",
+        ghost: "hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-100",
         white: "hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900",
         black: "hover:bg-gray-100 hover:text-gray-900 bg-black text-white",
         sky: "hover:bg-sky-100 hover:text-sky-600 bg-sky-200 text-sky-800",
@@ -2363,6 +2398,41 @@ import { cva as cva11 } from "class-variance-authority";
 var modalOverlayVariants = cva11(
   "fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm data-[state=open]:animate-in"
 );
+var modalTriggerVariants = cva11(
+  "relative inline-flex shrink-0 cursor-pointer rounded-md border",
+  {
+    variants: {
+      appearance: {
+        default: "bg-slate-950",
+        glass: "border-white/15 bg-slate-950/70 backdrop-blur-xl",
+        sky: "border-sky-600 bg-sky-950/70 backdrop-blur-xl",
+        rose: "border-rose-600 bg-rose-950/70 backdrop-blur-xl",
+        purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
+        pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
+        orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
+        yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
+        teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
+        indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
+        emerald: "border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
+        gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
+        amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
+        violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
+        "gradient-blue": "border-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": "border-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": "border-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": "border-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": "border-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": "border-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": "border-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": "border-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": "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+      }
+    },
+    defaultVariants: {
+      appearance: "default"
+    }
+  }
+);
 var modalContentVariants = cva11(
   "fixed left-1/2 z-50 w-[calc(100%-2rem)] max-h-[min(90vh,720px)] translate-x-[-50%] overflow-y-auto border border-white/10 bg-slate-950 p-6 text-slate-50 shadow-[0_24px_80px_rgba(15,23,42,0.55)] focus:outline-none",
   {
@@ -2466,7 +2536,7 @@ function Modal({ open, defaultOpen = false, onOpenChange, children }) {
   return /* @__PURE__ */ jsx11(ModalContext.Provider, { value: ctx, children });
 }
 Modal.displayName = "Modal";
-function ModalTrigger({ className, children, onClick, ref, ...rest }) {
+function ModalTrigger({ className, children, appearance, onClick, ref, ...rest }) {
   const { setOpen } = useModalContext("ModalTrigger");
   return /* @__PURE__ */ jsx11(
     "button",
@@ -2474,7 +2544,7 @@ function ModalTrigger({ className, children, onClick, ref, ...rest }) {
       ref,
       type: "button",
       "data-slot": "modal-trigger",
-      className: cn(className),
+      className: cn(modalTriggerVariants({ appearance }), className),
       onClick: (event) => {
         onClick?.(event);
         if (!event.defaultPrevented) {
@@ -3279,9 +3349,18 @@ var selectTriggerVariants = cva14(
         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",
@@ -3312,7 +3391,16 @@ var selectItemVariants = cva14(
         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"
@@ -3340,7 +3428,16 @@ var selectContentVariants = cva14(
         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",
@@ -3544,14 +3641,20 @@ import { motion as motion12 } from "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
 import { cva as cva15 } from "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))]`,
@@ -3622,7 +3725,8 @@ var skeletonVariants = cva15(
       },
       animation: {
         none: "",
-        shimmer: ""
+        shimmer: "",
+        pulse: ""
       },
       shimmerTone: {
         default: "",
@@ -3771,6 +3875,10 @@ var skeletonVariants = cva15(
         animation: "shimmer",
         shimmerTone: "gradient-orange",
         class: skeletonShimmerGradientClasses["gradient-orange"]
+      },
+      {
+        animation: "pulse",
+        class: ""
       }
     ],
     defaultVariants: {
@@ -4728,10 +4836,10 @@ var toastRootVariants = cva19(
     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",
@@ -4905,7 +5013,7 @@ var toggleThumbAnimationPresets = {
 // src/ui/toggle/variants.ts
 import { cva as cva20 } from "class-variance-authority";
 var toggleTrackVariants = cva20(
-  "relative inline-flex shrink-0 cursor-pointer rounded-full border border-white/10 bg-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 data-[state=checked]:bg-cyan-600/80 disabled:cursor-not-allowed disabled:opacity-50",
+  "relative inline-flex shrink-0 cursor-pointer rounded-full border border-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       size: {
@@ -4932,7 +5040,16 @@ var toggleTrackVariants = cva20(
         slate: "data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90",
         zinc: "data-[state=checked]:border-zinc-400/40 data-[state=checked]:bg-zinc-600/90",
         gray: "data-[state=checked]:border-gray-400/40 data-[state=checked]:bg-gray-600/90",
-        stone: "data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90"
+        stone: "data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90",
+        "gradient-blue": "data-[state=checked]:bg-linear-to-r from-blue-600 to-purple-600",
+        "gradient-green": "data-[state=checked]:bg-linear-to-r from-green-600 to-lime-600",
+        "gradient-red": "data-[state=checked]:bg-linear-to-r from-red-600 to-pink-600",
+        "gradient-yellow": "data-[state=checked]:bg-linear-to-r from-yellow-600 to-orange-600",
+        "gradient-purple": "data-[state=checked]:bg-linear-to-r from-purple-600 to-pink-600",
+        "gradient-teal": "data-[state=checked]:bg-linear-to-r from-teal-600 to-cyan-600",
+        "gradient-indigo": "data-[state=checked]:bg-linear-to-r from-indigo-600 to-purple-600",
+        "gradient-pink": "data-[state=checked]:bg-linear-to-r from-pink-600 to-rose-600",
+        "gradient-orange": "data-[state=checked]:bg-linear-to-r from-orange-600 to-red-600"
       }
     },
     defaultVariants: {
@@ -5063,13 +5180,13 @@ var tooltipVariants = cva21(
         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: {