@gamecp/ui 0.1.44 → 0.1.46

package/dist/index.js

@@ -16,19 +16,19 @@ var Link__default = /*#__PURE__*/_interopDefault(Link);
 
 // src/Badge.tsx
 var badgeVariants = {
-  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",
+  default: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+  primary: "badge-primary",
+  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+  success: "status-running-badge",
+  warning: "status-starting-badge",
+  error: "status-error-badge",
+  info: "bg-muted text-muted-foreground",
+  gray: "bg-muted text-muted-foreground",
   purple: "badge-purple",
   pink: "badge-pink",
   indigo: "badge-indigo",
-  yellow: "status-starting-badge border-transparent",
-  orange: "status-restarting-badge border-transparent",
+  yellow: "status-starting-badge",
+  orange: "status-restarting-badge",
   teal: "badge-teal",
   cyan: "badge-cyan",
   lime: "badge-lime",
@@ -37,7 +37,7 @@ var badgeVariants = {
   sky: "badge-sky",
   violet: "badge-violet",
   fuchsia: "badge-fuchsia",
-  amber: "status-starting-badge border-transparent"
+  amber: "status-starting-badge"
 };
 var badgeSizes = {
   sm: "px-2 py-0.5 text-xs",
@@ -51,7 +51,7 @@ function Badge({
   className = "",
   customColors
 }) {
-  const baseClasses = "inline-flex items-center font-medium rounded-full border";
+  const baseClasses = "inline-flex items-center font-medium rounded-full";
   const variantClasses5 = variant === "custom" ? "" : badgeVariants[variant];
   const sizeClasses5 = badgeSizes[size];
   const customStyles = variant === "custom" && customColors ? {
@@ -948,9 +948,12 @@ function ConfirmDialog({ isOpen, options, onConfirm, onCancel }) {
         return "primary";
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Modal, { isOpen, onClose: onCancel, title, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground", children: message }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 justify-end", children: [
+  const isDanger = confirmButtonColor === "danger";
+  return /* @__PURE__ */ jsxRuntime.jsx(Modal, { isOpen, onClose: onCancel, title: "", className: "max-w-md", footer: null, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center py-4 px-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 ${isDanger ? "bg-danger/10" : "bg-info/10"}`, children: /* @__PURE__ */ jsxRuntime.jsx(ri.RiErrorWarningLine, { className: `w-6 h-6 ${isDanger ? "text-danger" : "text-info"}` }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mb-6", children: message }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 w-full justify-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Button_default, { variant: "secondary", onClick: onCancel, children: cancelText }),
       /* @__PURE__ */ jsxRuntime.jsx(Button_default, { variant: getConfirmVariant(), onClick: onConfirm, autoFocus: true, children: confirmText })
     ] })
@@ -4130,8 +4133,10 @@ function SidebarNavItem({
 }) {
   const pathname = navigation.usePathname();
   const isActive = active !== void 0 ? active : exact ? pathname === href : pathname === href || pathname?.startsWith(`${href}/`);
-  const commonClasses = `group flex items-center gap-0 overflow-hidden rounded-md px-3 py-2 text-sm font-medium outline-hidden ring-sidebar-ring transition-all duration-300 focus-visible:ring-2 ${disabled ? "pointer-events-none opacity-35 cursor-not-allowed" : ""} ${isActive ? "bg-primary/15 backdrop-blur-md border border-primary/30 text-primary shadow-[0_0_12px_-3px_hsl(var(--primary)/0.2)] hover:bg-primary/20 hover:border-primary/50 hover:shadow-[0_0_16px_-2px_hsl(var(--primary)/0.3)]" : "border border-transparent text-sidebar-foreground hover:bg-sidebar-accent/50 hover:backdrop-blur-sm hover:border-sidebar-foreground/10 hover:text-sidebar-accent-foreground active:bg-sidebar-accent"} ${className}`;
-  const iconClasses = `mr-3 h-5 w-5 shrink-0 transition-all duration-300 ease-in-out${isActive ? " text-primary" : ""}`;
+  const dataProps = {
+    "data-active": String(isActive),
+    "data-disabled": String(disabled)
+  };
   if (disabled) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -4139,16 +4144,11 @@ function SidebarNavItem({
         "data-tooltip-id": "global-tooltip",
         "data-tooltip-content": title || "Not available",
         "aria-disabled": "true",
-        className: commonClasses,
+        className: `nav-item ${className}`,
+        ...dataProps,
         children: [
-          Icon && /* @__PURE__ */ jsxRuntime.jsx(
-            Icon,
-            {
-              className: iconClasses,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+          Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "nav-item-icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-item-label", children })
         ]
       }
     );
@@ -4162,16 +4162,11 @@ function SidebarNavItem({
         "data-tooltip-id": title ? "global-tooltip" : void 0,
         "data-tooltip-content": title,
         "aria-current": isActive ? "page" : void 0,
-        className: `w-full text-left ${commonClasses}`,
+        className: `nav-item w-full text-left ${className}`,
+        ...dataProps,
         children: [
-          Icon && /* @__PURE__ */ jsxRuntime.jsx(
-            Icon,
-            {
-              className: iconClasses,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+          Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "nav-item-icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-item-label", children })
         ]
       }
     );
@@ -4183,16 +4178,11 @@ function SidebarNavItem({
       onClick,
       "data-tooltip-id": title ? "global-tooltip" : void 0,
       "data-tooltip-content": title,
-      className: commonClasses,
+      className: `nav-item ${className}`,
+      ...dataProps,
       children: [
-        Icon && /* @__PURE__ */ jsxRuntime.jsx(
-          Icon,
-          {
-            className: iconClasses,
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+        Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "nav-item-icon", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-item-label", children })
       ]
     }
   );