@deriv-com/trading-game-design-system 0.2.11 → 0.2.12
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.cjs +50 -74
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +50 -74
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/styles.css +87 -85
package/dist/index.d.cts
CHANGED
|
@@ -64,7 +64,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
|
|
|
64
64
|
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
65
65
|
|
|
66
66
|
declare const badgeVariants: (props?: ({
|
|
67
|
-
variant?: "fill" | "link" | "default" | "
|
|
67
|
+
variant?: "fill" | "link" | "default" | "secondary" | "fill-amber" | "fill-purple" | "fill-success" | "fill-fail" | "ghost" | null | undefined;
|
|
68
68
|
size?: "default" | "lg" | "md" | null | undefined;
|
|
69
69
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
70
70
|
declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
@@ -424,8 +424,8 @@ type PaginationLinkProps = {
|
|
|
424
424
|
isActive?: boolean;
|
|
425
425
|
} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
|
|
426
426
|
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
427
|
-
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<
|
|
428
|
-
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<
|
|
427
|
+
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
428
|
+
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
429
429
|
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
430
430
|
|
|
431
431
|
declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -64,7 +64,7 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
|
|
|
64
64
|
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
65
65
|
|
|
66
66
|
declare const badgeVariants: (props?: ({
|
|
67
|
-
variant?: "fill" | "link" | "default" | "
|
|
67
|
+
variant?: "fill" | "link" | "default" | "secondary" | "fill-amber" | "fill-purple" | "fill-success" | "fill-fail" | "ghost" | null | undefined;
|
|
68
68
|
size?: "default" | "lg" | "md" | null | undefined;
|
|
69
69
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
70
70
|
declare function Badge({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
@@ -424,8 +424,8 @@ type PaginationLinkProps = {
|
|
|
424
424
|
isActive?: boolean;
|
|
425
425
|
} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
|
|
426
426
|
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
427
|
-
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<
|
|
428
|
-
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<
|
|
427
|
+
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
428
|
+
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<"a">): react_jsx_runtime.JSX.Element;
|
|
429
429
|
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
430
430
|
|
|
431
431
|
declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -109,7 +109,7 @@ function AccordionContent(_a) {
|
|
|
109
109
|
import { cva } from "class-variance-authority";
|
|
110
110
|
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
111
111
|
var alertVariants = cva(
|
|
112
|
-
"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-
|
|
112
|
+
"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-sm border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
113
113
|
{
|
|
114
114
|
variants: {
|
|
115
115
|
variant: {
|
|
@@ -188,15 +188,15 @@ var buttonVariants = cva2(
|
|
|
188
188
|
tertiary: "bg-transparent text-primary hover:underline underline-offset-4"
|
|
189
189
|
},
|
|
190
190
|
size: {
|
|
191
|
-
lg: "h-12 gap-3 rounded-
|
|
192
|
-
md: "h-10 gap-2 rounded-
|
|
193
|
-
sm: "h-8 gap-1 rounded-
|
|
194
|
-
xs: "h-6 gap-1 rounded-
|
|
195
|
-
icon: "size-12 rounded-
|
|
196
|
-
"icon-lg": "size-12 rounded-
|
|
197
|
-
"icon-md": "size-10 rounded-
|
|
198
|
-
"icon-sm": "size-7 rounded-
|
|
199
|
-
"icon-xs": "size-6 rounded-
|
|
191
|
+
lg: "h-12 gap-3 rounded-sm px-6 py-[14px] text-sm [&_svg:not([class*='size-'])]:size-4",
|
|
192
|
+
md: "h-10 gap-2 rounded-xs px-4 py-3 text-sm [&_svg:not([class*='size-'])]:size-4",
|
|
193
|
+
sm: "h-8 gap-1 rounded-xs px-3 py-2 text-xs [&_svg:not([class*='size-'])]:size-[14px]",
|
|
194
|
+
xs: "h-6 gap-1 rounded-xs px-2 py-1.5 text-xs [&_svg:not([class*='size-'])]:size-3",
|
|
195
|
+
icon: "size-12 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
196
|
+
"icon-lg": "size-12 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
197
|
+
"icon-md": "size-10 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
198
|
+
"icon-sm": "size-7 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
199
|
+
"icon-xs": "size-6 rounded-sm [&_svg:not([class*='size-'])]:size-3"
|
|
200
200
|
}
|
|
201
201
|
},
|
|
202
202
|
defaultVariants: {
|
|
@@ -258,7 +258,7 @@ function AlertDialogOverlay(_a) {
|
|
|
258
258
|
__spreadValues({
|
|
259
259
|
"data-slot": "alert-dialog-overlay",
|
|
260
260
|
className: cn(
|
|
261
|
-
"fixed inset-0 z-50 bg-
|
|
261
|
+
"fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
262
262
|
className
|
|
263
263
|
)
|
|
264
264
|
}, props)
|
|
@@ -280,7 +280,7 @@ function AlertDialogContent(_a) {
|
|
|
280
280
|
"data-slot": "alert-dialog-content",
|
|
281
281
|
"data-size": size,
|
|
282
282
|
className: cn(
|
|
283
|
-
"group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-
|
|
283
|
+
"group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-sm border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-lg",
|
|
284
284
|
className
|
|
285
285
|
)
|
|
286
286
|
}, props)
|
|
@@ -526,12 +526,12 @@ var badgeVariants = cva3(
|
|
|
526
526
|
variant: {
|
|
527
527
|
default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
528
528
|
secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
529
|
-
|
|
530
|
-
fill: "bg-
|
|
531
|
-
"fill-
|
|
532
|
-
"fill-
|
|
533
|
-
"fill-
|
|
534
|
-
ghost: "bg-transparent border-transparent text-
|
|
529
|
+
fill: "bg-primary/10 border-transparent text-primary",
|
|
530
|
+
"fill-amber": "bg-secondary-hover/10 border-transparent text-secondary-hover",
|
|
531
|
+
"fill-purple": "bg-badge-rank/10 border-transparent text-badge-rank",
|
|
532
|
+
"fill-success": "bg-semantic-win/10 border-transparent text-semantic-win",
|
|
533
|
+
"fill-fail": "bg-semantic-loss/10 border-transparent text-semantic-loss",
|
|
534
|
+
ghost: "bg-transparent border-transparent text-primary [a&]:hover:bg-primary/10 [a&]:hover:text-primary",
|
|
535
535
|
link: "text-primary underline-offset-4 [a&]:hover:underline"
|
|
536
536
|
},
|
|
537
537
|
size: {
|
|
@@ -880,7 +880,7 @@ function Card(_a) {
|
|
|
880
880
|
__spreadValues({
|
|
881
881
|
"data-slot": "card",
|
|
882
882
|
className: cn(
|
|
883
|
-
"flex flex-col gap-6 rounded-
|
|
883
|
+
"flex flex-col gap-6 rounded-sm border bg-card py-6 text-card-foreground shadow-sm",
|
|
884
884
|
className
|
|
885
885
|
)
|
|
886
886
|
}, props)
|
|
@@ -1111,7 +1111,7 @@ function CarouselPrevious(_a) {
|
|
|
1111
1111
|
variant,
|
|
1112
1112
|
size,
|
|
1113
1113
|
className: cn(
|
|
1114
|
-
"absolute rounded-
|
|
1114
|
+
"absolute rounded-sm",
|
|
1115
1115
|
orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
1116
1116
|
className
|
|
1117
1117
|
),
|
|
@@ -1143,7 +1143,7 @@ function CarouselNext(_a) {
|
|
|
1143
1143
|
variant,
|
|
1144
1144
|
size,
|
|
1145
1145
|
className: cn(
|
|
1146
|
-
"absolute rounded-
|
|
1146
|
+
"absolute rounded-sm",
|
|
1147
1147
|
orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
1148
1148
|
className
|
|
1149
1149
|
),
|
|
@@ -1475,8 +1475,8 @@ function Input(_a) {
|
|
|
1475
1475
|
type,
|
|
1476
1476
|
"data-slot": "input",
|
|
1477
1477
|
className: cn(
|
|
1478
|
-
"h-9 w-full min-w-0 rounded-
|
|
1479
|
-
"focus-visible:border-
|
|
1478
|
+
"h-9 w-full min-w-0 rounded-sm border border-border bg-white/5 px-3 py-1 text-base text-foreground font-body shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-tertiary disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
1479
|
+
"focus-visible:border-primary/40 focus-visible:ring-[3px] focus-visible:ring-primary/[0.08]",
|
|
1480
1480
|
"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
|
|
1481
1481
|
className
|
|
1482
1482
|
)
|
|
@@ -1493,7 +1493,7 @@ function Textarea(_a) {
|
|
|
1493
1493
|
__spreadValues({
|
|
1494
1494
|
"data-slot": "textarea",
|
|
1495
1495
|
className: cn(
|
|
1496
|
-
"flex field-sizing-content min-h-16 w-full rounded-
|
|
1496
|
+
"flex field-sizing-content min-h-16 w-full rounded-sm border border-border bg-white/5 px-3 py-2 text-base text-foreground font-body shadow-xs transition-[color,box-shadow] outline-none placeholder:text-text-tertiary focus-visible:border-primary/40 focus-visible:ring-[3px] focus-visible:ring-primary/[0.08] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:ring-destructive/40",
|
|
1497
1497
|
className
|
|
1498
1498
|
)
|
|
1499
1499
|
}, props)
|
|
@@ -1510,7 +1510,7 @@ function InputGroup(_a) {
|
|
|
1510
1510
|
"data-slot": "input-group",
|
|
1511
1511
|
role: "group",
|
|
1512
1512
|
className: cn(
|
|
1513
|
-
"group/input-group relative flex w-full items-center rounded-
|
|
1513
|
+
"group/input-group relative flex w-full items-center rounded-sm border border-border bg-white/5 shadow-xs transition-[color,box-shadow] outline-none",
|
|
1514
1514
|
"h-9 min-w-0 has-[>textarea]:h-auto",
|
|
1515
1515
|
// Variants based on alignment.
|
|
1516
1516
|
"has-[>[data-align=inline-start]]:[&>input]:pl-2",
|
|
@@ -1518,7 +1518,7 @@ function InputGroup(_a) {
|
|
|
1518
1518
|
"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
|
|
1519
1519
|
"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
|
|
1520
1520
|
// Focus state.
|
|
1521
|
-
"has-[[data-slot=input-group-control]:focus-visible]:border-
|
|
1521
|
+
"has-[[data-slot=input-group-control]:focus-visible]:border-primary/40 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-primary/[0.08]",
|
|
1522
1522
|
// Error state.
|
|
1523
1523
|
"has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
|
|
1524
1524
|
className
|
|
@@ -1769,7 +1769,7 @@ function ComboboxContent(_a) {
|
|
|
1769
1769
|
"data-slot": "combobox-content",
|
|
1770
1770
|
"data-chips": !!anchor,
|
|
1771
1771
|
className: cn(
|
|
1772
|
-
"group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-
|
|
1772
|
+
"group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-border duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
1773
1773
|
className
|
|
1774
1774
|
)
|
|
1775
1775
|
}, props)
|
|
@@ -1985,7 +1985,7 @@ function DialogOverlay(_a) {
|
|
|
1985
1985
|
__spreadValues({
|
|
1986
1986
|
"data-slot": "dialog-overlay",
|
|
1987
1987
|
className: cn(
|
|
1988
|
-
"fixed inset-0 z-50 bg-
|
|
1988
|
+
"fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
1989
1989
|
className
|
|
1990
1990
|
)
|
|
1991
1991
|
}, props)
|
|
@@ -2008,7 +2008,7 @@ function DialogContent(_a) {
|
|
|
2008
2008
|
__spreadProps(__spreadValues({
|
|
2009
2009
|
"data-slot": "dialog-content",
|
|
2010
2010
|
className: cn(
|
|
2011
|
-
"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-
|
|
2011
|
+
"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-sm border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
|
|
2012
2012
|
className
|
|
2013
2013
|
)
|
|
2014
2014
|
}, props), {
|
|
@@ -2076,7 +2076,7 @@ function DialogTitle(_a) {
|
|
|
2076
2076
|
DialogPrimitive.Title,
|
|
2077
2077
|
__spreadValues({
|
|
2078
2078
|
"data-slot": "dialog-title",
|
|
2079
|
-
className: cn("text-lg leading-none font-semibold", className)
|
|
2079
|
+
className: cn("text-lg leading-none font-semibold font-display", className)
|
|
2080
2080
|
}, props)
|
|
2081
2081
|
);
|
|
2082
2082
|
}
|
|
@@ -2108,7 +2108,7 @@ function Command(_a) {
|
|
|
2108
2108
|
__spreadValues({
|
|
2109
2109
|
"data-slot": "command",
|
|
2110
2110
|
className: cn(
|
|
2111
|
-
"flex h-full w-full flex-col overflow-hidden rounded-
|
|
2111
|
+
"flex h-full w-full flex-col overflow-hidden rounded-sm bg-popover text-popover-foreground",
|
|
2112
2112
|
className
|
|
2113
2113
|
)
|
|
2114
2114
|
}, props)
|
|
@@ -2525,7 +2525,7 @@ function DrawerOverlay(_a) {
|
|
|
2525
2525
|
__spreadValues({
|
|
2526
2526
|
"data-slot": "drawer-overlay",
|
|
2527
2527
|
className: cn(
|
|
2528
|
-
"fixed inset-0 z-50 bg-
|
|
2528
|
+
"fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
2529
2529
|
className
|
|
2530
2530
|
)
|
|
2531
2531
|
}, props)
|
|
@@ -2595,7 +2595,7 @@ function DrawerTitle(_a) {
|
|
|
2595
2595
|
DrawerPrimitive.Title,
|
|
2596
2596
|
__spreadValues({
|
|
2597
2597
|
"data-slot": "drawer-title",
|
|
2598
|
-
className: cn("font-semibold text-foreground", className)
|
|
2598
|
+
className: cn("font-semibold font-display text-foreground", className)
|
|
2599
2599
|
}, props)
|
|
2600
2600
|
);
|
|
2601
2601
|
}
|
|
@@ -2649,7 +2649,7 @@ function DropdownMenuContent(_a) {
|
|
|
2649
2649
|
"data-slot": "dropdown-menu-content",
|
|
2650
2650
|
sideOffset,
|
|
2651
2651
|
className: cn(
|
|
2652
|
-
"z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-
|
|
2652
|
+
"z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
2653
2653
|
className
|
|
2654
2654
|
)
|
|
2655
2655
|
}, props)
|
|
@@ -2835,7 +2835,7 @@ function DropdownMenuSubContent(_a) {
|
|
|
2835
2835
|
__spreadValues({
|
|
2836
2836
|
"data-slot": "dropdown-menu-sub-content",
|
|
2837
2837
|
className: cn(
|
|
2838
|
-
"z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-
|
|
2838
|
+
"z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-sm border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
2839
2839
|
className
|
|
2840
2840
|
)
|
|
2841
2841
|
}, props)
|
|
@@ -2852,7 +2852,7 @@ function Empty(_a) {
|
|
|
2852
2852
|
__spreadValues({
|
|
2853
2853
|
"data-slot": "empty",
|
|
2854
2854
|
className: cn(
|
|
2855
|
-
"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-
|
|
2855
|
+
"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-sm border-dashed p-6 text-center text-balance md:p-12",
|
|
2856
2856
|
className
|
|
2857
2857
|
)
|
|
2858
2858
|
}, props)
|
|
@@ -3417,7 +3417,7 @@ function InputOTPSlot(_a) {
|
|
|
3417
3417
|
"data-slot": "input-otp-slot",
|
|
3418
3418
|
"data-active": isActive,
|
|
3419
3419
|
className: cn(
|
|
3420
|
-
"relative flex h-9 w-9 items-center justify-center border
|
|
3420
|
+
"relative flex h-9 w-9 items-center justify-center border border-border bg-white/5 text-sm font-body text-foreground shadow-xs transition-[color,box-shadow] outline-none first:rounded-l-sm last:rounded-r-sm aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 data-[active=true]:z-10 data-[active=true]:border-primary/40 data-[active=true]:ring-[3px] data-[active=true]:ring-primary/[0.08] data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40",
|
|
3421
3421
|
className
|
|
3422
3422
|
)
|
|
3423
3423
|
}, props), {
|
|
@@ -4173,7 +4173,7 @@ function PaginationLink(_a) {
|
|
|
4173
4173
|
var _b = _a, {
|
|
4174
4174
|
className,
|
|
4175
4175
|
isActive,
|
|
4176
|
-
size = "icon"
|
|
4176
|
+
size = "icon-md"
|
|
4177
4177
|
} = _b, props = __objRest(_b, [
|
|
4178
4178
|
"className",
|
|
4179
4179
|
"isActive",
|
|
@@ -4201,19 +4201,7 @@ function PaginationPrevious(_a) {
|
|
|
4201
4201
|
} = _b, props = __objRest(_b, [
|
|
4202
4202
|
"className"
|
|
4203
4203
|
]);
|
|
4204
|
-
return /* @__PURE__ */
|
|
4205
|
-
PaginationLink,
|
|
4206
|
-
__spreadProps(__spreadValues({
|
|
4207
|
-
"aria-label": "Go to previous page",
|
|
4208
|
-
size: "md",
|
|
4209
|
-
className: cn("gap-1 px-2.5 sm:pl-2.5", className)
|
|
4210
|
-
}, props), {
|
|
4211
|
-
children: [
|
|
4212
|
-
/* @__PURE__ */ jsx37(ChevronLeftIcon2, {}),
|
|
4213
|
-
/* @__PURE__ */ jsx37("span", { className: "hidden sm:block", children: "Previous" })
|
|
4214
|
-
]
|
|
4215
|
-
})
|
|
4216
|
-
);
|
|
4204
|
+
return /* @__PURE__ */ jsx37(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx37("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx37(ChevronLeftIcon2, { className: "size-5" }) })) });
|
|
4217
4205
|
}
|
|
4218
4206
|
function PaginationNext(_a) {
|
|
4219
4207
|
var _b = _a, {
|
|
@@ -4221,19 +4209,7 @@ function PaginationNext(_a) {
|
|
|
4221
4209
|
} = _b, props = __objRest(_b, [
|
|
4222
4210
|
"className"
|
|
4223
4211
|
]);
|
|
4224
|
-
return /* @__PURE__ */
|
|
4225
|
-
PaginationLink,
|
|
4226
|
-
__spreadProps(__spreadValues({
|
|
4227
|
-
"aria-label": "Go to next page",
|
|
4228
|
-
size: "md",
|
|
4229
|
-
className: cn("gap-1 px-2.5 sm:pr-2.5", className)
|
|
4230
|
-
}, props), {
|
|
4231
|
-
children: [
|
|
4232
|
-
/* @__PURE__ */ jsx37("span", { className: "hidden sm:block", children: "Next" }),
|
|
4233
|
-
/* @__PURE__ */ jsx37(ChevronRightIcon5, {})
|
|
4234
|
-
]
|
|
4235
|
-
})
|
|
4236
|
-
);
|
|
4212
|
+
return /* @__PURE__ */ jsx37(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx37("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx37(ChevronRightIcon5, { className: "size-5" }) })) });
|
|
4237
4213
|
}
|
|
4238
4214
|
function PaginationEllipsis(_a) {
|
|
4239
4215
|
var _b = _a, {
|
|
@@ -4246,7 +4222,7 @@ function PaginationEllipsis(_a) {
|
|
|
4246
4222
|
__spreadProps(__spreadValues({
|
|
4247
4223
|
"aria-hidden": true,
|
|
4248
4224
|
"data-slot": "pagination-ellipsis",
|
|
4249
|
-
className: cn("flex size-
|
|
4225
|
+
className: cn("flex size-10 items-center justify-center", className)
|
|
4250
4226
|
}, props), {
|
|
4251
4227
|
children: [
|
|
4252
4228
|
/* @__PURE__ */ jsx37(MoreHorizontalIcon, { className: "size-4" }),
|
|
@@ -4345,7 +4321,7 @@ function Progress(_a) {
|
|
|
4345
4321
|
__spreadProps(__spreadValues({
|
|
4346
4322
|
"data-slot": "progress",
|
|
4347
4323
|
className: cn(
|
|
4348
|
-
"relative h-2 w-full overflow-hidden rounded-
|
|
4324
|
+
"relative h-2 w-full overflow-hidden rounded-2xs bg-primary/20",
|
|
4349
4325
|
className
|
|
4350
4326
|
)
|
|
4351
4327
|
}, props), {
|
|
@@ -4548,7 +4524,7 @@ function SelectTrigger(_a) {
|
|
|
4548
4524
|
"data-slot": "select-trigger",
|
|
4549
4525
|
"data-size": size,
|
|
4550
4526
|
className: cn(
|
|
4551
|
-
"flex w-fit items-center justify-between gap-2 rounded-
|
|
4527
|
+
"flex w-fit items-center justify-between gap-2 rounded-sm border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
|
|
4552
4528
|
className
|
|
4553
4529
|
)
|
|
4554
4530
|
}, props), {
|
|
@@ -4576,7 +4552,7 @@ function SelectContent(_a) {
|
|
|
4576
4552
|
__spreadProps(__spreadValues({
|
|
4577
4553
|
"data-slot": "select-content",
|
|
4578
4554
|
className: cn(
|
|
4579
|
-
"relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-
|
|
4555
|
+
"relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-sm border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
4580
4556
|
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
4581
4557
|
className
|
|
4582
4558
|
),
|
|
@@ -4729,7 +4705,7 @@ function SheetOverlay(_a) {
|
|
|
4729
4705
|
__spreadValues({
|
|
4730
4706
|
"data-slot": "sheet-overlay",
|
|
4731
4707
|
className: cn(
|
|
4732
|
-
"fixed inset-0 z-50 bg-
|
|
4708
|
+
"fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
4733
4709
|
className
|
|
4734
4710
|
)
|
|
4735
4711
|
}, props)
|
|
@@ -5335,7 +5311,7 @@ var sidebarMenuButtonVariants = cva9(
|
|
|
5335
5311
|
variants: {
|
|
5336
5312
|
variant: {
|
|
5337
5313
|
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
5338
|
-
outline: "bg-background
|
|
5314
|
+
outline: "bg-background ring-1 ring-sidebar-border hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:ring-sidebar-accent"
|
|
5339
5315
|
},
|
|
5340
5316
|
size: {
|
|
5341
5317
|
default: "h-8 text-sm",
|
|
@@ -5610,7 +5586,7 @@ function Slider(_a) {
|
|
|
5610
5586
|
SliderPrimitive.Thumb,
|
|
5611
5587
|
{
|
|
5612
5588
|
"data-slot": "slider-thumb",
|
|
5613
|
-
className: "block size-4 shrink-0 rounded-full border border-primary bg-
|
|
5589
|
+
className: "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
|
5614
5590
|
},
|
|
5615
5591
|
index
|
|
5616
5592
|
))
|
|
@@ -5665,7 +5641,7 @@ function Spinner(_a) {
|
|
|
5665
5641
|
__spreadValues({
|
|
5666
5642
|
role: "status",
|
|
5667
5643
|
"aria-label": "Loading",
|
|
5668
|
-
className: cn("size-4 animate-spin", className)
|
|
5644
|
+
className: cn("size-4 animate-spin text-primary", className)
|
|
5669
5645
|
}, props)
|
|
5670
5646
|
);
|
|
5671
5647
|
}
|
|
@@ -5687,7 +5663,7 @@ function Switch(_a) {
|
|
|
5687
5663
|
"data-slot": "switch",
|
|
5688
5664
|
"data-size": size,
|
|
5689
5665
|
className: cn(
|
|
5690
|
-
"peer group/switch inline-flex shrink-0 items-center rounded-
|
|
5666
|
+
"peer group/switch inline-flex shrink-0 items-center rounded-xs border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
|
|
5691
5667
|
className
|
|
5692
5668
|
)
|
|
5693
5669
|
}, props), {
|
|
@@ -5696,7 +5672,7 @@ function Switch(_a) {
|
|
|
5696
5672
|
{
|
|
5697
5673
|
"data-slot": "switch-thumb",
|
|
5698
5674
|
className: cn(
|
|
5699
|
-
"pointer-events-none block rounded-
|
|
5675
|
+
"pointer-events-none block rounded-2xs bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground"
|
|
5700
5676
|
)
|
|
5701
5677
|
}
|
|
5702
5678
|
)
|