@gamecp/ui 0.1.20 → 0.1.22

package/dist/index.d.mts

@@ -255,16 +255,18 @@ interface PageHeaderProps {
 }
 declare function PageHeader({ icon: Icon, title, subtitle, rightContent, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
+type SwitchVariant = 'default' | 'success' | 'danger' | 'warning' | 'info' | 'embedded';
 interface SwitchProps {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
-    label?: string;
-    description?: string;
+    label?: React__default.ReactNode | string;
+    description?: React__default.ReactNode | string;
     className?: string;
     size?: 'sm' | 'md' | 'lg';
+    variant?: SwitchVariant;
 }
-declare function Switch({ checked, onChange, disabled, label, description, className, size, }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 interface SmartDropdownProps {
     isOpen: boolean;
@@ -632,4 +634,4 @@ declare function IconButtonWithCount({ icon, label, count, onClick, onClear, sho
 
 declare const VERSION = "0.1.3";
 
-export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, Switch, Typography, VERSION, ViewToggle, useConfirmDialog };
+export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, useConfirmDialog };

package/dist/index.d.ts

@@ -255,16 +255,18 @@ interface PageHeaderProps {
 }
 declare function PageHeader({ icon: Icon, title, subtitle, rightContent, className, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
+type SwitchVariant = 'default' | 'success' | 'danger' | 'warning' | 'info' | 'embedded';
 interface SwitchProps {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
-    label?: string;
-    description?: string;
+    label?: React__default.ReactNode | string;
+    description?: React__default.ReactNode | string;
     className?: string;
     size?: 'sm' | 'md' | 'lg';
+    variant?: SwitchVariant;
 }
-declare function Switch({ checked, onChange, disabled, label, description, className, size, }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 interface SmartDropdownProps {
     isOpen: boolean;
@@ -632,4 +634,4 @@ declare function IconButtonWithCount({ icon, label, count, onClick, onClear, sho
 
 declare const VERSION = "0.1.3";
 
-export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, Switch, Typography, VERSION, ViewToggle, useConfirmDialog };
+export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, useConfirmDialog };

package/dist/index.js

@@ -7,7 +7,6 @@ var reactDom = require('react-dom');
 var framerMotion = require('framer-motion');
 var NextLink = require('next/link');
 var reactTooltip = require('react-tooltip');
-var nextIntlayer = require('next-intlayer');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -2665,7 +2664,8 @@ function Switch({
   label,
   description,
   className = "",
-  size = "md"
+  size = "md",
+  variant = "default"
 }) {
   const toggle = () => {
     if (!disabled) {
@@ -2677,7 +2677,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__ */ jsxRuntime.jsxs("div", { className: `flex items-start ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -2689,8 +2722,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}
         `,
@@ -2950,8 +2983,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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : void 0
     }
@@ -3116,73 +3149,72 @@ function ActionButton({
     lg: terminalMode ? "" : "btn-lg"
   };
   const paddingClasses3 = iconOnly ? terminalMode ? "" : "p-2" : "px-3 py-1.5";
-  const t = nextIntlayer.useIntlayer("action-button");
   const getVariantConfig = () => {
     switch (variant) {
       case "edit":
         return {
           icon: fill ? ri.RiEditFill : ri.RiEditLine,
-          label: t.edit,
+          label: "Edit",
           className: "btn-secondary"
         };
       case "delete":
         return {
           icon: fill ? ri.RiDeleteBinFill : ri.RiDeleteBinLine,
-          label: t.delete,
+          label: "Delete",
           className: "btn-danger"
         };
       case "deactivate":
         return {
           icon: fill ? ri.RiStopCircleFill : ri.RiStopCircleLine,
-          label: t.deactivate,
+          label: "Deactivate",
           className: "bg-slate-50  text-slate-600 hover:bg-slate-100 hover:text-slate-700 border border-slate-200 transition-all duration-300 ease-in-out"
         };
       case "activate":
         return {
           icon: fill ? ri.RiPlayCircleFill : ri.RiPlayCircleLine,
-          label: t.activate,
+          label: "Activate",
           className: "bg-emerald/10  text-emerald hover:bg-emerald/20 hover:text-emerald-700 border border-emerald-200 transition-all duration-300 ease-in-out"
         };
       case "view":
         return {
           icon: fill ? ri.RiEyeFill : ri.RiEyeLine,
-          label: t.view,
+          label: "View",
           className: "bg-muted  text-muted-foreground hover:bg-muted hover:text-foreground border border-border transition-all duration-300 ease-in-out"
         };
       case "metrics":
         return {
           icon: fill ? ri.RiBarChartFill : ri.RiBarChartLine,
-          label: t.metrics,
+          label: "Metrics",
           className: "bg-purple/10  text-purple-600 hover:bg-purple-100 hover:text-purple-700 border border-purple-200 transition-all duration-300 ease-in-out"
         };
       case "start":
         return {
           icon: fill ? ri.RiPlayFill : ri.RiPlayLine,
-          label: t.start,
+          label: "Start",
           className: "bg-success/10 text-success hover:bg-success/20 hover:text-success border border-success transition-all duration-300 ease-in-out"
         };
       case "stop":
         return {
           icon: fill ? ri.RiStopFill : ri.RiStopLine,
-          label: t.stop,
+          label: "Stop",
           className: "bg-danger/10 text-danger hover:bg-danger/20 hover:text-danger border border-danger transition-all duration-300 ease-in-out"
         };
       case "restart":
         return {
           icon: fill ? ri.RiRestartFill : ri.RiRestartLine,
-          label: t.restart,
+          label: "Restart",
           className: "bg-orange/10  text-orange hover:bg-orange/20 hover:text-orange-700 border border-orange/30 transition-all duration-300 ease-in-out"
         };
       case "pause":
         return {
           icon: fill ? ri.RiPauseFill : ri.RiPauseLine,
-          label: t.pause,
+          label: "Pause",
           className: "bg-amber/10 text-amber hover:bg-amber/20 hover:text-amber border border-amber transition-all duration-300 ease-in-out"
         };
       case "clone":
         return {
           icon: fill ? ri.RiFileCopyFill : ri.RiFileCopyLine,
-          label: t.clone,
+          label: "Clone",
           className: "bg-indigo/10  text-indigo hover:bg-indigo/20 hover:text-indigo-700 border border-indigo-200 transition-all duration-300 ease-in-out"
         };
       default: