@trading-game/design-intelligence-layer 0.8.8 → 0.9.0
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/AGENTS.md +2 -1
- package/README.md +15 -4
- package/dist/index.cjs +37 -37
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +37 -37
- package/dist/index.js.map +1 -1
- package/guides/design-system-guide/trading-game-ds-guide.md +44 -5
- package/guides/rules/design-system-consuming-project.mdc +20 -1
- package/package.json +1 -1
- package/src/styles.css +3 -3
package/dist/index.d.cts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -178,7 +178,7 @@ import { cva as cva2 } from "class-variance-authority";
|
|
|
178
178
|
import { Slot } from "radix-ui";
|
|
179
179
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
180
180
|
var buttonVariants = cva2(
|
|
181
|
-
"inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20
|
|
181
|
+
"inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold",
|
|
182
182
|
{
|
|
183
183
|
variants: {
|
|
184
184
|
variant: {
|
|
@@ -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 flex h-auto w-full max-w-[calc(100%-2rem)] flex-col translate-x-[-50%] translate-y-[-50%] gap-6 rounded-sm border border-border-subtle bg-
|
|
283
|
+
"group/alert-dialog-content fixed top-[50%] left-[50%] z-50 flex h-auto w-full max-w-[calc(100%-2rem)] flex-col translate-x-[-50%] translate-y-[-50%] gap-6 rounded-sm border border-border-subtle bg-prominent p-6 shadow-lg duration-base 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)
|
|
@@ -473,7 +473,7 @@ function AvatarBadge(_a) {
|
|
|
473
473
|
__spreadValues({
|
|
474
474
|
"data-slot": "avatar-badge",
|
|
475
475
|
className: cn(
|
|
476
|
-
"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-on-prominent-static-inverse ring-2 ring-
|
|
476
|
+
"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-on-prominent-static-inverse ring-2 ring-prominent select-none",
|
|
477
477
|
"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
|
|
478
478
|
"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
|
|
479
479
|
"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
|
|
@@ -490,7 +490,7 @@ function AvatarGroup(_a) {
|
|
|
490
490
|
__spreadValues({
|
|
491
491
|
"data-slot": "avatar-group",
|
|
492
492
|
className: cn(
|
|
493
|
-
"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-
|
|
493
|
+
"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-prominent",
|
|
494
494
|
className
|
|
495
495
|
)
|
|
496
496
|
}, props)
|
|
@@ -507,7 +507,7 @@ function AvatarGroupCount(_a) {
|
|
|
507
507
|
__spreadValues({
|
|
508
508
|
"data-slot": "avatar-group-count",
|
|
509
509
|
className: cn(
|
|
510
|
-
"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-subtle text-sm text-on-subtle ring-2 ring-
|
|
510
|
+
"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-subtle text-sm text-on-subtle ring-2 ring-prominent group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=xl]/avatar-group:[width:var(--avatar-size-xl)] group-has-data-[size=xl]/avatar-group:[height:var(--avatar-size-xl)] [&>svg]:size-4 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=xl]/avatar-group:[&>svg]:size-6",
|
|
511
511
|
className
|
|
512
512
|
)
|
|
513
513
|
}, props)
|
|
@@ -713,7 +713,7 @@ function Calendar(_a) {
|
|
|
713
713
|
__spreadValues({
|
|
714
714
|
showOutsideDays,
|
|
715
715
|
className: cn(
|
|
716
|
-
"group/calendar bg-
|
|
716
|
+
"group/calendar bg-prominent p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
|
|
717
717
|
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
718
718
|
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
719
719
|
className
|
|
@@ -1168,7 +1168,7 @@ function CarouselNext(_a) {
|
|
|
1168
1168
|
import * as React3 from "react";
|
|
1169
1169
|
import * as RechartsPrimitive from "recharts";
|
|
1170
1170
|
import { Fragment, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1171
|
-
var THEMES = { light: ""
|
|
1171
|
+
var THEMES = { light: "" };
|
|
1172
1172
|
var ChartContext = React3.createContext(null);
|
|
1173
1173
|
function useChart() {
|
|
1174
1174
|
const context = React3.useContext(ChartContext);
|
|
@@ -1284,7 +1284,7 @@ function ChartTooltipContent({
|
|
|
1284
1284
|
"div",
|
|
1285
1285
|
{
|
|
1286
1286
|
className: cn(
|
|
1287
|
-
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border-subtle/50 bg-
|
|
1287
|
+
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border-subtle/50 bg-prominent px-2.5 py-1.5 text-xs shadow-xl",
|
|
1288
1288
|
className
|
|
1289
1289
|
),
|
|
1290
1290
|
children: [
|
|
@@ -1421,7 +1421,7 @@ function Checkbox(_a) {
|
|
|
1421
1421
|
__spreadProps(__spreadValues({
|
|
1422
1422
|
"data-slot": "checkbox",
|
|
1423
1423
|
className: cn(
|
|
1424
|
-
"peer size-4 shrink-0 rounded-[2px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-on-prominent-static-inverse
|
|
1424
|
+
"peer size-4 shrink-0 rounded-[2px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-on-prominent-static-inverse",
|
|
1425
1425
|
className
|
|
1426
1426
|
)
|
|
1427
1427
|
}, props), {
|
|
@@ -1498,7 +1498,7 @@ function Textarea(_a) {
|
|
|
1498
1498
|
__spreadValues({
|
|
1499
1499
|
"data-slot": "textarea",
|
|
1500
1500
|
className: cn(
|
|
1501
|
-
"flex field-sizing-content min-h-16 w-full rounded-sm border border-border-subtle bg-white/5 px-3 py-2 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none placeholder:text-on-muted focus-visible:border-primary 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
|
|
1501
|
+
"flex field-sizing-content min-h-16 w-full rounded-sm border border-border-subtle bg-white/5 px-3 py-2 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none placeholder:text-on-muted focus-visible:border-primary 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",
|
|
1502
1502
|
className
|
|
1503
1503
|
)
|
|
1504
1504
|
}, props)
|
|
@@ -1525,7 +1525,7 @@ function InputGroup(_a) {
|
|
|
1525
1525
|
// Focus state.
|
|
1526
1526
|
"has-[[data-slot=input-group-control]:focus-visible]:border-primary has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-primary/[0.08]",
|
|
1527
1527
|
// Error state.
|
|
1528
|
-
"has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20
|
|
1528
|
+
"has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20",
|
|
1529
1529
|
className
|
|
1530
1530
|
)
|
|
1531
1531
|
}, props)
|
|
@@ -1633,7 +1633,7 @@ function InputGroupInput(_a) {
|
|
|
1633
1633
|
__spreadValues({
|
|
1634
1634
|
"data-slot": "input-group-control",
|
|
1635
1635
|
className: cn(
|
|
1636
|
-
"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0
|
|
1636
|
+
"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0",
|
|
1637
1637
|
className
|
|
1638
1638
|
)
|
|
1639
1639
|
}, props)
|
|
@@ -1650,7 +1650,7 @@ function InputGroupTextarea(_a) {
|
|
|
1650
1650
|
__spreadValues({
|
|
1651
1651
|
"data-slot": "input-group-control",
|
|
1652
1652
|
className: cn(
|
|
1653
|
-
"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0
|
|
1653
|
+
"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0",
|
|
1654
1654
|
className
|
|
1655
1655
|
)
|
|
1656
1656
|
}, props)
|
|
@@ -1895,7 +1895,7 @@ function ComboboxChips(_a) {
|
|
|
1895
1895
|
__spreadValues({
|
|
1896
1896
|
"data-slot": "combobox-chips",
|
|
1897
1897
|
className: cn(
|
|
1898
|
-
"flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5
|
|
1898
|
+
"flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5",
|
|
1899
1899
|
className
|
|
1900
1900
|
)
|
|
1901
1901
|
}, props)
|
|
@@ -2013,7 +2013,7 @@ function DialogContent(_a) {
|
|
|
2013
2013
|
__spreadProps(__spreadValues({
|
|
2014
2014
|
"data-slot": "dialog-content",
|
|
2015
2015
|
className: cn(
|
|
2016
|
-
"fixed top-[50%] left-[50%] z-50 flex h-auto w-full max-w-[calc(100%-2rem)] flex-col translate-x-[-50%] translate-y-[-50%] gap-6 rounded-sm border border-border-subtle bg-
|
|
2016
|
+
"fixed top-[50%] left-[50%] z-50 flex h-auto w-full max-w-[calc(100%-2rem)] flex-col translate-x-[-50%] translate-y-[-50%] gap-6 rounded-sm border border-border-subtle bg-prominent p-6 shadow-lg duration-base 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",
|
|
2017
2017
|
className
|
|
2018
2018
|
)
|
|
2019
2019
|
}, props), {
|
|
@@ -2023,7 +2023,7 @@ function DialogContent(_a) {
|
|
|
2023
2023
|
DialogPrimitive.Close,
|
|
2024
2024
|
{
|
|
2025
2025
|
"data-slot": "dialog-close",
|
|
2026
|
-
className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-
|
|
2026
|
+
className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-on-subtle [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
2027
2027
|
children: [
|
|
2028
2028
|
/* @__PURE__ */ jsx19(XIcon2, {}),
|
|
2029
2029
|
/* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
|
|
@@ -2379,7 +2379,7 @@ function ContextMenuItem(_a) {
|
|
|
2379
2379
|
"data-inset": inset,
|
|
2380
2380
|
"data-variant": variant,
|
|
2381
2381
|
className: cn(
|
|
2382
|
-
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-secondary-hover focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive
|
|
2382
|
+
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-secondary-hover focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[variant=destructive]:*:[svg]:text-destructive!",
|
|
2383
2383
|
className
|
|
2384
2384
|
)
|
|
2385
2385
|
}, props)
|
|
@@ -2551,7 +2551,7 @@ function DrawerContent(_a) {
|
|
|
2551
2551
|
__spreadProps(__spreadValues({
|
|
2552
2552
|
"data-slot": "drawer-content",
|
|
2553
2553
|
className: cn(
|
|
2554
|
-
"group/drawer-content fixed z-50 flex h-auto flex-col bg-
|
|
2554
|
+
"group/drawer-content fixed z-50 flex h-auto flex-col bg-prominent",
|
|
2555
2555
|
"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:border-border-subtle",
|
|
2556
2556
|
"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:border-border-subtle",
|
|
2557
2557
|
"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:border-border-subtle data-[vaul-drawer-direction=right]:sm:max-w-sm",
|
|
@@ -2681,7 +2681,7 @@ function DropdownMenuItem(_a) {
|
|
|
2681
2681
|
"data-inset": inset,
|
|
2682
2682
|
"data-variant": variant,
|
|
2683
2683
|
className: cn(
|
|
2684
|
-
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-secondary-hover focus:text-on-prominent data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive
|
|
2684
|
+
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-secondary-hover focus:text-on-prominent data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[variant=destructive]:*:[svg]:text-destructive!",
|
|
2685
2685
|
className
|
|
2686
2686
|
)
|
|
2687
2687
|
}, props)
|
|
@@ -3114,7 +3114,7 @@ function FieldLabel(_a) {
|
|
|
3114
3114
|
className: cn(
|
|
3115
3115
|
"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
|
|
3116
3116
|
"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
|
|
3117
|
-
"has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5
|
|
3117
|
+
"has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5",
|
|
3118
3118
|
className
|
|
3119
3119
|
)
|
|
3120
3120
|
}, props)
|
|
@@ -3171,7 +3171,7 @@ function FieldSeparator(_a) {
|
|
|
3171
3171
|
children && /* @__PURE__ */ jsx28(
|
|
3172
3172
|
"span",
|
|
3173
3173
|
{
|
|
3174
|
-
className: "relative mx-auto block w-fit bg-
|
|
3174
|
+
className: "relative mx-auto block w-fit bg-prominent px-2 text-on-subtle",
|
|
3175
3175
|
"data-slot": "field-separator-content",
|
|
3176
3176
|
children
|
|
3177
3177
|
}
|
|
@@ -3422,7 +3422,7 @@ function InputOTPSlot(_a) {
|
|
|
3422
3422
|
"data-slot": "input-otp-slot",
|
|
3423
3423
|
"data-active": isActive,
|
|
3424
3424
|
className: cn(
|
|
3425
|
-
"relative flex h-9 w-9 items-center justify-center border border-border-subtle bg-white/5 text-sm font-body text-on-prominent 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
|
|
3425
|
+
"relative flex h-9 w-9 items-center justify-center border border-border-subtle bg-white/5 text-sm font-body text-on-prominent 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 data-[active=true]:z-10 data-[active=true]:border-primary 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",
|
|
3426
3426
|
className
|
|
3427
3427
|
)
|
|
3428
3428
|
}, props), {
|
|
@@ -3703,7 +3703,7 @@ function Menubar(_a) {
|
|
|
3703
3703
|
__spreadValues({
|
|
3704
3704
|
"data-slot": "menubar",
|
|
3705
3705
|
className: cn(
|
|
3706
|
-
"flex h-9 items-center gap-1 rounded-md border border-border-subtle bg-
|
|
3706
|
+
"flex h-9 items-center gap-1 rounded-md border border-border-subtle bg-prominent p-1 shadow-xs",
|
|
3707
3707
|
className
|
|
3708
3708
|
)
|
|
3709
3709
|
}, props)
|
|
@@ -3785,7 +3785,7 @@ function MenubarItem(_a) {
|
|
|
3785
3785
|
"data-inset": inset,
|
|
3786
3786
|
"data-variant": variant,
|
|
3787
3787
|
className: cn(
|
|
3788
|
-
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-secondary-hover hover:text-on-prominent focus:bg-secondary-hover focus:text-on-prominent data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive
|
|
3788
|
+
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none hover:bg-secondary-hover hover:text-on-prominent focus:bg-secondary-hover focus:text-on-prominent data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[variant=destructive]:*:[svg]:text-destructive!",
|
|
3789
3789
|
className
|
|
3790
3790
|
)
|
|
3791
3791
|
}, props)
|
|
@@ -3965,7 +3965,7 @@ function NativeSelect(_a) {
|
|
|
3965
3965
|
"data-slot": "native-select",
|
|
3966
3966
|
"data-size": size,
|
|
3967
3967
|
className: cn(
|
|
3968
|
-
"h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-prominent-static-inverse placeholder:text-on-subtle disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1
|
|
3968
|
+
"h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-prominent-static-inverse placeholder:text-on-subtle disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1",
|
|
3969
3969
|
"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
3970
3970
|
className
|
|
3971
3971
|
)
|
|
@@ -4066,7 +4066,7 @@ function NavigationMenuItem(_a) {
|
|
|
4066
4066
|
);
|
|
4067
4067
|
}
|
|
4068
4068
|
var navigationMenuTriggerStyle = cva9(
|
|
4069
|
-
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-
|
|
4069
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-prominent px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus:bg-secondary-hover focus:text-on-prominent focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-secondary-hover data-[state=open]:text-on-prominent data-[state=open]:hover:bg-secondary-hover data-[state=open]:focus:bg-secondary-hover"
|
|
4070
4070
|
);
|
|
4071
4071
|
function NavigationMenuTrigger(_a) {
|
|
4072
4072
|
var _b = _a, {
|
|
@@ -4408,7 +4408,7 @@ function RadioGroupItem(_a) {
|
|
|
4408
4408
|
__spreadProps(__spreadValues({
|
|
4409
4409
|
"data-slot": "radio-group-item",
|
|
4410
4410
|
className: cn(
|
|
4411
|
-
"aspect-square size-4 shrink-0 rounded-full border border-input text-primary 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
|
|
4411
|
+
"aspect-square size-4 shrink-0 rounded-full border border-input text-primary 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",
|
|
4412
4412
|
className
|
|
4413
4413
|
)
|
|
4414
4414
|
}, props), {
|
|
@@ -4570,7 +4570,7 @@ function SelectTrigger(_a) {
|
|
|
4570
4570
|
"data-readonly": readOnly ? "" : void 0,
|
|
4571
4571
|
disabled: readOnly || props.disabled,
|
|
4572
4572
|
className: cn(
|
|
4573
|
-
"flex w-fit items-center justify-between gap-2 rounded-sm border border-input bg-
|
|
4573
|
+
"flex w-fit items-center justify-between gap-2 rounded-sm border border-input bg-prominent appearance-none px-3 py-2 text-sm whitespace-nowrap 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-on-subtle 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[readonly]:cursor-default data-[readonly]:opacity-100",
|
|
4574
4574
|
className
|
|
4575
4575
|
)
|
|
4576
4576
|
}, props), {
|
|
@@ -4776,7 +4776,7 @@ function SheetContent(_a) {
|
|
|
4776
4776
|
__spreadProps(__spreadValues({
|
|
4777
4777
|
"data-slot": "sheet-content",
|
|
4778
4778
|
className: cn(
|
|
4779
|
-
"fixed z-50 flex flex-col gap-4 bg-
|
|
4779
|
+
"fixed z-50 flex flex-col gap-4 bg-prominent shadow-lg transition ease-standard data-[state=closed]:animate-out data-[state=closed]:duration-slow data-[state=open]:animate-in data-[state=open]:duration-open",
|
|
4780
4780
|
side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l border-border-subtle data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
|
|
4781
4781
|
side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r border-border-subtle data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
|
|
4782
4782
|
side === "top" && "inset-x-0 top-0 h-auto border-b border-border-subtle data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
|
|
@@ -4786,7 +4786,7 @@ function SheetContent(_a) {
|
|
|
4786
4786
|
}, props), {
|
|
4787
4787
|
children: [
|
|
4788
4788
|
children,
|
|
4789
|
-
showCloseButton && /* @__PURE__ */ jsxs20(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-
|
|
4789
|
+
showCloseButton && /* @__PURE__ */ jsxs20(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
|
|
4790
4790
|
/* @__PURE__ */ jsx45(XIcon3, { className: "size-4" }),
|
|
4791
4791
|
/* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Close" })
|
|
4792
4792
|
] })
|
|
@@ -5184,7 +5184,7 @@ function SidebarInset(_a) {
|
|
|
5184
5184
|
__spreadValues({
|
|
5185
5185
|
"data-slot": "sidebar-inset",
|
|
5186
5186
|
className: cn(
|
|
5187
|
-
"relative flex w-full flex-1 flex-col bg-
|
|
5187
|
+
"relative flex w-full flex-1 flex-col bg-prominent",
|
|
5188
5188
|
"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
|
|
5189
5189
|
className
|
|
5190
5190
|
)
|
|
@@ -5202,7 +5202,7 @@ function SidebarInput(_a) {
|
|
|
5202
5202
|
__spreadValues({
|
|
5203
5203
|
"data-slot": "sidebar-input",
|
|
5204
5204
|
"data-sidebar": "input",
|
|
5205
|
-
className: cn("h-8 w-full bg-
|
|
5205
|
+
className: cn("h-8 w-full bg-prominent shadow-none", className)
|
|
5206
5206
|
}, props)
|
|
5207
5207
|
);
|
|
5208
5208
|
}
|
|
@@ -5357,7 +5357,7 @@ var sidebarMenuButtonVariants = cva10(
|
|
|
5357
5357
|
variants: {
|
|
5358
5358
|
variant: {
|
|
5359
5359
|
default: "",
|
|
5360
|
-
outline: "bg-
|
|
5360
|
+
outline: "bg-prominent ring-1 ring-sidebar-border hover:ring-primary/40 data-[active=true]:ring-primary/40"
|
|
5361
5361
|
},
|
|
5362
5362
|
size: {
|
|
5363
5363
|
default: "h-8 text-sm",
|
|
@@ -5734,7 +5734,7 @@ function Switch(_a) {
|
|
|
5734
5734
|
"data-slot": "switch",
|
|
5735
5735
|
"data-size": size,
|
|
5736
5736
|
className: cn(
|
|
5737
|
-
"peer group/switch inline-flex shrink-0 items-center rounded-[6px] border border-transparent p-[3px] 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-6 data-[size=default]:w-11 data-[size=sm]:h-5 data-[size=sm]:w-9 data-[state=checked]:bg-slider-range data-[state=unchecked]:bg-input
|
|
5737
|
+
"peer group/switch inline-flex shrink-0 items-center rounded-[6px] border border-transparent p-[3px] 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-6 data-[size=default]:w-11 data-[size=sm]:h-5 data-[size=sm]:w-9 data-[state=checked]:bg-slider-range data-[state=unchecked]:bg-input",
|
|
5738
5738
|
className
|
|
5739
5739
|
)
|
|
5740
5740
|
}, props), {
|
|
@@ -5998,14 +5998,14 @@ function TicketCard({
|
|
|
5998
5998
|
"div",
|
|
5999
5999
|
{
|
|
6000
6000
|
"aria-hidden": true,
|
|
6001
|
-
className: "pointer-events-none absolute right-0 top-0 z-10 size-5 -translate-y-1/2 translate-x-1/2 rounded-full bg-
|
|
6001
|
+
className: "pointer-events-none absolute right-0 top-0 z-10 size-5 -translate-y-1/2 translate-x-1/2 rounded-full bg-prominent"
|
|
6002
6002
|
}
|
|
6003
6003
|
),
|
|
6004
6004
|
/* @__PURE__ */ jsx55(
|
|
6005
6005
|
"div",
|
|
6006
6006
|
{
|
|
6007
6007
|
"aria-hidden": true,
|
|
6008
|
-
className: "pointer-events-none absolute bottom-0 right-0 z-10 size-5 translate-x-1/2 translate-y-1/2 rounded-full bg-
|
|
6008
|
+
className: "pointer-events-none absolute bottom-0 right-0 z-10 size-5 translate-x-1/2 translate-y-1/2 rounded-full bg-prominent"
|
|
6009
6009
|
}
|
|
6010
6010
|
),
|
|
6011
6011
|
/* @__PURE__ */ jsx55(
|
|
@@ -6061,7 +6061,7 @@ import { cva as cva12 } from "class-variance-authority";
|
|
|
6061
6061
|
import { Toggle as TogglePrimitive } from "radix-ui";
|
|
6062
6062
|
import { jsx as jsx56 } from "react/jsx-runtime";
|
|
6063
6063
|
var toggleVariants = cva12(
|
|
6064
|
-
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-secondary-hover data-[state=on]:border-transparent data-[state=on]:text-primary
|
|
6064
|
+
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-secondary-hover data-[state=on]:border-transparent data-[state=on]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
6065
6065
|
{
|
|
6066
6066
|
variants: {
|
|
6067
6067
|
variant: {
|