@gamecp/ui 0.1.23 → 0.1.25

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { ButtonHTMLAttributes, ReactNode, AnchorHTMLAttributes } from 'react';
 import { IconType } from 'react-icons';
 
-type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'gray' | 'purple' | 'pink' | 'indigo' | 'amber' | 'orange' | 'teal' | 'cyan' | 'lime' | 'emerald' | 'rose' | 'sky' | 'violet' | 'fuchsia' | 'custom';
+type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'gray' | 'purple' | 'pink' | 'indigo' | 'amber' | 'orange' | 'yellow' | 'teal' | 'cyan' | 'lime' | 'emerald' | 'rose' | 'sky' | 'violet' | 'fuchsia' | 'custom';
 type BadgeSize = 'sm' | 'md' | 'lg';
 interface BadgeProps {
     children: React__default.ReactNode;
@@ -18,8 +18,8 @@ interface BadgeProps {
 }
 declare function Badge({ children, variant, size, className, customColors, }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'danger' | 'ghost' | 'link' | 'outline';
-type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'ghost' | 'link';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { ButtonHTMLAttributes, ReactNode, AnchorHTMLAttributes } from 'react';
 import { IconType } from 'react-icons';
 
-type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'gray' | 'purple' | 'pink' | 'indigo' | 'amber' | 'orange' | 'teal' | 'cyan' | 'lime' | 'emerald' | 'rose' | 'sky' | 'violet' | 'fuchsia' | 'custom';
+type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'gray' | 'purple' | 'pink' | 'indigo' | 'amber' | 'orange' | 'yellow' | 'teal' | 'cyan' | 'lime' | 'emerald' | 'rose' | 'sky' | 'violet' | 'fuchsia' | 'custom';
 type BadgeSize = 'sm' | 'md' | 'lg';
 interface BadgeProps {
     children: React__default.ReactNode;
@@ -18,8 +18,8 @@ interface BadgeProps {
 }
 declare function Badge({ children, variant, size, className, customColors, }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'danger' | 'ghost' | 'link' | 'outline';
-type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'ghost' | 'link';
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;

package/dist/index.js

@@ -15,27 +15,28 @@ var NextLink__default = /*#__PURE__*/_interopDefault(NextLink);
 
 // src/Badge.tsx
 var badgeVariants = {
-  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"
+  default: "bg-secondary text-secondary-foreground border-transparent hover:bg-secondary/80",
+  primary: "bg-primary text-primary-foreground border-transparent hover:bg-primary/80",
+  secondary: "bg-secondary text-secondary-foreground border-transparent hover:bg-secondary/80",
+  success: "status-running-badge border-transparent",
+  warning: "status-starting-badge border-transparent",
+  error: "status-error-badge border-transparent",
+  info: "bg-muted text-muted-foreground border-ring",
+  gray: "bg-muted text-muted-foreground border-border",
+  purple: "badge-purple",
+  pink: "badge-pink",
+  indigo: "badge-indigo",
+  yellow: "status-starting-badge border-transparent",
+  orange: "status-restarting-badge border-transparent",
+  teal: "badge-teal",
+  cyan: "badge-cyan",
+  lime: "badge-lime",
+  emerald: "badge-emerald",
+  rose: "badge-rose",
+  sky: "badge-sky",
+  violet: "badge-violet",
+  fuchsia: "badge-fuchsia",
+  amber: "status-starting-badge border-transparent"
 };
 var badgeSizes = {
   sm: "px-2 py-0.5 text-xs",
@@ -67,18 +68,19 @@ function Badge({
   );
 }
 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-danger-foreground hover:bg-danger/90 border-transparent",
+  primary: "btn-primary",
+  secondary: "btn-secondary",
+  danger: "btn-danger",
+  success: "action-btn-start",
+  warning: "action-btn-pause",
   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"
+  link: "bg-transparent text-primary underline-offset-4 hover:underline border-transparent p-0"
 };
 var sizeClasses = {
-  sm: "px-3 py-1.5 text-sm",
-  md: "px-4 py-2 text-sm",
-  lg: "px-6 py-3 text-base"
+  xs: "btn-xs px-2 py-1",
+  sm: "btn-sm px-3 py-1.5",
+  md: "btn-md px-4 py-2",
+  lg: "btn-lg px-6 py-3"
 };
 var Button = React4.forwardRef(
   ({
@@ -93,7 +95,7 @@ var Button = React4.forwardRef(
     children,
     ...props
   }, ref) => {
-    const baseClasses = "inline-flex items-center justify-center gap-2 font-medium rounded-md border transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
+    const baseClasses = "btn inline-flex items-center justify-center gap-2 font-medium rounded-md border transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
     const classes = [
       baseClasses,
       variantClasses[variant],
@@ -708,8 +710,8 @@ var ConfirmDialog_default = ConfirmDialog;
 var paddingClasses2 = {
   none: "",
   sm: "p-4",
-  md: "p-6",
-  lg: "p-8"
+  md: "p-4 lg:p-6",
+  lg: "p-4 lg:p-8"
 };
 function Container({
   children,