@gamecp/ui 0.1.21 → 0.1.22

package/dist/index.mjs

@@ -2657,7 +2657,8 @@ function Switch({
   label,
   description,
   className = "",
-  size = "md"
+  size = "md",
+  variant = "default"
 }) {
   const toggle = () => {
     if (!disabled) {
@@ -2669,7 +2670,40 @@ function Switch({
     md: { track: "w-11 h-6", thumb: "w-5 h-5", translate: "translate-x-5" },
     lg: { track: "w-14 h-8", thumb: "w-7 h-7", translate: "translate-x-6" }
   };
+  const variants = {
+    default: {
+      checked: "bg-primary",
+      unchecked: "bg-muted",
+      ring: "focus:ring-primary"
+    },
+    success: {
+      checked: "bg-success",
+      unchecked: "bg-muted",
+      ring: "focus:ring-success"
+    },
+    danger: {
+      checked: "bg-destructive",
+      unchecked: "bg-muted",
+      ring: "focus:ring-destructive"
+    },
+    warning: {
+      checked: "bg-warning",
+      unchecked: "bg-muted",
+      ring: "focus:ring-warning"
+    },
+    info: {
+      checked: "bg-info",
+      unchecked: "bg-muted",
+      ring: "focus:ring-info"
+    },
+    embedded: {
+      checked: "bg-success",
+      unchecked: "bg-gray-300 dark:bg-gray-600",
+      ring: "focus:ring-success"
+    }
+  };
   const currentSize = sizes[size];
+  const currentVariant = variants[variant];
   return /* @__PURE__ */ jsxs("div", { className: `flex items-start ${className}`, children: [
     /* @__PURE__ */ jsx(
       "button",
@@ -2681,8 +2715,8 @@ function Switch({
         onClick: toggle,
         className: `
           relative inline-flex flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent 
-          transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2
-          ${checked ? "bg-primary" : "bg-muted"}
+          transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 ${currentVariant.ring} focus:ring-offset-2
+          ${checked ? currentVariant.checked : currentVariant.unchecked}
           ${disabled ? "opacity-50 cursor-not-allowed" : ""}
           ${currentSize.track}
         `,
@@ -2942,8 +2976,8 @@ function SharedTooltip({
       offset,
       delayShow,
       delayHide,
-      className: `!bg-popover !text-popover-foreground !border !border-border !shadow-md !text-xs !px-2 !py-1 !rounded-md z-50 ${className}`,
-      style,
+      className: `!bg-popover !text-popover-foreground !border !border-border !shadow-md !text-xs !px-2 !py-1 !rounded-md ${className}`,
+      style: { zIndex: 9999, ...style },
       positionStrategy: "fixed",
       render: children ? () => /* @__PURE__ */ jsx(Fragment, { children }) : void 0
     }