@gamecp/ui 0.1.39 → 0.1.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +3 -21
- package/dist/index.d.ts +3 -21
- package/dist/index.js +9 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -18
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -280,6 +280,8 @@ function Card({
|
|
|
280
280
|
case "restarting":
|
|
281
281
|
case "updating":
|
|
282
282
|
return { border: "bg-orange", bg: "bg-orange/10" };
|
|
283
|
+
case "terminating":
|
|
284
|
+
return { border: "bg-destructive", bg: "bg-danger/10" };
|
|
283
285
|
case "unknown":
|
|
284
286
|
return { border: "bg-muted-foreground/30", bg: "bg-muted/10" };
|
|
285
287
|
default:
|
|
@@ -1053,8 +1055,8 @@ function DropdownItem({
|
|
|
1053
1055
|
flex items-start gap-3 border-b border-border/30 last:border-b-0
|
|
1054
1056
|
${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
|
|
1055
1057
|
${selected && !multiple ? "bg-primary text-primary-foreground" : variantClasses5[variant]}
|
|
1056
|
-
${focused && !selected ? "bg-muted/70 ring-
|
|
1057
|
-
${focused && selected ? "brightness-110 ring-
|
|
1058
|
+
${focused && !selected ? "bg-muted/70 ring-1 ring-primary/50 ring-inset" : ""}
|
|
1059
|
+
${focused && selected ? "brightness-110 ring-1 ring-primary-foreground/30" : ""}
|
|
1058
1060
|
`;
|
|
1059
1061
|
return /* @__PURE__ */ jsxs(
|
|
1060
1062
|
"button",
|
|
@@ -4107,12 +4109,6 @@ var Link2 = forwardRef(
|
|
|
4107
4109
|
);
|
|
4108
4110
|
Link2.displayName = "Link";
|
|
4109
4111
|
var Link_default = Link2;
|
|
4110
|
-
function getSidebarNavItemClasses(isActive, className = "") {
|
|
4111
|
-
return `group flex items-center gap-0 overflow-hidden rounded-md px-3 py-2 text-sm font-medium outline-hidden ring-sidebar-ring transition-[width,height,padding,background-color,color] duration-300 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 ${isActive ? "bg-primary text-primary-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"} ${className}`;
|
|
4112
|
-
}
|
|
4113
|
-
function getSidebarNavIconClasses(isActive = false) {
|
|
4114
|
-
return `mr-3 h-5 w-5 shrink-0 transition-all duration-300 ease-in-out${isActive ? " text-primary-foreground" : ""}`;
|
|
4115
|
-
}
|
|
4116
4112
|
function SidebarNavItem({
|
|
4117
4113
|
href,
|
|
4118
4114
|
icon: Icon,
|
|
@@ -4122,15 +4118,12 @@ function SidebarNavItem({
|
|
|
4122
4118
|
title,
|
|
4123
4119
|
exact = false,
|
|
4124
4120
|
onClick,
|
|
4125
|
-
isButton = false
|
|
4126
|
-
LinkComponent,
|
|
4127
|
-
pathname: externalPathname
|
|
4121
|
+
isButton = false
|
|
4128
4122
|
}) {
|
|
4129
|
-
const
|
|
4130
|
-
const pathname = externalPathname ?? nextPathname;
|
|
4123
|
+
const pathname = usePathname();
|
|
4131
4124
|
const isActive = active !== void 0 ? active : exact ? pathname === href : pathname === href || pathname?.startsWith(`${href}/`);
|
|
4132
|
-
const commonClasses =
|
|
4133
|
-
const iconClasses =
|
|
4125
|
+
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 disabled:opacity-50 ${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}`;
|
|
4126
|
+
const iconClasses = `mr-3 h-5 w-5 shrink-0 transition-all duration-300 ease-in-out${isActive ? " text-primary" : ""}`;
|
|
4134
4127
|
if (isButton) {
|
|
4135
4128
|
return /* @__PURE__ */ jsxs(
|
|
4136
4129
|
"button",
|
|
@@ -4153,9 +4146,8 @@ function SidebarNavItem({
|
|
|
4153
4146
|
}
|
|
4154
4147
|
);
|
|
4155
4148
|
}
|
|
4156
|
-
const LinkEl = LinkComponent || Link;
|
|
4157
4149
|
return /* @__PURE__ */ jsxs(
|
|
4158
|
-
|
|
4150
|
+
Link,
|
|
4159
4151
|
{
|
|
4160
4152
|
href,
|
|
4161
4153
|
onClick,
|
|
@@ -5472,6 +5464,6 @@ function ViewToggle({
|
|
|
5472
5464
|
// src/index.ts
|
|
5473
5465
|
var VERSION = "0.1.35";
|
|
5474
5466
|
|
|
5475
|
-
export { ActionButton, Badge, Button_default as Button, Card, ConfirmDialog_default as ConfirmDialog, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState_default as EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link_default as Link, LoadingSpinner_default as LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner_default as Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice,
|
|
5467
|
+
export { ActionButton, Badge, Button_default as Button, Card, ConfirmDialog_default as ConfirmDialog, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState_default as EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link_default as Link, LoadingSpinner_default as LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner_default as Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, useConfirmDialog };
|
|
5476
5468
|
//# sourceMappingURL=index.mjs.map
|
|
5477
5469
|
//# sourceMappingURL=index.mjs.map
|