@gamecp/ui 0.1.26 → 0.1.27

package/dist/index.d.mts

@@ -265,8 +265,9 @@ interface SwitchProps {
     className?: string;
     size?: 'sm' | 'md' | 'lg';
     variant?: SwitchVariant;
+    labelPosition?: 'left' | 'right';
 }
-declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, labelPosition, }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 interface SmartDropdownProps {
     isOpen: boolean;

package/dist/index.d.ts

@@ -265,8 +265,9 @@ interface SwitchProps {
     className?: string;
     size?: 'sm' | 'md' | 'lg';
     variant?: SwitchVariant;
+    labelPosition?: 'left' | 'right';
 }
-declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, labelPosition, }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 interface SmartDropdownProps {
     isOpen: boolean;

package/dist/index.js

@@ -1932,7 +1932,7 @@ function SkeletonGamesTable({
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Created" }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-2 py-1 rounded-md backdrop-blur-sm text-center text-xs font-medium text-muted-foreground uppercase tracking-wider sticky right-0", children: "Actions" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "table-body-card", children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "hover:bg-muted hover:text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "table-body-card", children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "hover:bg-muted/50", children: [
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 h-10 w-10", children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonItem, { width: "w-10", height: "h-10", rounded: true }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-4 min-w-0 flex-1", children: [
@@ -2671,7 +2671,8 @@ function Switch({
   description,
   className = "",
   size = "md",
-  variant = "default"
+  variant = "default",
+  labelPosition = "right"
 }) {
   const toggle = () => {
     if (!disabled) {
@@ -2686,38 +2687,43 @@ function Switch({
   const variants = {
     default: {
       checked: "bg-primary",
-      unchecked: "bg-muted",
+      unchecked: "bg-input",
       ring: "focus:ring-primary"
     },
     success: {
       checked: "bg-success",
-      unchecked: "bg-muted",
+      unchecked: "bg-input",
       ring: "focus:ring-success"
     },
     danger: {
       checked: "bg-destructive",
-      unchecked: "bg-muted",
+      unchecked: "bg-input",
       ring: "focus:ring-destructive"
     },
     warning: {
       checked: "bg-warning",
-      unchecked: "bg-muted",
+      unchecked: "bg-input",
       ring: "focus:ring-warning"
     },
     info: {
       checked: "bg-info",
-      unchecked: "bg-muted",
+      unchecked: "bg-input",
       ring: "focus:ring-info"
     },
     embedded: {
       checked: "bg-success",
-      unchecked: "bg-gray-300 dark:bg-gray-600",
+      unchecked: "bg-input",
       ring: "focus:ring-success"
     }
   };
   const currentSize = sizes[size];
   const currentVariant = variants[variant];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-start ${className}`, children: [
+  const LabelContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${labelPosition === "left" ? "mr-3 flex-1 text-left" : "ml-3 w-fit"} flex flex-col justify-center gap-1`, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-foreground cursor-pointer", onClick: toggle, children: label }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-snug", children: description })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center ${labelPosition === "left" ? "justify-between" : ""} ${className}`, children: [
+    labelPosition === "left" && (label || description) && LabelContent,
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -2747,10 +2753,7 @@ function Switch({
         )
       }
     ),
-    (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-3 text-sm leading-6", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "font-medium text-foreground cursor-pointer", onClick: toggle, children: label }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: description })
-    ] })
+    labelPosition === "right" && (label || description) && LabelContent
   ] });
 }
 var variantClasses4 = {