@gamecp/ui 0.1.21 → 0.1.23

package/dist/index.mjs

@@ -8,27 +8,27 @@ import { Tooltip } from 'react-tooltip';
 
 // src/Badge.tsx
 var badgeVariants = {
-  default: "bg-muted text-foreground border-border",
-  primary: "bg-primary-100 text-primary-800 border-primary-200",
-  secondary: "bg-muted text-foreground border-border",
-  success: "bg-success text-success-dark border-success-light",
-  warning: "bg-amber/20 text-yellow-800 border-amber/30",
-  error: "bg-danger/20 text-danger border-danger/30",
-  info: "bg-muted text-muted-foreground border-ring",
-  gray: "bg-muted text-foreground border-border",
-  purple: "bg-purple-100 text-purple-800 border-purple-200",
-  pink: "bg-pink/20 text-pink border-pink-200",
-  indigo: "bg-indigo/20 text-indigo border-indigo-200",
-  orange: "bg-orange/20 text-orange-800 border-orange/30",
-  teal: "bg-teal-100 text-teal-800 border-teal-200",
-  cyan: "bg-cyan/20 text-cyan-800 border-cyan-200",
-  lime: "bg-lime-100 text-lime-800 border-lime-200",
-  emerald: "bg-emerald/20 text-emerald-800 border-emerald-200",
-  rose: "bg-rose-100 text-rose-800 border-rose-200",
-  sky: "bg-sky-100 text-sky-800 border-sky-200",
-  violet: "bg-violet-100 text-violet-800 border-violet-200",
-  fuchsia: "bg-fuchsia-100 text-fuchsia-800 border-fuchsia-200",
-  amber: "bg-amber/20 text-amber-800 border-amber/30"
+  default: "bg-muted text-muted-foreground border-border",
+  primary: "bg-primary/10 text-primary border-primary/30",
+  secondary: "bg-muted text-muted-foreground border-border",
+  success: "bg-success/10 text-success border-success/30",
+  warning: "bg-amber/10 text-amber border-amber/30",
+  error: "bg-danger/10 text-danger border-danger/30",
+  info: "bg-info/10 text-info border-info/30",
+  gray: "bg-gray/10 text-gray border-gray/30",
+  purple: "bg-purple/10 text-purple border-purple/30",
+  pink: "bg-pink/10 text-pink border-pink/30",
+  indigo: "bg-indigo/10 text-indigo border-indigo/30",
+  orange: "bg-orange/10 text-orange border-orange/30",
+  teal: "bg-teal/10 text-teal border-teal/30",
+  cyan: "bg-cyan/10 text-cyan border-cyan/30",
+  lime: "bg-lime/10 text-lime border-lime/30",
+  emerald: "bg-emerald/10 text-emerald border-emerald/30",
+  rose: "bg-rose/10 text-rose border-rose/30",
+  sky: "bg-sky/10 text-sky border-sky/30",
+  violet: "bg-violet/10 text-violet border-violet/30",
+  fuchsia: "bg-fuchsia/10 text-fuchsia border-fuchsia/30",
+  amber: "bg-amber/10 text-amber border-amber/30"
 };
 var badgeSizes = {
   sm: "px-2 py-0.5 text-xs",
@@ -63,7 +63,7 @@ var variantClasses = {
   primary: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent",
   secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
   destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 border-transparent",
-  danger: "bg-danger text-white hover:bg-danger border-transparent",
+  danger: "bg-danger text-danger-foreground hover:bg-danger/90 border-transparent",
   ghost: "bg-transparent hover:bg-muted hover:text-foreground border-transparent",
   link: "bg-transparent text-primary underline-offset-4 hover:underline border-transparent p-0",
   outline: "bg-transparent border-border hover:bg-muted hover:text-foreground"
@@ -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
     }