@deriv-com/trading-game-design-system 0.2.11 → 0.2.13
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.cjs
CHANGED
|
@@ -452,7 +452,7 @@ function AccordionContent(_a) {
|
|
|
452
452
|
var import_class_variance_authority = require("class-variance-authority");
|
|
453
453
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
454
454
|
var alertVariants = (0, import_class_variance_authority.cva)(
|
|
455
|
-
"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-
|
|
455
|
+
"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",
|
|
456
456
|
{
|
|
457
457
|
variants: {
|
|
458
458
|
variant: {
|
|
@@ -531,15 +531,15 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
|
|
|
531
531
|
tertiary: "bg-transparent text-primary hover:underline underline-offset-4"
|
|
532
532
|
},
|
|
533
533
|
size: {
|
|
534
|
-
lg: "h-12 gap-3 rounded-
|
|
535
|
-
md: "h-10 gap-2 rounded-
|
|
536
|
-
sm: "h-8 gap-1 rounded-
|
|
537
|
-
xs: "h-6 gap-1 rounded-
|
|
538
|
-
icon: "size-12 rounded-
|
|
539
|
-
"icon-lg": "size-12 rounded-
|
|
540
|
-
"icon-md": "size-10 rounded-
|
|
541
|
-
"icon-sm": "size-7 rounded-
|
|
542
|
-
"icon-xs": "size-6 rounded-
|
|
534
|
+
lg: "h-12 gap-3 rounded-sm px-6 py-[14px] text-sm [&_svg:not([class*='size-'])]:size-4",
|
|
535
|
+
md: "h-10 gap-2 rounded-xs px-4 py-3 text-sm [&_svg:not([class*='size-'])]:size-4",
|
|
536
|
+
sm: "h-8 gap-1 rounded-xs px-3 py-2 text-xs [&_svg:not([class*='size-'])]:size-[14px]",
|
|
537
|
+
xs: "h-6 gap-1 rounded-xs px-2 py-1.5 text-xs [&_svg:not([class*='size-'])]:size-3",
|
|
538
|
+
icon: "size-12 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
539
|
+
"icon-lg": "size-12 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
540
|
+
"icon-md": "size-10 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
541
|
+
"icon-sm": "size-7 rounded-sm [&_svg:not([class*='size-'])]:size-4",
|
|
542
|
+
"icon-xs": "size-6 rounded-sm [&_svg:not([class*='size-'])]:size-3"
|
|
543
543
|
}
|
|
544
544
|
},
|
|
545
545
|
defaultVariants: {
|
|
@@ -601,7 +601,7 @@ function AlertDialogOverlay(_a) {
|
|
|
601
601
|
__spreadValues({
|
|
602
602
|
"data-slot": "alert-dialog-overlay",
|
|
603
603
|
className: cn(
|
|
604
|
-
"fixed inset-0 z-50 bg-
|
|
604
|
+
"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",
|
|
605
605
|
className
|
|
606
606
|
)
|
|
607
607
|
}, props)
|
|
@@ -623,7 +623,7 @@ function AlertDialogContent(_a) {
|
|
|
623
623
|
"data-slot": "alert-dialog-content",
|
|
624
624
|
"data-size": size,
|
|
625
625
|
className: cn(
|
|
626
|
-
"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-
|
|
626
|
+
"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",
|
|
627
627
|
className
|
|
628
628
|
)
|
|
629
629
|
}, props)
|
|
@@ -869,12 +869,12 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
|
|
|
869
869
|
variant: {
|
|
870
870
|
default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
871
871
|
secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
872
|
-
|
|
873
|
-
fill: "bg-
|
|
874
|
-
"fill-
|
|
875
|
-
"fill-
|
|
876
|
-
"fill-
|
|
877
|
-
ghost: "bg-transparent border-transparent text-
|
|
872
|
+
fill: "bg-primary/10 border-transparent text-primary",
|
|
873
|
+
"fill-amber": "bg-secondary-hover/10 border-transparent text-secondary-hover",
|
|
874
|
+
"fill-purple": "bg-badge-rank/10 border-transparent text-badge-rank",
|
|
875
|
+
"fill-success": "bg-semantic-win/10 border-transparent text-semantic-win",
|
|
876
|
+
"fill-fail": "bg-semantic-loss/10 border-transparent text-semantic-loss",
|
|
877
|
+
ghost: "bg-transparent border-transparent text-primary [a&]:hover:bg-primary/10 [a&]:hover:text-primary",
|
|
878
878
|
link: "text-primary underline-offset-4 [a&]:hover:underline"
|
|
879
879
|
},
|
|
880
880
|
size: {
|
|
@@ -1216,7 +1216,7 @@ function Card(_a) {
|
|
|
1216
1216
|
__spreadValues({
|
|
1217
1217
|
"data-slot": "card",
|
|
1218
1218
|
className: cn(
|
|
1219
|
-
"flex flex-col gap-6 rounded-
|
|
1219
|
+
"flex flex-col gap-6 rounded-sm border bg-card py-6 text-card-foreground shadow-sm",
|
|
1220
1220
|
className
|
|
1221
1221
|
)
|
|
1222
1222
|
}, props)
|
|
@@ -1447,7 +1447,7 @@ function CarouselPrevious(_a) {
|
|
|
1447
1447
|
variant,
|
|
1448
1448
|
size,
|
|
1449
1449
|
className: cn(
|
|
1450
|
-
"absolute rounded-
|
|
1450
|
+
"absolute rounded-sm",
|
|
1451
1451
|
orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
1452
1452
|
className
|
|
1453
1453
|
),
|
|
@@ -1479,7 +1479,7 @@ function CarouselNext(_a) {
|
|
|
1479
1479
|
variant,
|
|
1480
1480
|
size,
|
|
1481
1481
|
className: cn(
|
|
1482
|
-
"absolute rounded-
|
|
1482
|
+
"absolute rounded-sm",
|
|
1483
1483
|
orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
1484
1484
|
className
|
|
1485
1485
|
),
|
|
@@ -1811,8 +1811,8 @@ function Input(_a) {
|
|
|
1811
1811
|
type,
|
|
1812
1812
|
"data-slot": "input",
|
|
1813
1813
|
className: cn(
|
|
1814
|
-
"h-9 w-full min-w-0 rounded-
|
|
1815
|
-
"focus-visible:border-
|
|
1814
|
+
"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",
|
|
1815
|
+
"focus-visible:border-primary/40 focus-visible:ring-[3px] focus-visible:ring-primary/[0.08]",
|
|
1816
1816
|
"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
|
|
1817
1817
|
className
|
|
1818
1818
|
)
|
|
@@ -1829,7 +1829,7 @@ function Textarea(_a) {
|
|
|
1829
1829
|
__spreadValues({
|
|
1830
1830
|
"data-slot": "textarea",
|
|
1831
1831
|
className: cn(
|
|
1832
|
-
"flex field-sizing-content min-h-16 w-full rounded-
|
|
1832
|
+
"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",
|
|
1833
1833
|
className
|
|
1834
1834
|
)
|
|
1835
1835
|
}, props)
|
|
@@ -1846,7 +1846,7 @@ function InputGroup(_a) {
|
|
|
1846
1846
|
"data-slot": "input-group",
|
|
1847
1847
|
role: "group",
|
|
1848
1848
|
className: cn(
|
|
1849
|
-
"group/input-group relative flex w-full items-center rounded-
|
|
1849
|
+
"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",
|
|
1850
1850
|
"h-9 min-w-0 has-[>textarea]:h-auto",
|
|
1851
1851
|
// Variants based on alignment.
|
|
1852
1852
|
"has-[>[data-align=inline-start]]:[&>input]:pl-2",
|
|
@@ -1854,7 +1854,7 @@ function InputGroup(_a) {
|
|
|
1854
1854
|
"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
|
|
1855
1855
|
"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
|
|
1856
1856
|
// Focus state.
|
|
1857
|
-
"has-[[data-slot=input-group-control]:focus-visible]:border-
|
|
1857
|
+
"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]",
|
|
1858
1858
|
// Error state.
|
|
1859
1859
|
"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",
|
|
1860
1860
|
className
|
|
@@ -2105,7 +2105,7 @@ function ComboboxContent(_a) {
|
|
|
2105
2105
|
"data-slot": "combobox-content",
|
|
2106
2106
|
"data-chips": !!anchor,
|
|
2107
2107
|
className: cn(
|
|
2108
|
-
"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-
|
|
2108
|
+
"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",
|
|
2109
2109
|
className
|
|
2110
2110
|
)
|
|
2111
2111
|
}, props)
|
|
@@ -2321,7 +2321,7 @@ function DialogOverlay(_a) {
|
|
|
2321
2321
|
__spreadValues({
|
|
2322
2322
|
"data-slot": "dialog-overlay",
|
|
2323
2323
|
className: cn(
|
|
2324
|
-
"fixed inset-0 z-50 bg-
|
|
2324
|
+
"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",
|
|
2325
2325
|
className
|
|
2326
2326
|
)
|
|
2327
2327
|
}, props)
|
|
@@ -2344,7 +2344,7 @@ function DialogContent(_a) {
|
|
|
2344
2344
|
__spreadProps(__spreadValues({
|
|
2345
2345
|
"data-slot": "dialog-content",
|
|
2346
2346
|
className: cn(
|
|
2347
|
-
"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-
|
|
2347
|
+
"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",
|
|
2348
2348
|
className
|
|
2349
2349
|
)
|
|
2350
2350
|
}, props), {
|
|
@@ -2412,7 +2412,7 @@ function DialogTitle(_a) {
|
|
|
2412
2412
|
import_radix_ui10.Dialog.Title,
|
|
2413
2413
|
__spreadValues({
|
|
2414
2414
|
"data-slot": "dialog-title",
|
|
2415
|
-
className: cn("text-lg leading-none font-semibold", className)
|
|
2415
|
+
className: cn("text-lg leading-none font-semibold font-display", className)
|
|
2416
2416
|
}, props)
|
|
2417
2417
|
);
|
|
2418
2418
|
}
|
|
@@ -2444,7 +2444,7 @@ function Command(_a) {
|
|
|
2444
2444
|
__spreadValues({
|
|
2445
2445
|
"data-slot": "command",
|
|
2446
2446
|
className: cn(
|
|
2447
|
-
"flex h-full w-full flex-col overflow-hidden rounded-
|
|
2447
|
+
"flex h-full w-full flex-col overflow-hidden rounded-sm bg-popover text-popover-foreground",
|
|
2448
2448
|
className
|
|
2449
2449
|
)
|
|
2450
2450
|
}, props)
|
|
@@ -2861,7 +2861,7 @@ function DrawerOverlay(_a) {
|
|
|
2861
2861
|
__spreadValues({
|
|
2862
2862
|
"data-slot": "drawer-overlay",
|
|
2863
2863
|
className: cn(
|
|
2864
|
-
"fixed inset-0 z-50 bg-
|
|
2864
|
+
"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",
|
|
2865
2865
|
className
|
|
2866
2866
|
)
|
|
2867
2867
|
}, props)
|
|
@@ -2931,7 +2931,7 @@ function DrawerTitle(_a) {
|
|
|
2931
2931
|
import_vaul.Drawer.Title,
|
|
2932
2932
|
__spreadValues({
|
|
2933
2933
|
"data-slot": "drawer-title",
|
|
2934
|
-
className: cn("font-semibold text-foreground", className)
|
|
2934
|
+
className: cn("font-semibold font-display text-foreground", className)
|
|
2935
2935
|
}, props)
|
|
2936
2936
|
);
|
|
2937
2937
|
}
|
|
@@ -2985,7 +2985,7 @@ function DropdownMenuContent(_a) {
|
|
|
2985
2985
|
"data-slot": "dropdown-menu-content",
|
|
2986
2986
|
sideOffset,
|
|
2987
2987
|
className: cn(
|
|
2988
|
-
"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-
|
|
2988
|
+
"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",
|
|
2989
2989
|
className
|
|
2990
2990
|
)
|
|
2991
2991
|
}, props)
|
|
@@ -3171,7 +3171,7 @@ function DropdownMenuSubContent(_a) {
|
|
|
3171
3171
|
__spreadValues({
|
|
3172
3172
|
"data-slot": "dropdown-menu-sub-content",
|
|
3173
3173
|
className: cn(
|
|
3174
|
-
"z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-
|
|
3174
|
+
"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",
|
|
3175
3175
|
className
|
|
3176
3176
|
)
|
|
3177
3177
|
}, props)
|
|
@@ -3188,7 +3188,7 @@ function Empty(_a) {
|
|
|
3188
3188
|
__spreadValues({
|
|
3189
3189
|
"data-slot": "empty",
|
|
3190
3190
|
className: cn(
|
|
3191
|
-
"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-
|
|
3191
|
+
"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",
|
|
3192
3192
|
className
|
|
3193
3193
|
)
|
|
3194
3194
|
}, props)
|
|
@@ -3748,7 +3748,7 @@ function InputOTPSlot(_a) {
|
|
|
3748
3748
|
"data-slot": "input-otp-slot",
|
|
3749
3749
|
"data-active": isActive,
|
|
3750
3750
|
className: cn(
|
|
3751
|
-
"relative flex h-9 w-9 items-center justify-center border
|
|
3751
|
+
"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",
|
|
3752
3752
|
className
|
|
3753
3753
|
)
|
|
3754
3754
|
}, props), {
|
|
@@ -4500,7 +4500,7 @@ function PaginationLink(_a) {
|
|
|
4500
4500
|
var _b = _a, {
|
|
4501
4501
|
className,
|
|
4502
4502
|
isActive,
|
|
4503
|
-
size = "icon"
|
|
4503
|
+
size = "icon-md"
|
|
4504
4504
|
} = _b, props = __objRest(_b, [
|
|
4505
4505
|
"className",
|
|
4506
4506
|
"isActive",
|
|
@@ -4528,19 +4528,7 @@ function PaginationPrevious(_a) {
|
|
|
4528
4528
|
} = _b, props = __objRest(_b, [
|
|
4529
4529
|
"className"
|
|
4530
4530
|
]);
|
|
4531
|
-
return /* @__PURE__ */ (0, import_jsx_runtime37.
|
|
4532
|
-
PaginationLink,
|
|
4533
|
-
__spreadProps(__spreadValues({
|
|
4534
|
-
"aria-label": "Go to previous page",
|
|
4535
|
-
size: "md",
|
|
4536
|
-
className: cn("gap-1 px-2.5 sm:pl-2.5", className)
|
|
4537
|
-
}, props), {
|
|
4538
|
-
children: [
|
|
4539
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react15.ChevronLeftIcon, {}),
|
|
4540
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "hidden sm:block", children: "Previous" })
|
|
4541
|
-
]
|
|
4542
|
-
})
|
|
4543
|
-
);
|
|
4531
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react15.ChevronLeftIcon, { className: "size-5" }) })) });
|
|
4544
4532
|
}
|
|
4545
4533
|
function PaginationNext(_a) {
|
|
4546
4534
|
var _b = _a, {
|
|
@@ -4548,19 +4536,7 @@ function PaginationNext(_a) {
|
|
|
4548
4536
|
} = _b, props = __objRest(_b, [
|
|
4549
4537
|
"className"
|
|
4550
4538
|
]);
|
|
4551
|
-
return /* @__PURE__ */ (0, import_jsx_runtime37.
|
|
4552
|
-
PaginationLink,
|
|
4553
|
-
__spreadProps(__spreadValues({
|
|
4554
|
-
"aria-label": "Go to next page",
|
|
4555
|
-
size: "md",
|
|
4556
|
-
className: cn("gap-1 px-2.5 sm:pr-2.5", className)
|
|
4557
|
-
}, props), {
|
|
4558
|
-
children: [
|
|
4559
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "hidden sm:block", children: "Next" }),
|
|
4560
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react15.ChevronRightIcon, {})
|
|
4561
|
-
]
|
|
4562
|
-
})
|
|
4563
|
-
);
|
|
4539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react15.ChevronRightIcon, { className: "size-5" }) })) });
|
|
4564
4540
|
}
|
|
4565
4541
|
function PaginationEllipsis(_a) {
|
|
4566
4542
|
var _b = _a, {
|
|
@@ -4573,7 +4549,7 @@ function PaginationEllipsis(_a) {
|
|
|
4573
4549
|
__spreadProps(__spreadValues({
|
|
4574
4550
|
"aria-hidden": true,
|
|
4575
4551
|
"data-slot": "pagination-ellipsis",
|
|
4576
|
-
className: cn("flex size-
|
|
4552
|
+
className: cn("flex size-10 items-center justify-center", className)
|
|
4577
4553
|
}, props), {
|
|
4578
4554
|
children: [
|
|
4579
4555
|
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react15.MoreHorizontalIcon, { className: "size-4" }),
|
|
@@ -4672,7 +4648,7 @@ function Progress(_a) {
|
|
|
4672
4648
|
__spreadProps(__spreadValues({
|
|
4673
4649
|
"data-slot": "progress",
|
|
4674
4650
|
className: cn(
|
|
4675
|
-
"relative h-2 w-full overflow-hidden rounded-
|
|
4651
|
+
"relative h-2 w-full overflow-hidden rounded-2xs bg-primary/20",
|
|
4676
4652
|
className
|
|
4677
4653
|
)
|
|
4678
4654
|
}, props), {
|
|
@@ -4875,7 +4851,7 @@ function SelectTrigger(_a) {
|
|
|
4875
4851
|
"data-slot": "select-trigger",
|
|
4876
4852
|
"data-size": size,
|
|
4877
4853
|
className: cn(
|
|
4878
|
-
"flex w-fit items-center justify-between gap-2 rounded-
|
|
4854
|
+
"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",
|
|
4879
4855
|
className
|
|
4880
4856
|
)
|
|
4881
4857
|
}, props), {
|
|
@@ -4903,7 +4879,7 @@ function SelectContent(_a) {
|
|
|
4903
4879
|
__spreadProps(__spreadValues({
|
|
4904
4880
|
"data-slot": "select-content",
|
|
4905
4881
|
className: cn(
|
|
4906
|
-
"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-
|
|
4882
|
+
"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",
|
|
4907
4883
|
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",
|
|
4908
4884
|
className
|
|
4909
4885
|
),
|
|
@@ -5056,7 +5032,7 @@ function SheetOverlay(_a) {
|
|
|
5056
5032
|
__spreadValues({
|
|
5057
5033
|
"data-slot": "sheet-overlay",
|
|
5058
5034
|
className: cn(
|
|
5059
|
-
"fixed inset-0 z-50 bg-
|
|
5035
|
+
"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",
|
|
5060
5036
|
className
|
|
5061
5037
|
)
|
|
5062
5038
|
}, props)
|
|
@@ -5662,7 +5638,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority9.cva)(
|
|
|
5662
5638
|
variants: {
|
|
5663
5639
|
variant: {
|
|
5664
5640
|
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
5665
|
-
outline: "bg-background
|
|
5641
|
+
outline: "bg-background ring-1 ring-sidebar-border hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:ring-sidebar-accent"
|
|
5666
5642
|
},
|
|
5667
5643
|
size: {
|
|
5668
5644
|
default: "h-8 text-sm",
|
|
@@ -5937,7 +5913,7 @@ function Slider(_a) {
|
|
|
5937
5913
|
import_radix_ui29.Slider.Thumb,
|
|
5938
5914
|
{
|
|
5939
5915
|
"data-slot": "slider-thumb",
|
|
5940
|
-
className: "block size-4 shrink-0 rounded-full border border-primary bg-
|
|
5916
|
+
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"
|
|
5941
5917
|
},
|
|
5942
5918
|
index
|
|
5943
5919
|
))
|
|
@@ -5986,7 +5962,7 @@ function Spinner(_a) {
|
|
|
5986
5962
|
__spreadValues({
|
|
5987
5963
|
role: "status",
|
|
5988
5964
|
"aria-label": "Loading",
|
|
5989
|
-
className: cn("size-4 animate-spin", className)
|
|
5965
|
+
className: cn("size-4 animate-spin text-primary", className)
|
|
5990
5966
|
}, props)
|
|
5991
5967
|
);
|
|
5992
5968
|
}
|
|
@@ -6008,7 +5984,7 @@ function Switch(_a) {
|
|
|
6008
5984
|
"data-slot": "switch",
|
|
6009
5985
|
"data-size": size,
|
|
6010
5986
|
className: cn(
|
|
6011
|
-
"peer group/switch inline-flex shrink-0 items-center rounded-
|
|
5987
|
+
"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",
|
|
6012
5988
|
className
|
|
6013
5989
|
)
|
|
6014
5990
|
}, props), {
|
|
@@ -6017,7 +5993,7 @@ function Switch(_a) {
|
|
|
6017
5993
|
{
|
|
6018
5994
|
"data-slot": "switch-thumb",
|
|
6019
5995
|
className: cn(
|
|
6020
|
-
"pointer-events-none block rounded-
|
|
5996
|
+
"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"
|
|
6021
5997
|
)
|
|
6022
5998
|
}
|
|
6023
5999
|
)
|