@humanforest/nuxt-layer 0.1.3 → 0.2.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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@humanforest/nuxt-layer",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.2.0",
|
|
5
5
|
"description": "Forest design system as a Nuxt layer — extend it to inherit the theme, colour roles, icons and brand fonts in one line.",
|
|
6
6
|
"main": "./nuxt.config.ts",
|
|
7
7
|
"files": [
|
|
@@ -7,16 +7,24 @@
|
|
|
7
7
|
* while aligning with Forest's overall soft-radius vocabulary (--ui-radius = 0.5 rem).
|
|
8
8
|
* - `label`: font-medium is already stock; we keep it and add nothing — the Nuxt UI default is
|
|
9
9
|
* correct here.
|
|
10
|
-
* -
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
10
|
+
* - focus ring: Forest's house convention `outline-2 outline-offset-2` (an offset ring), over
|
|
11
|
+
* stock's flush `outline-3`. The outline COLOUR is stock's semantic value, resolved to the
|
|
12
|
+
* Forest OKLCH ramp via docs.css / forest-preset — no colour override needed, only the width
|
|
13
|
+
* and offset. Where that ring has to be written is the awkward part; see below.
|
|
14
14
|
* - `legend` (CheckboxGroup): font-bold — bold against the regular item labels, giving the
|
|
15
15
|
* group label a clear hierarchy above the individual checkbox labels.
|
|
16
16
|
*
|
|
17
|
-
*
|
|
17
|
+
* ★ THE RING IS A COMPOUND, NOT A SLOT. Stock paints it in two places and neither is a plain slot:
|
|
18
|
+
* on `base` for the `list` variant with a visible box, and on `root` (as `has-focus-visible:`) for
|
|
19
|
+
* `card`, and for `list` once the box is hidden. Both live in stock's compoundVariants, which tv
|
|
20
|
+
* appends AFTER the slots — so a `slots.base` override loses to them and silently does nothing.
|
|
21
|
+
* The width therefore has to be restated at the same layer, in the entries below.
|
|
18
22
|
*
|
|
19
|
-
*
|
|
23
|
+
* The offset is the exception: no stock rule sets `outline-offset`, so the one on `base` still
|
|
24
|
+
* reaches from `slots` and is not repeated. The root entries carry their own, `has-focus-visible:`
|
|
25
|
+
* being a different property from the bare `outline-offset-2` on base.
|
|
26
|
+
*
|
|
27
|
+
* Slots touched: base, root, icon.
|
|
20
28
|
* Slot names sourced from: apps/docs/node_modules/.nuxt-ui/ui/checkbox.ts
|
|
21
29
|
*
|
|
22
30
|
* The CheckboxGroup legend opinion lives in its own sibling fragment (checkbox-group.ts),
|
|
@@ -26,22 +34,32 @@
|
|
|
26
34
|
export const checkboxTheme = {
|
|
27
35
|
slots: {
|
|
28
36
|
// Deltas over stock: `rounded` (4px) for the Forest soft radius (stock rounded-sm/2px), and the
|
|
29
|
-
//
|
|
30
|
-
|
|
31
|
-
base: 'rounded focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
37
|
+
// ring's offset. The WIDTH is not here — it would be overridden; see the compounds below.
|
|
38
|
+
base: 'rounded focus-visible:outline-offset-2',
|
|
32
39
|
},
|
|
33
40
|
// Touch: a checkbox's tap target is the whole label ROW, and at md that row is short (~20px). Under
|
|
34
|
-
// a coarse (finger) pointer each size grows one size up — box (base),
|
|
35
|
-
// label text (wrapper) — so the row becomes a taller, easier target. No sliding
|
|
36
|
-
// is clean (unlike the switch thumb). xl is the ceiling; each size lists only
|
|
41
|
+
// a coarse (finger) pointer each size grows one size up — box (base), tick (icon), row height
|
|
42
|
+
// (container) and label text (wrapper) — so the row becomes a taller, easier target. No sliding
|
|
43
|
+
// part, so the bump is clean (unlike the switch thumb). xl is the ceiling; each size lists only
|
|
44
|
+
// its deltas up, which is why container and wrapper appear on two rungs and the box on four.
|
|
45
|
+
//
|
|
46
|
+
// ★ THE TICK IS SIZED SEPARATELY FROM THE BOX. Stock pins `icon` per size rather than filling the
|
|
47
|
+
// box, so growing `base` alone leaves the tick at its fine-pointer size inside a bigger square.
|
|
37
48
|
// `coarse:` carries the `:not(.cut-fixed)` escape so the mobile cut (baked size lg) opts out.
|
|
38
49
|
variants: {
|
|
39
50
|
size: {
|
|
40
|
-
xs: { base: 'coarse:size-3.5' },
|
|
41
|
-
sm: { base: 'coarse:size-4', container: 'coarse:h-5', wrapper: 'coarse:text-sm' },
|
|
42
|
-
md: { base: 'coarse:size-4.5' },
|
|
43
|
-
lg: { base: 'coarse:size-5', container: 'coarse:h-6', wrapper: 'coarse:text-base' },
|
|
51
|
+
xs: { base: 'coarse:size-3.5', icon: 'coarse:size-3' },
|
|
52
|
+
sm: { base: 'coarse:size-4', icon: 'coarse:size-3.5', container: 'coarse:h-5', wrapper: 'coarse:text-sm' },
|
|
53
|
+
md: { base: 'coarse:size-4.5', icon: 'coarse:size-4' },
|
|
54
|
+
lg: { base: 'coarse:size-5', icon: 'coarse:size-4.5', container: 'coarse:h-6', wrapper: 'coarse:text-base' },
|
|
44
55
|
// xl: ceiling
|
|
45
56
|
},
|
|
46
57
|
},
|
|
58
|
+
// The house width, restated where stock's own compounds would otherwise win. Colour is left to
|
|
59
|
+
// stock, so these carry no `color` discriminator and apply across every ramp.
|
|
60
|
+
compoundVariants: [
|
|
61
|
+
{ variant: 'list', indicator: ['start', 'end'], class: { base: 'focus-visible:outline-2' } },
|
|
62
|
+
{ variant: 'card', class: { root: 'has-focus-visible:outline-2 has-focus-visible:outline-offset-2' } },
|
|
63
|
+
{ variant: 'list', indicator: 'hidden', class: { root: 'has-focus-visible:outline-2 has-focus-visible:outline-offset-2' } },
|
|
64
|
+
],
|
|
47
65
|
} as const;
|
|
@@ -73,6 +73,7 @@ export { paginationTheme as pagination } from './pagination';
|
|
|
73
73
|
export { pinInputTheme as pinInput } from './pin-input';
|
|
74
74
|
export { popoverTheme as popover } from './popover';
|
|
75
75
|
export { progressTheme as progress } from './progress';
|
|
76
|
+
export { progressGroupTheme as progressGroup } from './progress-group';
|
|
76
77
|
// Prose components are namespaced under ui.prose.* — the fragment runs stock, carrying only the
|
|
77
78
|
// `ed-demo` marker the docs editorial grid reads off a demo pane.
|
|
78
79
|
export { proseTheme as prose } from './prose';
|
|
@@ -85,6 +86,7 @@ export { sidebarTheme as sidebar } from './sidebar';
|
|
|
85
86
|
export { skeletonTheme as skeleton } from './skeleton';
|
|
86
87
|
export { slideoverTheme as slideover } from './slideover';
|
|
87
88
|
export { sliderTheme as slider } from './slider';
|
|
89
|
+
export { splitterTheme as splitter } from './splitter';
|
|
88
90
|
export { stepperTheme as stepper } from './stepper';
|
|
89
91
|
export { switchTheme as switch } from './switch';
|
|
90
92
|
export { tableTheme as table } from './table';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Forest theme fragment — UProgressGroup (several values as segments of one track, plus a legend).
|
|
3
|
+
*
|
|
4
|
+
* New in Nuxt UI 4.11, and it reaches a Forest consumer whether or not we document it: the layer
|
|
5
|
+
* registers @nuxt/ui wholesale, so the component is typeable the moment the dependency resolves.
|
|
6
|
+
* This fragment exists so that what arrives is not off-brand, not because the system recommends it.
|
|
7
|
+
*
|
|
8
|
+
* Forest opinions applied:
|
|
9
|
+
*
|
|
10
|
+
* segment, status — the motion tokens, replacing stock's hard-coded `duration-200 ease-out`.
|
|
11
|
+
* UProgress next to it already animates on `--motion-slow` / `--motion-ease-out` (progress.ts),
|
|
12
|
+
* and two bars of the same family easing differently is the kind of seam that only ever shows
|
|
13
|
+
* up once both are on screen.
|
|
14
|
+
*
|
|
15
|
+
* We do NOT override:
|
|
16
|
+
* - `base` (the track) — stock's `bg-accented` groove and `rounded-full` are already the Forest
|
|
17
|
+
* reading; radius follows --ui-radius through the preset.
|
|
18
|
+
* - Colour variants — `bg-primary`, `bg-error` and the Forest ramps (forest/maple/river/warm/acid)
|
|
19
|
+
* are registered by forest-preset, and a per-item `color` that is not a registered name is
|
|
20
|
+
* passed through as an inline background, so `var(--dataviz-categorical-safe-N)` works as-is.
|
|
21
|
+
* - `motion-reduce:transition-none` — stock sets it, and the global reduced-motion floor in
|
|
22
|
+
* packages/tokens/motion supersedes it regardless. Restating it would be drift.
|
|
23
|
+
* - The size ladder, the legend slots, and `list`/`item` layout — no Forest opinion here.
|
|
24
|
+
*
|
|
25
|
+
* ★ NOT A REPLACEMENT FOR FDistributionBar. Its bar segments carry no slot, so nothing can hang a
|
|
26
|
+
* tooltip or a focus stop on them, and each segment is its own `role="progressbar"` — a five-part
|
|
27
|
+
* figure announces as five progress bars rather than one. FDistributionBar exists for the
|
|
28
|
+
* composition read: one `role="img"`, one sentence, and optional interactive segments.
|
|
29
|
+
*
|
|
30
|
+
* Slots touched: segment, status.
|
|
31
|
+
* Slot names sourced from: apps/docs/node_modules/.nuxt-ui/ui/progress-group.ts
|
|
32
|
+
*/
|
|
33
|
+
|
|
34
|
+
export const progressGroupTheme = {
|
|
35
|
+
slots: {
|
|
36
|
+
segment: 'duration-(--motion-slow) ease-(--motion-ease-out)',
|
|
37
|
+
status: 'duration-(--motion-slow) ease-(--motion-ease-out)',
|
|
38
|
+
},
|
|
39
|
+
} as const;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Forest theme fragment — USplitter (resizable panels with a draggable handle).
|
|
3
|
+
*
|
|
4
|
+
* New in Nuxt UI 4.11. Nothing in Forest uses it yet — FAppSidebar resizes through
|
|
5
|
+
* UDashboardSidebar's own `resizable`, and FSidePanel is deliberately two fixed rungs rather than a
|
|
6
|
+
* drag. The fragment is here for the same reason as progress-group's: the component is typeable by
|
|
7
|
+
* any consumer on the layer, so its focus ring should be the house one on arrival.
|
|
8
|
+
*
|
|
9
|
+
* Forest opinions applied:
|
|
10
|
+
*
|
|
11
|
+
* handle — the house focus ring: offset, and pinned to the ramp var rather than the semantic
|
|
12
|
+
* `outline-primary` token, matching link.ts, accordion.ts and carousel.ts. Stock's width is
|
|
13
|
+
* already `outline-2`, so only the offset and the colour are stated here.
|
|
14
|
+
*
|
|
15
|
+
* We do NOT override:
|
|
16
|
+
* - The handle's resting appearance. Stock paints nothing until focus, and that is right for a
|
|
17
|
+
* seam between two panels — see dashboard-resize-handle.ts for the case where Forest does draw
|
|
18
|
+
* a grab affordance, and note it does not port: that handle's box is zero-wide and sits ON the
|
|
19
|
+
* seam, so its pill is positioned against a zero-width edge. This one is a real 2-unit column.
|
|
20
|
+
* - `panel`, `root`, and the orientation cursors — layout and affordance, no Forest opinion.
|
|
21
|
+
*
|
|
22
|
+
* ★ If a split pane is ever built in Forest, it should be built on this rather than hand-rolled,
|
|
23
|
+
* and this fragment will need the resting/hover treatment that decision implies.
|
|
24
|
+
*
|
|
25
|
+
* Slots touched: handle.
|
|
26
|
+
* Slot names sourced from: apps/docs/node_modules/.nuxt-ui/ui/splitter.ts
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
export const splitterTheme = {
|
|
30
|
+
slots: {
|
|
31
|
+
handle: 'focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]',
|
|
32
|
+
},
|
|
33
|
+
} as const;
|
package/theme.gen.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"ui":{"accordion":{"slots":{"trigger":"font-bold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-forest-500)]","body":"text-muted","content":"data-[state=open]:animate-[accordion-down_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[accordion-up_var(--motion-slow)_var(--motion-ease-out)]","trailingIcon":"duration-(--motion-fast) ease-(--motion-ease-out)"}},"alert":{"slots":{"title":"font-bold"}},"authForm":{"slots":{"title":"type-title","description":"type-body"}},"avatar":{"slots":{"root":"font-bold","fallback":"font-bold"}},"avatarGroup":{},"badge":{"slots":{"base":"rounded-sm font-bold uppercase tracking-wide"},"variants":{"size":{"xs":{"base":"rounded-xs coarse:text-[10px]/3 coarse:px-1.5 coarse:py-1"},"sm":{"base":"rounded-xs coarse:text-xs coarse:px-2 coarse:rounded-sm","leadingIcon":"coarse:size-4","trailingIcon":"coarse:size-4"},"md":{"base":"rounded-sm coarse:text-sm coarse:gap-1.5","leadingIcon":"coarse:size-5","trailingIcon":"coarse:size-5"},"lg":{"base":"rounded-sm coarse:text-base coarse:px-2.5","leadingIcon":"coarse:size-6","trailingIcon":"coarse:size-6"},"xl":{"base":"rounded-sm"}}},"defaultVariants":{"variant":"subtle"}},"banner":{"slots":{"left":"lg:flex-none","center":"flex-1","title":"font-bold me-auto","right":"lg:flex-none"}},"breadcrumb":{},"button":{"slots":{"base":"font-bold transition-[transform,box-shadow,background-color,border-color,color] duration-(--motion-fast) motion-reduce:transition-[background-color,border-color,color]"},"variants":{"color":{"primary":"[--btn-face:var(--forest-500)] dark:[--btn-face:var(--forest-400)] [--btn-hover:var(--forest-600)] dark:[--btn-hover:var(--forest-500)] [--btn-press:var(--forest-700)] dark:[--btn-press:var(--forest-600)] [--btn-lip:var(--forest-700)] dark:[--btn-lip:var(--forest-600)] [--btn-ring:var(--forest-500)] [--btn-t1:var(--forest-100)] dark:[--btn-t1:var(--forest-900)] [--btn-t2:var(--forest-200)] dark:[--btn-t2:var(--forest-800)] [--btn-t3:var(--forest-300)] dark:[--btn-t3:var(--forest-700)] [--btn-line:var(--forest-400)] dark:[--btn-line:var(--forest-600)] [--btn-text:var(--forest-700)] dark:[--btn-text:var(--forest-300)] [--btn-ink:var(--forest-0)] dark:[--btn-ink:var(--forest-950)]","success":"[--btn-face:var(--forest-500)] dark:[--btn-face:var(--forest-400)] [--btn-hover:var(--forest-600)] dark:[--btn-hover:var(--forest-500)] [--btn-press:var(--forest-700)] dark:[--btn-press:var(--forest-600)] [--btn-lip:var(--forest-700)] dark:[--btn-lip:var(--forest-600)] [--btn-ring:var(--forest-500)] [--btn-t1:var(--forest-100)] dark:[--btn-t1:var(--forest-900)] [--btn-t2:var(--forest-200)] dark:[--btn-t2:var(--forest-800)] [--btn-t3:var(--forest-300)] dark:[--btn-t3:var(--forest-700)] [--btn-line:var(--forest-400)] dark:[--btn-line:var(--forest-600)] [--btn-text:var(--forest-700)] dark:[--btn-text:var(--forest-300)] [--btn-ink:var(--forest-0)] dark:[--btn-ink:var(--forest-950)]","info":"[--btn-face:var(--river-500)] dark:[--btn-face:var(--river-400)] [--btn-hover:var(--river-600)] dark:[--btn-hover:var(--river-500)] [--btn-press:var(--river-700)] dark:[--btn-press:var(--river-600)] [--btn-lip:var(--river-700)] dark:[--btn-lip:var(--river-600)] [--btn-ring:var(--river-500)] [--btn-t1:var(--river-100)] dark:[--btn-t1:var(--river-900)] [--btn-t2:var(--river-200)] dark:[--btn-t2:var(--river-800)] [--btn-t3:var(--river-300)] dark:[--btn-t3:var(--river-700)] [--btn-line:var(--river-400)] dark:[--btn-line:var(--river-600)] [--btn-text:var(--river-700)] dark:[--btn-text:var(--river-300)] [--btn-ink:var(--river-0)] dark:[--btn-ink:var(--river-950)]","error":"[--btn-face:var(--maple-500)] dark:[--btn-face:var(--maple-400)] [--btn-hover:var(--maple-600)] dark:[--btn-hover:var(--maple-500)] [--btn-press:var(--maple-700)] dark:[--btn-press:var(--maple-600)] [--btn-lip:var(--maple-700)] dark:[--btn-lip:var(--maple-600)] [--btn-ring:var(--maple-500)] [--btn-t1:var(--maple-100)] dark:[--btn-t1:var(--maple-900)] [--btn-t2:var(--maple-200)] dark:[--btn-t2:var(--maple-800)] [--btn-t3:var(--maple-300)] dark:[--btn-t3:var(--maple-700)] [--btn-line:var(--maple-400)] dark:[--btn-line:var(--maple-600)] [--btn-text:var(--maple-700)] dark:[--btn-text:var(--maple-300)] [--btn-ink:var(--maple-0)] dark:[--btn-ink:var(--maple-950)]","warning":"[--btn-face:var(--amber-300)] [--btn-hover:var(--amber-400)] [--btn-press:var(--amber-500)] [--btn-lip:var(--amber-600)] [--btn-ring:var(--amber-500)] [--btn-t1:var(--amber-100)] dark:[--btn-t1:var(--amber-900)] [--btn-t2:var(--amber-200)] dark:[--btn-t2:var(--amber-800)] [--btn-t3:var(--amber-300)] dark:[--btn-t3:var(--amber-700)] [--btn-line:var(--amber-400)] dark:[--btn-line:var(--amber-600)] [--btn-text:var(--amber-700)] dark:[--btn-text:var(--amber-300)] [--btn-ink:var(--amber-950)]","secondary":"[--btn-face:var(--warm-500)] dark:[--btn-face:var(--warm-400)] [--btn-hover:var(--warm-600)] dark:[--btn-hover:var(--warm-500)] [--btn-press:var(--warm-700)] dark:[--btn-press:var(--warm-600)] [--btn-lip:var(--warm-700)] dark:[--btn-lip:var(--warm-600)] [--btn-ring:var(--warm-500)] [--btn-t1:var(--warm-100)] dark:[--btn-t1:var(--warm-900)] [--btn-t2:var(--warm-200)] dark:[--btn-t2:var(--warm-800)] [--btn-t3:var(--warm-300)] dark:[--btn-t3:var(--warm-700)] [--btn-line:var(--warm-400)] dark:[--btn-line:var(--warm-600)] [--btn-text:var(--warm-700)] dark:[--btn-text:var(--warm-300)] [--btn-ink:var(--warm-0)] dark:[--btn-ink:var(--warm-950)]","neutral":"[--btn-face:var(--neutral-900)] dark:[--btn-face:var(--neutral-50)] [--btn-hover:var(--neutral-800)] dark:[--btn-hover:var(--neutral-100)] [--btn-press:var(--neutral-700)] dark:[--btn-press:var(--neutral-200)] [--btn-lip:var(--neutral-400)] dark:[--btn-lip:var(--neutral-300)] [--btn-ring:var(--neutral-500)] [--btn-t1:var(--neutral-50)] dark:[--btn-t1:var(--neutral-950)] [--btn-t2:var(--neutral-100)] dark:[--btn-t2:var(--neutral-900)] [--btn-t3:var(--neutral-200)] dark:[--btn-t3:var(--neutral-800)] [--btn-line:var(--neutral-300)] dark:[--btn-line:var(--neutral-700)] [--btn-text:var(--neutral-900)] dark:[--btn-text:var(--neutral-100)] [--btn-ink:var(--neutral-0)] dark:[--btn-ink:var(--neutral-900)]"},"variant":{"keycap":"","pad":"","framed":"","subtle":"","link":""},"size":{"xs":{"base":"min-h-6 px-2.5 rounded-sm touch:min-h-7 [--btn-y:-1px] [--btn-yi:1px] [--btn-y-h:-2px] [--btn-yhi:2px] coarse:[--btn-y:-2px] coarse:[--btn-yi:2px] coarse:[--btn-y-h:-3px] coarse:[--btn-yhi:3px]"},"sm":{"base":"min-h-7 px-3 rounded-md touch:min-h-9 touch:text-sm [--btn-y:-2px] [--btn-yi:2px] [--btn-y-h:-3px] [--btn-yhi:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"min-h-8 px-3.5 rounded-md touch:min-h-10 [--btn-y:-2px] [--btn-yi:2px] [--btn-y-h:-3px] [--btn-yhi:3px] coarse:[--btn-y:-3px] coarse:[--btn-yi:3px] coarse:[--btn-y-h:-4px] coarse:[--btn-yhi:4px]"},"lg":{"base":"min-h-9 px-4 rounded-lg touch:min-h-11 touch:text-base [--btn-y:-3px] [--btn-yi:3px] [--btn-y-h:-4px] [--btn-yhi:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"min-h-10 px-4 rounded-lg touch:min-h-13 touch:text-lg [--btn-y:-3px] [--btn-yi:3px] [--btn-y-h:-4px] [--btn-yhi:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"color":"primary","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"success","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"info","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"warning","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"error","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"primary","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"success","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"info","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"warning","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"error","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"primary","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"square":true,"class":"justify-center aspect-square touch:px-0 touch:py-0"}],"defaultVariants":{"color":"primary","variant":"solid","size":"md"}},"calendar":{"slots":{"root":"rounded-xl border border-default bg-elevated/30 p-4 inline-block","headingLabel":"font-bold tracking-tight text-highlighted","cellTrigger":"focus-visible:ring-2 focus-visible:ring-offset-2 focus:outline-none data-today:font-bold"}},"card":{"slots":{"root":"rounded-xl forest-card","body":"sm:p-4","header":"sm:px-4","footer":"sm:px-4","title":"[font-family:var(--fx-title-family)] [text-transform:var(--fx-title-transform)]"},"variants":{"variant":{"soft":{"root":"bg-[var(--forest-card-bg)] divide-y-0","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"solid":{"header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"subtle":{"root":"bg-[var(--forest-card-bg)] ring-[var(--forest-card-ring)] divide-[color:var(--forest-card-ring)]"},"outline":{"root":"ring-[var(--forest-card-ring)] divide-[color:var(--forest-card-ring)]"},"peach":{"root":"bg-[var(--forest-card-peach-bg)] ring-[var(--forest-card-peach-ring)]","title":"text-[var(--forest-card-peach-text)]","description":"text-[var(--forest-card-peach-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"mint":{"root":"bg-[var(--forest-card-mint-bg)] ring-[var(--forest-card-mint-ring)]","title":"text-[var(--forest-card-mint-text)]","description":"text-[var(--forest-card-mint-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"sky":{"root":"bg-[var(--forest-card-sky-bg)] ring-[var(--forest-card-sky-ring)]","title":"text-[var(--forest-card-sky-text)]","description":"text-[var(--forest-card-sky-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"amber":{"root":"bg-[var(--forest-card-amber-bg)] ring-[var(--forest-card-amber-ring)]","title":"text-[var(--forest-card-amber-text)]","description":"text-[var(--forest-card-amber-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"}}},"defaultVariants":{"variant":"soft"}},"carousel":{"slots":{"prev":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]","next":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]","dot":"focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]"},"variants":{"active":{"true":{"dot":"data-[state=active]:bg-[var(--forest-500)] dark:data-[state=active]:bg-[var(--forest-400)]"}}}},"checkbox":{"slots":{"base":"rounded focus-visible:outline-2 focus-visible:outline-offset-2"},"variants":{"size":{"xs":{"base":"coarse:size-3.5"},"sm":{"base":"coarse:size-4","container":"coarse:h-5","wrapper":"coarse:text-sm"},"md":{"base":"coarse:size-4.5"},"lg":{"base":"coarse:size-5","container":"coarse:h-6","wrapper":"coarse:text-base"}}}},"checkboxGroup":{"slots":{"legend":"font-bold"}},"chip":{"slots":{"base":"font-bold [&:not(:empty)]:px-1 [&:not(:empty)]:leading-none"},"variants":{"standalone":{"true":"[&.ring]:translate-x-0 [&.ring]:translate-y-0"},"size":{"3xs":"[&:not(:empty)]:min-h-[14px] [&:not(:empty)]:min-w-[14px] [&:not(:empty)]:text-[10px]","2xs":"[&:not(:empty)]:min-h-[14px] [&:not(:empty)]:min-w-[14px] [&:not(:empty)]:text-[10px]","xs":"[&:not(:empty)]:min-h-[15px] [&:not(:empty)]:min-w-[15px] [&:not(:empty)]:text-[10px]","sm":"[&:not(:empty)]:min-h-[15px] [&:not(:empty)]:min-w-[15px] [&:not(:empty)]:text-[11px]","md":"[&:not(:empty)]:min-h-[16px] [&:not(:empty)]:min-w-[16px] [&:not(:empty)]:text-[11px]","lg":"[&:not(:empty)]:min-h-[17px] [&:not(:empty)]:min-w-[17px] [&:not(:empty)]:text-[12px]","xl":"[&:not(:empty)]:min-h-[18px] [&:not(:empty)]:min-w-[18px] [&:not(:empty)]:text-[13px]","2xl":"[&:not(:empty)]:min-h-[20px] [&:not(:empty)]:min-w-[20px] [&:not(:empty)]:text-[14px]","3xl":"[&:not(:empty)]:min-h-[22px] [&:not(:empty)]:min-w-[22px] [&:not(:empty)]:text-[15px]"}}},"collapsible":{"slots":{"root":"rounded-lg","content":"data-[state=open]:animate-[collapsible-down_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[collapsible-up_var(--motion-slow)_var(--motion-ease-out)] overflow-hidden text-sm text-muted"}},"colorPicker":{},"commandPalette":{"slots":{"root":"rounded-xl","label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-xs","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5","itemTrailingHighlightedIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-sm","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6","itemTrailingHighlightedIcon":"coarse:size-6"}}}},"container":{},"contextMenu":{"slots":{"content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","item":"before:rounded-sm","label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-sm","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-base","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6"}}}},"dashboardGroup":{"base":"bg-muted dark:bg-(--ui-color-neutral-950) text-default"},"dashboardNavbar":{},"dashboardPanel":{"slots":{"root":"bg-default overflow-hidden m-(--forest-panel-inset) lg:ms-0 rounded-lg ring ring-[var(--forest-card-ring)] min-h-0"}},"dashboardResizeHandle":{"base":"before:-left-3.5 after:absolute after:top-1/2 after:right-1 after:-translate-y-1/2 after:h-16 after:w-1 after:rounded-full after:bg-(--ui-text-dimmed) after:opacity-0 after:transition-opacity after:duration-(--motion-fast) hover:after:opacity-100 hover:after:delay-(--motion-dwell) active:after:opacity-100 active:after:delay-0"},"dashboardSidebar":{"slots":{"root":"group transition-[width] duration-(--motion-slow) ease-(--motion-ease-in-out) data-[dragging=true]:transition-none","header":"group-data-[collapsed=true]:px-2 group-data-[collapsed=true]:justify-center","body":"[scrollbar-width:none]! group-data-[collapsed=true]:px-2","footer":"group-data-[collapsed=true]:px-2 group-data-[collapsed=true]:justify-center"},"variants":{"side":{"left":{"root":"border-e-0"}}}},"dashboardSidebarCollapse":{},"dashboardSidebarToggle":{},"dashboardToolbar":{"slots":{"root":"min-h-(--ui-header-height)"}},"drawer":{"slots":{"title":"text-base tracking-tight"},"variants":{"inset":{"true":{"content":"rounded-[var(--forest-drawer-radius)]"}}},"compoundVariants":[{"direction":"bottom","inset":false,"class":{"content":"rounded-t-[var(--forest-drawer-radius)]"}},{"direction":"top","inset":false,"class":{"content":"rounded-b-[var(--forest-drawer-radius)]"}},{"direction":"left","inset":false,"class":{"content":"rounded-r-[var(--forest-drawer-radius)]"}},{"direction":"right","inset":false,"class":{"content":"rounded-l-[var(--forest-drawer-radius)]"}}]},"dropdownMenu":{"slots":{"content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","item":"before:rounded-sm","label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-sm","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-base","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6"}}}},"empty":{"slots":{"root":"rounded-2xl p-8 sm:p-10 lg:p-12","title":"font-display","description":"max-w-xs","actions":"gap-3"},"variants":{"size":{"xs":{"title":"text-lg"},"sm":{"title":"text-lg"},"md":{"title":"text-xl"},"lg":{"title":"text-xl"},"xl":{"title":"text-2xl"}}}},"fieldGroup":{"base":"rounded-md","variants":{"orientation":{"horizontal":"[&>*:first-child]:rounded-s-md [&>*:last-child]:rounded-e-md","vertical":"[&>*:first-child]:rounded-t-md [&>*:last-child]:rounded-b-md"}}},"fileUpload":{"slots":{"base":"rounded-xl transition-[background,border-color] duration-(--motion-fast)","label":"font-bold"}},"footer":{},"footerColumns":{"slots":{"label":"type-overline"}},"form":{"base":"space-y-5"},"formField":{"slots":{"label":"font-bold"}},"header":{"slots":{"title":"type-title"}},"icon":{},"input":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-[0_0_0_3px_var(--forest-input-halo,var(--forest-halo-primary))]"},"variants":{"size":{"xs":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}},"color":{"primary":"[--forest-input-halo:var(--forest-halo-primary)]","secondary":"[--forest-input-halo:var(--forest-halo-secondary)]","success":"[--forest-input-halo:var(--forest-halo-success)]","info":"[--forest-input-halo:var(--forest-halo-info)]","warning":"[--forest-input-halo:var(--forest-halo-warning)]","error":"[--forest-input-halo:var(--forest-halo-error)]","forest":"[--forest-input-halo:var(--forest-halo-forest)]","maple":"[--forest-input-halo:var(--forest-halo-maple)]","river":"[--forest-input-halo:var(--forest-halo-river)]","warm":"[--forest-input-halo:var(--forest-halo-warm)]","acid":"[--forest-input-halo:var(--forest-halo-acid)]","neutral":"[--forest-input-halo:var(--forest-halo-neutral)]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none focus-visible:shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none focus-visible:shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputDate":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] has-focus-visible:shadow-none","segment":"focus:rounded"},"variants":{"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputMenu":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none","content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","item":"before:rounded-sm","tagsItem":"rounded-md"},"variants":{"variant":{"outline":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputNumber":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none"},"variants":{"size":{"xs":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5","sm":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","md":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2","lg":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","xl":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputRating":{"defaultVariants":{"color":"warning"},"variants":{"size":{"xs":{"item":"coarse:size-4","icon":"coarse:size-4"},"sm":{"item":"coarse:size-5","icon":"coarse:size-5"},"md":{"item":"coarse:size-6","icon":"coarse:size-6"},"lg":{"item":"coarse:size-7","icon":"coarse:size-7"}}}},"inputTags":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] has-focus-visible:shadow-none","item":"rounded-lg","itemDelete":"rounded-sm"},"variants":{"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputTime":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] has-focus-visible:shadow-none"},"variants":{"variant":{"outline":"hover:bg-elevated disabled:bg-default focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"hover:bg-accented/75 disabled:bg-elevated focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"kbd":{"base":"rounded-xs font-mono px-2","variants":{"size":{"sm":"px-1"}}},"link":{"base":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-forest-500)]"},"listbox":{"slots":{"label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-xs","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-sm","itemDescription":"coarse:text-sm","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6"}}}},"main":{},"marquee":{"slots":{"root":"rounded-xl py-1.5","content":"gap-6"}},"modal":{"slots":{"title":"font-display text-xl"},"variants":{"transition":{"true":{"overlay":"data-[state=open]:animate-[fade-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[fade-out_var(--motion-fast)_var(--motion-ease-out)]","content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]"}},"fullscreen":{"false":{"content":"rounded-xl"}}}},"navigationMenu":{"slots":{"viewport":"duration-(--motion-slow) ease-(--motion-ease-in-out) data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","arrow":"rounded-sm","label":"text-xs uppercase tracking-wider text-dimmed","childLink":"before:rounded-sm dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2"},"variants":{"active":{"true":{"childLink":"before:bg-primary/10 text-primary font-bold"}}},"compoundVariants":[{"variant":"pill","active":true,"class":{"link":"before:bg-primary/10 font-bold"}},{"variant":"link","active":true,"class":{"link":"font-bold"}},{"orientation":"vertical","collapsed":false,"class":{"label":"mt-6 [li:first-child>&]:mt-0"}},{"orientation":"vertical","collapsed":true,"class":{"link":"size-8 p-0 justify-center mx-auto","separator":"w-5 mx-auto my-1.5 px-0"}}]},"page":{},"pageAnchors":{},"pageAside":{},"pageCard":{"slots":{"root":"rounded-xl","title":"type-heading-xs","description":"type-body"}},"pageCta":{"slots":{"title":"type-headline","description":"type-body"}},"pageFeature":{"slots":{"title":"type-heading-xs","description":"type-body"}},"pageHeader":{"slots":{"headline":"type-overline","title":"type-display","description":"type-body"}},"pageHero":{"slots":{"title":"type-display","description":"type-subtitle"}},"pageLinks":{"slots":{"title":"type-label"}},"pageSection":{"slots":{"title":"type-headline","description":"type-body"}},"pagination":{"slots":{"label":"font-bold","item":"rounded-lg","ellipsis":"ring-0"}},"pinInput":{"slots":{"root":"gap-2","base":"font-bold transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-[inset_0_var(--forest-input-depth)_0_0_var(--forest-input-recess),0_0_0_3px_var(--forest-input-halo,var(--forest-halo-primary))]"},"variants":{"size":{"xs":{"base":"rounded-sm [--forest-input-depth:2px] touch:size-7"},"sm":{"base":"rounded-sm [--forest-input-depth:2px] touch:size-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]"},"md":{"base":"[--forest-input-depth:3px] touch:size-10 touch:text-sm"},"lg":{"base":"[--forest-input-depth:3px] touch:size-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]"},"xl":{"base":"[--forest-input-depth:4px] touch:size-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]"}},"color":{"primary":"[--forest-input-halo:var(--forest-halo-primary)]","secondary":"[--forest-input-halo:var(--forest-halo-secondary)]","success":"[--forest-input-halo:var(--forest-halo-success)]","info":"[--forest-input-halo:var(--forest-halo-info)]","warning":"[--forest-input-halo:var(--forest-halo-warning)]","error":"[--forest-input-halo:var(--forest-halo-error)]","forest":"[--forest-input-halo:var(--forest-halo-forest)]","maple":"[--forest-input-halo:var(--forest-halo-maple)]","river":"[--forest-input-halo:var(--forest-halo-river)]","warm":"[--forest-input-halo:var(--forest-halo-warm)]","acid":"[--forest-input-halo:var(--forest-halo-acid)]","neutral":"[--forest-input-halo:var(--forest-halo-neutral)]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}}]},"popover":{"slots":{"content":"shadow-xl rounded-xl data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]"}},"progress":{"slots":{"indicator":"duration-(--motion-slow) ease-(--motion-ease-out) will-change-transform"}},"prose":{"codePreview":{"slots":{"preview":"ed-demo"}},"codeCollapse":{"variants":{"open":{"false":{"root":"rounded-md"}}}}},"radioGroup":{"slots":{"legend":"font-bold"},"variants":{"size":{"xs":{"base":"coarse:size-3.5"},"sm":{"base":"coarse:size-4","item":"coarse:text-sm","legend":"coarse:text-sm","container":"coarse:h-5","fieldset":"coarse:gap-y-1","indicator":"coarse:after:size-1.5"},"md":{"base":"coarse:size-4.5"},"lg":{"base":"coarse:size-5","item":"coarse:text-base","legend":"coarse:text-base","container":"coarse:h-6","fieldset":"coarse:gap-y-1.5","indicator":"coarse:after:size-2"}}}},"scrollArea":{"slots":{"root":"rounded-lg [scrollbar-color:var(--forest-400)_transparent] hover:[scrollbar-color:var(--forest-500)_transparent]"}},"select":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none","item":"before:rounded-sm","label":"text-dimmed uppercase tracking-wider"},"variants":{"variant":{"outline":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"selectMenu":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none","label":"font-bold","item":"before:rounded-sm","content":"w-auto min-w-(--reka-combobox-trigger-width) max-w-[min(28rem,var(--reka-combobox-content-available-width))]"},"variants":{"variant":{"outline":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"separator":{"slots":{"container":"font-bold"}},"sidebar":{"slots":{"title":"font-display","description":"mt-1"},"variants":{"collapsible":{"icon":{"header":"group-data-[state=collapsed]/sidebar:px-2 group-data-[state=collapsed]/sidebar:justify-center","body":"group-data-[state=collapsed]/sidebar:px-2","footer":"group-data-[state=collapsed]/sidebar:px-2 group-data-[state=collapsed]/sidebar:justify-center"}},"transition":{"true":{"gap":"duration-(--motion-slow) ease-(--motion-ease-in-out)","container":"duration-(--motion-slow) ease-(--motion-ease-in-out)","rail":"duration-(--motion-fast) ease-(--motion-ease-out)"}},"variant":{"floating":{"inner":"bg-default shadow-none"}}},"compoundVariants":[{"variant":"floating","class":{"container":"border-transparent"}}]},"skeleton":{"base":"rounded-sm"},"slideover":{"slots":{"content":"shadow-xl","title":"font-display","header":"border-b border-default","footer":"border-t border-default"},"variants":{"inset":{"true":{"content":"rounded-xl"}},"transition":{"true":{"overlay":"data-[state=open]:animate-[fade-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[fade-out_var(--motion-fast)_var(--motion-ease-out)]"}}},"compoundVariants":[{"transition":true,"side":"top","class":{"content":"data-[state=open]:animate-[slide-in-from-top_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-top_var(--motion-fast)_var(--motion-ease-out)]"}},{"transition":true,"side":"right","class":{"content":"data-[state=open]:animate-[slide-in-from-right_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-right_var(--motion-fast)_var(--motion-ease-out)]"}},{"transition":true,"side":"bottom","class":{"content":"data-[state=open]:animate-[slide-in-from-bottom_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-bottom_var(--motion-fast)_var(--motion-ease-out)]"}},{"transition":true,"side":"left","class":{"content":"data-[state=open]:animate-[slide-in-from-left_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-left_var(--motion-fast)_var(--motion-ease-out)]"}}],"defaultVariants":{"inset":true}},"slider":{"slots":{"thumb":"focus-visible:outline-2 shadow-sm cursor-grab active:cursor-grabbing transition-[box-shadow,ring-color] duration-(--motion-fast)"},"variants":{"size":{"xs":{"thumb":"coarse:size-3.5"},"sm":{"thumb":"coarse:size-4"},"md":{"thumb":"coarse:size-4.5"},"lg":{"thumb":"coarse:size-5"}}}},"stepper":{"slots":{"trigger":"focus-visible:outline-2 focus-visible:outline-offset-2","title":"font-bold","separator":"opacity-60 group-data-[state=completed]:opacity-100"}},"switch":{"slots":{"base":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)] duration-(--motion-base)","thumb":"shadow-md duration-(--motion-base) ease-(--motion-ease-out)"},"variants":{"size":{"xs":{"base":"coarse:w-8","thumb":"coarse:size-3.5 coarse:data-[state=checked]:translate-x-3.5"},"sm":{"base":"coarse:w-9","container":"coarse:h-5","thumb":"coarse:size-4 coarse:data-[state=checked]:translate-x-4","wrapper":"coarse:text-sm"},"md":{"base":"coarse:w-10","thumb":"coarse:size-4.5 coarse:data-[state=checked]:translate-x-4.5"},"lg":{"base":"coarse:w-11","container":"coarse:h-6","thumb":"coarse:size-5 coarse:data-[state=checked]:translate-x-5","wrapper":"coarse:text-base"}}}},"table":{"slots":{"th":"text-xs font-bold uppercase tracking-wider text-default","td":"text-default","empty":"text-dimmed"}},"tabs":{"slots":{"indicator":"duration-(--motion-base) ease-(--motion-ease-in-out)","trigger":"font-bold"},"variants":{"size":{"xs":{"trigger":"coarse:px-2.5 coarse:py-1.5 coarse:gap-1.5"},"sm":{"trigger":"coarse:px-3 coarse:text-sm","leadingIcon":"coarse:size-5"},"md":{"trigger":"coarse:py-2 coarse:gap-2"},"lg":{"trigger":"coarse:text-base","leadingIcon":"coarse:size-6"}}},"compoundVariants":[{"variant":"pill","class":{"list":"bg-default ring ring-inset ring-accented"}},{"variant":"pill","size":"xs","class":{"list":"rounded-md","indicator":"rounded-sm"}},{"variant":"pill","size":"sm","class":{"list":"rounded-md coarse:rounded-lg","indicator":"rounded-sm coarse:rounded-md"}},{"variant":"pill","size":"md","class":{"list":"rounded-lg","indicator":"rounded-md"}},{"variant":"pill","size":"lg","class":{"list":"rounded-lg","indicator":"rounded-md"}},{"variant":"pill","size":"xl","class":{"list":"rounded-lg","indicator":"rounded-md"}}]},"textarea":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-[inset_0_var(--forest-input-depth)_0_0_var(--forest-input-recess),0_0_0_3px_var(--forest-input-halo,var(--forest-halo-primary))]"},"variants":{"size":{"xs":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}},"color":{"primary":"[--forest-input-halo:var(--forest-halo-primary)]","secondary":"[--forest-input-halo:var(--forest-halo-secondary)]","success":"[--forest-input-halo:var(--forest-halo-success)]","info":"[--forest-input-halo:var(--forest-halo-info)]","warning":"[--forest-input-halo:var(--forest-halo-warning)]","error":"[--forest-input-halo:var(--forest-halo-error)]","forest":"[--forest-input-halo:var(--forest-halo-forest)]","maple":"[--forest-input-halo:var(--forest-halo-maple)]","river":"[--forest-input-halo:var(--forest-halo-river)]","warm":"[--forest-input-halo:var(--forest-halo-warm)]","acid":"[--forest-input-halo:var(--forest-halo-acid)]","neutral":"[--forest-input-halo:var(--forest-halo-neutral)]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}}]},"timeline":{"slots":{"title":"font-bold"}},"toast":{"slots":{"root":"rounded-xl gap-3 focus:outline-none","title":"font-bold"}},"toaster":{"slots":{"base":"data-[front=false]:*:duration-(--motion-instant) data-[state=closed]:animate-[toast-closed_var(--motion-fast)_var(--motion-ease-out)] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_var(--motion-fast)_var(--motion-ease-out)] data-[state=open]:data-[pulsing=odd]:animate-[toast-pulse-a_var(--motion-base)_var(--motion-ease-out)] data-[state=open]:data-[pulsing=even]:animate-[toast-pulse-b_var(--motion-base)_var(--motion-ease-out)] duration-(--motion-base) ease-(--motion-ease-out)"},"variants":{"swipeDirection":{"up":"data-[swipe=end]:animate-[toast-slide-up_var(--motion-fast)_var(--motion-ease-out)]","right":"data-[swipe=end]:animate-[toast-slide-right_var(--motion-fast)_var(--motion-ease-out)]","down":"data-[swipe=end]:animate-[toast-slide-down_var(--motion-fast)_var(--motion-ease-out)]","left":"data-[swipe=end]:animate-[toast-slide-left_var(--motion-fast)_var(--motion-ease-out)]"}},"compoundVariants":[{"position":["top-left","top-center","top-right"],"class":{"base":"data-[state=open]:animate-[toast-slide-in-from-top_var(--motion-base)_var(--motion-ease-out)]"}},{"position":["bottom-left","bottom-center","bottom-right"],"class":{"base":"data-[state=open]:animate-[toast-slide-in-from-bottom_var(--motion-base)_var(--motion-ease-out)]"}}]},"tooltip":{"slots":{"content":"bg-inverted text-inverted rounded-lg data-[state=delayed-open]:animate-[scale-in_var(--motion-fast)_var(--motion-ease-out)] data-[state=instant-open]:animate-[scale-in_var(--motion-fast)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-instant)_var(--motion-ease-out)]","arrow":"fill-[var(--ui-bg-inverted)]"}},"tree":{"slots":{"link":"focus-visible:before:ring-inset focus-visible:before:ring-2","linkTrailingIcon":"duration-(--motion-fast) ease-(--motion-ease-out)"},"variants":{"size":{"xs":{"link":"coarse:px-2.5 coarse:py-1.5 coarse:gap-1.5"},"sm":{"link":"coarse:text-sm","linkLeadingIcon":"coarse:size-5","linkTrailingIcon":"coarse:size-5"},"md":{"link":"coarse:px-3 coarse:py-2 coarse:gap-2"},"lg":{"link":"coarse:text-base","linkLeadingIcon":"coarse:size-6","linkTrailingIcon":"coarse:size-6"}}}},"user":{"slots":{"name":"font-bold","wrapper":"min-w-0"},"variants":{"to":{"true":{"avatar":"duration-(--motion-fast) ease-(--motion-ease-out)"}}}},"icons":{"star":"i-forest-star-fill"},"colors":{"primary":"forest","secondary":"warm","success":"forest","info":"river","warning":"amber","error":"maple","neutral":"neutral"}},"theme":{"colors":["secondary","success","info","warning","error","forest","maple","river","warm","acid"]}}
|
|
1
|
+
{"ui":{"accordion":{"slots":{"trigger":"font-bold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-forest-500)]","body":"text-muted","content":"data-[state=open]:animate-[accordion-down_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[accordion-up_var(--motion-slow)_var(--motion-ease-out)]","trailingIcon":"duration-(--motion-fast) ease-(--motion-ease-out)"}},"alert":{"slots":{"title":"font-bold"}},"authForm":{"slots":{"title":"type-title","description":"type-body"}},"avatar":{"slots":{"root":"font-bold","fallback":"font-bold"}},"avatarGroup":{},"badge":{"slots":{"base":"rounded-sm font-bold uppercase tracking-wide"},"variants":{"size":{"xs":{"base":"rounded-xs coarse:text-[10px]/3 coarse:px-1.5 coarse:py-1"},"sm":{"base":"rounded-xs coarse:text-xs coarse:px-2 coarse:rounded-sm","leadingIcon":"coarse:size-4","trailingIcon":"coarse:size-4"},"md":{"base":"rounded-sm coarse:text-sm coarse:gap-1.5","leadingIcon":"coarse:size-5","trailingIcon":"coarse:size-5"},"lg":{"base":"rounded-sm coarse:text-base coarse:px-2.5","leadingIcon":"coarse:size-6","trailingIcon":"coarse:size-6"},"xl":{"base":"rounded-sm"}}},"defaultVariants":{"variant":"subtle"}},"banner":{"slots":{"left":"lg:flex-none","center":"flex-1","title":"font-bold me-auto","right":"lg:flex-none"}},"breadcrumb":{},"button":{"slots":{"base":"font-bold transition-[transform,box-shadow,background-color,border-color,color] duration-(--motion-fast) motion-reduce:transition-[background-color,border-color,color]"},"variants":{"color":{"primary":"[--btn-face:var(--forest-500)] dark:[--btn-face:var(--forest-400)] [--btn-hover:var(--forest-600)] dark:[--btn-hover:var(--forest-500)] [--btn-press:var(--forest-700)] dark:[--btn-press:var(--forest-600)] [--btn-lip:var(--forest-700)] dark:[--btn-lip:var(--forest-600)] [--btn-ring:var(--forest-500)] [--btn-t1:var(--forest-100)] dark:[--btn-t1:var(--forest-900)] [--btn-t2:var(--forest-200)] dark:[--btn-t2:var(--forest-800)] [--btn-t3:var(--forest-300)] dark:[--btn-t3:var(--forest-700)] [--btn-line:var(--forest-400)] dark:[--btn-line:var(--forest-600)] [--btn-text:var(--forest-700)] dark:[--btn-text:var(--forest-300)] [--btn-ink:var(--forest-0)] dark:[--btn-ink:var(--forest-950)]","success":"[--btn-face:var(--forest-500)] dark:[--btn-face:var(--forest-400)] [--btn-hover:var(--forest-600)] dark:[--btn-hover:var(--forest-500)] [--btn-press:var(--forest-700)] dark:[--btn-press:var(--forest-600)] [--btn-lip:var(--forest-700)] dark:[--btn-lip:var(--forest-600)] [--btn-ring:var(--forest-500)] [--btn-t1:var(--forest-100)] dark:[--btn-t1:var(--forest-900)] [--btn-t2:var(--forest-200)] dark:[--btn-t2:var(--forest-800)] [--btn-t3:var(--forest-300)] dark:[--btn-t3:var(--forest-700)] [--btn-line:var(--forest-400)] dark:[--btn-line:var(--forest-600)] [--btn-text:var(--forest-700)] dark:[--btn-text:var(--forest-300)] [--btn-ink:var(--forest-0)] dark:[--btn-ink:var(--forest-950)]","info":"[--btn-face:var(--river-500)] dark:[--btn-face:var(--river-400)] [--btn-hover:var(--river-600)] dark:[--btn-hover:var(--river-500)] [--btn-press:var(--river-700)] dark:[--btn-press:var(--river-600)] [--btn-lip:var(--river-700)] dark:[--btn-lip:var(--river-600)] [--btn-ring:var(--river-500)] [--btn-t1:var(--river-100)] dark:[--btn-t1:var(--river-900)] [--btn-t2:var(--river-200)] dark:[--btn-t2:var(--river-800)] [--btn-t3:var(--river-300)] dark:[--btn-t3:var(--river-700)] [--btn-line:var(--river-400)] dark:[--btn-line:var(--river-600)] [--btn-text:var(--river-700)] dark:[--btn-text:var(--river-300)] [--btn-ink:var(--river-0)] dark:[--btn-ink:var(--river-950)]","error":"[--btn-face:var(--maple-500)] dark:[--btn-face:var(--maple-400)] [--btn-hover:var(--maple-600)] dark:[--btn-hover:var(--maple-500)] [--btn-press:var(--maple-700)] dark:[--btn-press:var(--maple-600)] [--btn-lip:var(--maple-700)] dark:[--btn-lip:var(--maple-600)] [--btn-ring:var(--maple-500)] [--btn-t1:var(--maple-100)] dark:[--btn-t1:var(--maple-900)] [--btn-t2:var(--maple-200)] dark:[--btn-t2:var(--maple-800)] [--btn-t3:var(--maple-300)] dark:[--btn-t3:var(--maple-700)] [--btn-line:var(--maple-400)] dark:[--btn-line:var(--maple-600)] [--btn-text:var(--maple-700)] dark:[--btn-text:var(--maple-300)] [--btn-ink:var(--maple-0)] dark:[--btn-ink:var(--maple-950)]","warning":"[--btn-face:var(--amber-300)] [--btn-hover:var(--amber-400)] [--btn-press:var(--amber-500)] [--btn-lip:var(--amber-600)] [--btn-ring:var(--amber-500)] [--btn-t1:var(--amber-100)] dark:[--btn-t1:var(--amber-900)] [--btn-t2:var(--amber-200)] dark:[--btn-t2:var(--amber-800)] [--btn-t3:var(--amber-300)] dark:[--btn-t3:var(--amber-700)] [--btn-line:var(--amber-400)] dark:[--btn-line:var(--amber-600)] [--btn-text:var(--amber-700)] dark:[--btn-text:var(--amber-300)] [--btn-ink:var(--amber-950)]","secondary":"[--btn-face:var(--warm-500)] dark:[--btn-face:var(--warm-400)] [--btn-hover:var(--warm-600)] dark:[--btn-hover:var(--warm-500)] [--btn-press:var(--warm-700)] dark:[--btn-press:var(--warm-600)] [--btn-lip:var(--warm-700)] dark:[--btn-lip:var(--warm-600)] [--btn-ring:var(--warm-500)] [--btn-t1:var(--warm-100)] dark:[--btn-t1:var(--warm-900)] [--btn-t2:var(--warm-200)] dark:[--btn-t2:var(--warm-800)] [--btn-t3:var(--warm-300)] dark:[--btn-t3:var(--warm-700)] [--btn-line:var(--warm-400)] dark:[--btn-line:var(--warm-600)] [--btn-text:var(--warm-700)] dark:[--btn-text:var(--warm-300)] [--btn-ink:var(--warm-0)] dark:[--btn-ink:var(--warm-950)]","neutral":"[--btn-face:var(--neutral-900)] dark:[--btn-face:var(--neutral-50)] [--btn-hover:var(--neutral-800)] dark:[--btn-hover:var(--neutral-100)] [--btn-press:var(--neutral-700)] dark:[--btn-press:var(--neutral-200)] [--btn-lip:var(--neutral-400)] dark:[--btn-lip:var(--neutral-300)] [--btn-ring:var(--neutral-500)] [--btn-t1:var(--neutral-50)] dark:[--btn-t1:var(--neutral-950)] [--btn-t2:var(--neutral-100)] dark:[--btn-t2:var(--neutral-900)] [--btn-t3:var(--neutral-200)] dark:[--btn-t3:var(--neutral-800)] [--btn-line:var(--neutral-300)] dark:[--btn-line:var(--neutral-700)] [--btn-text:var(--neutral-900)] dark:[--btn-text:var(--neutral-100)] [--btn-ink:var(--neutral-0)] dark:[--btn-ink:var(--neutral-900)]"},"variant":{"keycap":"","pad":"","framed":"","subtle":"","link":""},"size":{"xs":{"base":"min-h-6 px-2.5 rounded-sm touch:min-h-7 [--btn-y:-1px] [--btn-yi:1px] [--btn-y-h:-2px] [--btn-yhi:2px] coarse:[--btn-y:-2px] coarse:[--btn-yi:2px] coarse:[--btn-y-h:-3px] coarse:[--btn-yhi:3px]"},"sm":{"base":"min-h-7 px-3 rounded-md touch:min-h-9 touch:text-sm [--btn-y:-2px] [--btn-yi:2px] [--btn-y-h:-3px] [--btn-yhi:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"min-h-8 px-3.5 rounded-md touch:min-h-10 [--btn-y:-2px] [--btn-yi:2px] [--btn-y-h:-3px] [--btn-yhi:3px] coarse:[--btn-y:-3px] coarse:[--btn-yi:3px] coarse:[--btn-y-h:-4px] coarse:[--btn-yhi:4px]"},"lg":{"base":"min-h-9 px-4 rounded-lg touch:min-h-11 touch:text-base [--btn-y:-3px] [--btn-yi:3px] [--btn-y-h:-4px] [--btn-yhi:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"min-h-10 px-4 rounded-lg touch:min-h-13 touch:text-lg [--btn-y:-3px] [--btn-yi:3px] [--btn-y-h:-4px] [--btn-yhi:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"color":"primary","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"success","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"info","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"warning","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"error","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"keycap","class":"relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"primary","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"success","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"info","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"warning","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"error","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"pad","class":"[--btn-face:var(--btn-t1)] dark:[--btn-face:var(--btn-t1)] [--btn-hover:var(--btn-t2)] dark:[--btn-hover:var(--btn-t2)] [--btn-press:var(--btn-t3)] dark:[--btn-press:var(--btn-t3)] [--btn-lip:var(--btn-line)] dark:[--btn-lip:var(--btn-line)] [--btn-ink:var(--btn-text)] dark:[--btn-ink:var(--btn-text)] relative isolate overflow-visible border-0 text-[var(--btn-ink)] bg-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent aria-disabled:bg-transparent [--btn-y-focus:var(--btn-y)] [--btn-yi-focus:var(--btn-yi)] [--btn-ring-w:2px] translate-y-[var(--btn-y)] transition-[translate] duration-(--motion-instant) ease-(--motion-ease-out) motion-reduce:transition-none hover:translate-y-[var(--btn-y-h)] active:translate-y-0 focus-visible:translate-y-[var(--btn-y-focus)] disabled:translate-y-0 aria-disabled:translate-y-0 after:content-[''] after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] after:bg-[var(--btn-face)] after:border-solid after:[border-width:var(--btn-edge,1px)] after:border-[var(--btn-lip)] after:transition-[background-color] after:duration-(--motion-instant) after:ease-(--motion-ease-out) hover:after:bg-[var(--btn-hover)] active:after:bg-[var(--btn-hover)] before:content-[''] before:absolute before:inset-x-0 before:bottom-0 before:top-[var(--btn-y)] before:-z-20 before:rounded-[inherit] before:bg-[var(--btn-lip)] before:translate-y-[var(--btn-yi)] before:transition-[translate,top] before:duration-(--motion-instant) before:ease-(--motion-ease-out) before:motion-reduce:transition-none hover:before:translate-y-[var(--btn-yhi)] hover:before:top-[var(--btn-y-h)] active:before:translate-y-0 active:before:top-0 focus-visible:before:top-[var(--btn-y-focus)] focus-visible:before:translate-y-[var(--btn-yi-focus)] disabled:before:translate-y-0 disabled:before:top-0 aria-disabled:before:translate-y-0 aria-disabled:before:top-0 focus-visible:outline-none focus-visible:before:outline-[length:var(--btn-ring-w)] focus-visible:before:outline-offset-2 focus-visible:before:outline-[var(--btn-ring)]"},{"color":"primary","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"framed","class":"ring-[length:var(--btn-edge,1px)] ring-inset ring-[var(--btn-lip)] text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"solid","class":"border-0 text-[var(--btn-ink)] bg-[var(--btn-face)] hover:bg-[var(--btn-hover)] active:bg-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"subtle","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-default hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"soft","class":"text-[var(--btn-text)] bg-[var(--btn-t1)] hover:bg-[var(--btn-t2)] active:bg-[var(--btn-t3)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"outline","class":"ring-[length:var(--btn-edge,1px)] ring-[var(--btn-line)] text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"ghost","class":"text-[var(--btn-text)] bg-transparent hover:bg-[var(--btn-t1)] active:bg-[var(--btn-t2)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"primary","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"secondary","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"success","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"info","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"warning","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"error","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"color":"neutral","variant":"link","class":"border-0 bg-transparent text-[var(--btn-text)] underline-offset-4 hover:underline hover:text-[var(--btn-press)] active:text-[var(--btn-press)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--btn-ring)]"},{"square":true,"class":"justify-center aspect-square touch:px-0 touch:py-0"}],"defaultVariants":{"color":"primary","variant":"solid","size":"md"}},"calendar":{"slots":{"root":"rounded-xl border border-default bg-elevated/30 p-4 inline-block","headingLabel":"font-bold tracking-tight text-highlighted","cellTrigger":"focus-visible:ring-2 focus-visible:ring-offset-2 focus:outline-none data-today:font-bold"}},"card":{"slots":{"root":"rounded-xl forest-card","body":"sm:p-4","header":"sm:px-4","footer":"sm:px-4","title":"[font-family:var(--fx-title-family)] [text-transform:var(--fx-title-transform)]"},"variants":{"variant":{"soft":{"root":"bg-[var(--forest-card-bg)] divide-y-0","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"solid":{"header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"subtle":{"root":"bg-[var(--forest-card-bg)] ring-[var(--forest-card-ring)] divide-[color:var(--forest-card-ring)]"},"outline":{"root":"ring-[var(--forest-card-ring)] divide-[color:var(--forest-card-ring)]"},"peach":{"root":"bg-[var(--forest-card-peach-bg)] ring-[var(--forest-card-peach-ring)]","title":"text-[var(--forest-card-peach-text)]","description":"text-[var(--forest-card-peach-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"mint":{"root":"bg-[var(--forest-card-mint-bg)] ring-[var(--forest-card-mint-ring)]","title":"text-[var(--forest-card-mint-text)]","description":"text-[var(--forest-card-mint-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"sky":{"root":"bg-[var(--forest-card-sky-bg)] ring-[var(--forest-card-sky-ring)]","title":"text-[var(--forest-card-sky-text)]","description":"text-[var(--forest-card-sky-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"},"amber":{"root":"bg-[var(--forest-card-amber-bg)] ring-[var(--forest-card-amber-ring)]","title":"text-[var(--forest-card-amber-text)]","description":"text-[var(--forest-card-amber-muted)]","header":"[&:not(:last-child)]:pb-0","footer":"[&:not(:first-child)]:pt-0"}}},"defaultVariants":{"variant":"soft"}},"carousel":{"slots":{"prev":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]","next":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]","dot":"focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]"},"variants":{"active":{"true":{"dot":"data-[state=active]:bg-[var(--forest-500)] dark:data-[state=active]:bg-[var(--forest-400)]"}}}},"checkbox":{"slots":{"base":"rounded focus-visible:outline-offset-2"},"variants":{"size":{"xs":{"base":"coarse:size-3.5","icon":"coarse:size-3"},"sm":{"base":"coarse:size-4","icon":"coarse:size-3.5","container":"coarse:h-5","wrapper":"coarse:text-sm"},"md":{"base":"coarse:size-4.5","icon":"coarse:size-4"},"lg":{"base":"coarse:size-5","icon":"coarse:size-4.5","container":"coarse:h-6","wrapper":"coarse:text-base"}}},"compoundVariants":[{"variant":"list","indicator":["start","end"],"class":{"base":"focus-visible:outline-2"}},{"variant":"card","class":{"root":"has-focus-visible:outline-2 has-focus-visible:outline-offset-2"}},{"variant":"list","indicator":"hidden","class":{"root":"has-focus-visible:outline-2 has-focus-visible:outline-offset-2"}}]},"checkboxGroup":{"slots":{"legend":"font-bold"}},"chip":{"slots":{"base":"font-bold [&:not(:empty)]:px-1 [&:not(:empty)]:leading-none"},"variants":{"standalone":{"true":"[&.ring]:translate-x-0 [&.ring]:translate-y-0"},"size":{"3xs":"[&:not(:empty)]:min-h-[14px] [&:not(:empty)]:min-w-[14px] [&:not(:empty)]:text-[10px]","2xs":"[&:not(:empty)]:min-h-[14px] [&:not(:empty)]:min-w-[14px] [&:not(:empty)]:text-[10px]","xs":"[&:not(:empty)]:min-h-[15px] [&:not(:empty)]:min-w-[15px] [&:not(:empty)]:text-[10px]","sm":"[&:not(:empty)]:min-h-[15px] [&:not(:empty)]:min-w-[15px] [&:not(:empty)]:text-[11px]","md":"[&:not(:empty)]:min-h-[16px] [&:not(:empty)]:min-w-[16px] [&:not(:empty)]:text-[11px]","lg":"[&:not(:empty)]:min-h-[17px] [&:not(:empty)]:min-w-[17px] [&:not(:empty)]:text-[12px]","xl":"[&:not(:empty)]:min-h-[18px] [&:not(:empty)]:min-w-[18px] [&:not(:empty)]:text-[13px]","2xl":"[&:not(:empty)]:min-h-[20px] [&:not(:empty)]:min-w-[20px] [&:not(:empty)]:text-[14px]","3xl":"[&:not(:empty)]:min-h-[22px] [&:not(:empty)]:min-w-[22px] [&:not(:empty)]:text-[15px]"}}},"collapsible":{"slots":{"root":"rounded-lg","content":"data-[state=open]:animate-[collapsible-down_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[collapsible-up_var(--motion-slow)_var(--motion-ease-out)] overflow-hidden text-sm text-muted"}},"colorPicker":{},"commandPalette":{"slots":{"root":"rounded-xl","label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-xs","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5","itemTrailingHighlightedIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-sm","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6","itemTrailingHighlightedIcon":"coarse:size-6"}}}},"container":{},"contextMenu":{"slots":{"content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","item":"before:rounded-sm","label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-sm","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-base","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6"}}}},"dashboardGroup":{"base":"bg-muted dark:bg-(--ui-color-neutral-950) text-default"},"dashboardNavbar":{},"dashboardPanel":{"slots":{"root":"bg-default overflow-hidden m-(--forest-panel-inset) lg:ms-0 rounded-lg ring ring-[var(--forest-card-ring)] min-h-0"}},"dashboardResizeHandle":{"base":"before:-left-3.5 after:absolute after:top-1/2 after:right-1 after:-translate-y-1/2 after:h-16 after:w-1 after:rounded-full after:bg-(--ui-text-dimmed) after:opacity-0 after:transition-opacity after:duration-(--motion-fast) hover:after:opacity-100 hover:after:delay-(--motion-dwell) active:after:opacity-100 active:after:delay-0"},"dashboardSidebar":{"slots":{"root":"group transition-[width] duration-(--motion-slow) ease-(--motion-ease-in-out) data-[dragging=true]:transition-none","header":"group-data-[collapsed=true]:px-2 group-data-[collapsed=true]:justify-center","body":"[scrollbar-width:none]! group-data-[collapsed=true]:px-2","footer":"group-data-[collapsed=true]:px-2 group-data-[collapsed=true]:justify-center"},"variants":{"side":{"left":{"root":"border-e-0"}}}},"dashboardSidebarCollapse":{},"dashboardSidebarToggle":{},"dashboardToolbar":{"slots":{"root":"min-h-(--ui-header-height)"}},"drawer":{"slots":{"title":"text-base tracking-tight"},"variants":{"inset":{"true":{"content":"rounded-[var(--forest-drawer-radius)]"}}},"compoundVariants":[{"direction":"bottom","inset":false,"class":{"content":"rounded-t-[var(--forest-drawer-radius)]"}},{"direction":"top","inset":false,"class":{"content":"rounded-b-[var(--forest-drawer-radius)]"}},{"direction":"left","inset":false,"class":{"content":"rounded-r-[var(--forest-drawer-radius)]"}},{"direction":"right","inset":false,"class":{"content":"rounded-l-[var(--forest-drawer-radius)]"}}]},"dropdownMenu":{"slots":{"content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","item":"before:rounded-sm","label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-sm","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-base","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6"}}}},"empty":{"slots":{"root":"rounded-2xl p-8 sm:p-10 lg:p-12","title":"font-display","description":"max-w-xs","actions":"gap-3"},"variants":{"size":{"xs":{"title":"text-lg"},"sm":{"title":"text-lg"},"md":{"title":"text-xl"},"lg":{"title":"text-xl"},"xl":{"title":"text-2xl"}}}},"fieldGroup":{"base":"rounded-md","variants":{"orientation":{"horizontal":"[&>*:first-child]:rounded-s-md [&>*:last-child]:rounded-e-md","vertical":"[&>*:first-child]:rounded-t-md [&>*:last-child]:rounded-b-md"}}},"fileUpload":{"slots":{"base":"rounded-xl transition-[background,border-color] duration-(--motion-fast)","label":"font-bold"}},"footer":{},"footerColumns":{"slots":{"label":"type-overline"}},"form":{"base":"space-y-5"},"formField":{"slots":{"label":"font-bold"}},"header":{"slots":{"title":"type-title"}},"icon":{},"input":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-[0_0_0_3px_var(--forest-input-halo,var(--forest-halo-primary))]"},"variants":{"size":{"xs":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}},"color":{"primary":"[--forest-input-halo:var(--forest-halo-primary)]","secondary":"[--forest-input-halo:var(--forest-halo-secondary)]","success":"[--forest-input-halo:var(--forest-halo-success)]","info":"[--forest-input-halo:var(--forest-halo-info)]","warning":"[--forest-input-halo:var(--forest-halo-warning)]","error":"[--forest-input-halo:var(--forest-halo-error)]","forest":"[--forest-input-halo:var(--forest-halo-forest)]","maple":"[--forest-input-halo:var(--forest-halo-maple)]","river":"[--forest-input-halo:var(--forest-halo-river)]","warm":"[--forest-input-halo:var(--forest-halo-warm)]","acid":"[--forest-input-halo:var(--forest-halo-acid)]","neutral":"[--forest-input-halo:var(--forest-halo-neutral)]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none focus-visible:shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none focus-visible:shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputDate":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] has-focus-visible:shadow-none","segment":"focus:rounded"},"variants":{"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputMenu":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none","content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","item":"before:rounded-sm","tagsItem":"rounded-md"},"variants":{"variant":{"outline":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputNumber":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none"},"variants":{"size":{"xs":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5","sm":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","md":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2","lg":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","xl":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputRating":{"defaultVariants":{"color":"warning"},"variants":{"size":{"xs":{"item":"coarse:size-4","icon":"coarse:size-4"},"sm":{"item":"coarse:size-5","icon":"coarse:size-5"},"md":{"item":"coarse:size-6","icon":"coarse:size-6"},"lg":{"item":"coarse:size-7","icon":"coarse:size-7"}}}},"inputTags":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] has-focus-visible:shadow-none","item":"rounded-lg","itemDelete":"rounded-sm"},"variants":{"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"inputTime":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] has-focus-visible:shadow-none"},"variants":{"variant":{"outline":"hover:bg-elevated disabled:bg-default focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"hover:bg-accented/75 disabled:bg-elevated focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"kbd":{"base":"rounded-xs font-mono px-2","variants":{"size":{"sm":"px-1"}}},"link":{"base":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-forest-500)]"},"listbox":{"slots":{"label":"font-bold tracking-wide"},"variants":{"size":{"xs":{"item":"coarse:p-1.5 coarse:gap-1.5","label":"coarse:p-1.5 coarse:gap-1.5"},"sm":{"item":"coarse:text-sm","label":"coarse:text-xs","itemLeadingIcon":"coarse:size-5","itemTrailingIcon":"coarse:size-5"},"md":{"item":"coarse:p-2 coarse:gap-2","label":"coarse:p-2 coarse:gap-2"},"lg":{"item":"coarse:text-base","label":"coarse:text-sm","itemDescription":"coarse:text-sm","itemLeadingIcon":"coarse:size-6","itemTrailingIcon":"coarse:size-6"}}}},"main":{},"marquee":{"slots":{"root":"rounded-xl py-1.5","content":"gap-6"}},"modal":{"slots":{"title":"font-display text-xl"},"variants":{"transition":{"true":{"overlay":"data-[state=open]:animate-[fade-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[fade-out_var(--motion-fast)_var(--motion-ease-out)]","content":"data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]"}},"fullscreen":{"false":{"content":"rounded-xl"}}}},"navigationMenu":{"slots":{"viewport":"duration-(--motion-slow) ease-(--motion-ease-in-out) data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]","arrow":"rounded-sm","label":"text-xs uppercase tracking-wider text-dimmed","childLink":"before:rounded-sm dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2"},"variants":{"active":{"true":{"childLink":"before:bg-primary/10 text-primary font-bold"}}},"compoundVariants":[{"variant":"pill","active":true,"class":{"link":"before:bg-primary/10 font-bold"}},{"variant":"link","active":true,"class":{"link":"font-bold"}},{"orientation":"vertical","collapsed":false,"class":{"label":"mt-6 [li:first-child>&]:mt-0"}},{"orientation":"vertical","collapsed":true,"class":{"link":"size-8 p-0 justify-center mx-auto","separator":"w-5 mx-auto my-1.5 px-0"}}]},"page":{},"pageAnchors":{},"pageAside":{},"pageCard":{"slots":{"root":"rounded-xl","title":"type-heading-xs","description":"type-body"}},"pageCta":{"slots":{"title":"type-headline","description":"type-body"}},"pageFeature":{"slots":{"title":"type-heading-xs","description":"type-body"}},"pageHeader":{"slots":{"headline":"type-overline","title":"type-display","description":"type-body"}},"pageHero":{"slots":{"title":"type-display","description":"type-subtitle"}},"pageLinks":{"slots":{"title":"type-label"}},"pageSection":{"slots":{"title":"type-headline","description":"type-body"}},"pagination":{"slots":{"label":"font-bold","item":"rounded-lg","ellipsis":"ring-0"}},"pinInput":{"slots":{"root":"gap-2","base":"font-bold transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-[inset_0_var(--forest-input-depth)_0_0_var(--forest-input-recess),0_0_0_3px_var(--forest-input-halo,var(--forest-halo-primary))]"},"variants":{"size":{"xs":{"base":"rounded-sm [--forest-input-depth:2px] touch:size-7"},"sm":{"base":"rounded-sm [--forest-input-depth:2px] touch:size-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]"},"md":{"base":"[--forest-input-depth:3px] touch:size-10 touch:text-sm"},"lg":{"base":"[--forest-input-depth:3px] touch:size-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]"},"xl":{"base":"[--forest-input-depth:4px] touch:size-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]"}},"color":{"primary":"[--forest-input-halo:var(--forest-halo-primary)]","secondary":"[--forest-input-halo:var(--forest-halo-secondary)]","success":"[--forest-input-halo:var(--forest-halo-success)]","info":"[--forest-input-halo:var(--forest-halo-info)]","warning":"[--forest-input-halo:var(--forest-halo-warning)]","error":"[--forest-input-halo:var(--forest-halo-error)]","forest":"[--forest-input-halo:var(--forest-halo-forest)]","maple":"[--forest-input-halo:var(--forest-halo-maple)]","river":"[--forest-input-halo:var(--forest-halo-river)]","warm":"[--forest-input-halo:var(--forest-halo-warm)]","acid":"[--forest-input-halo:var(--forest-halo-acid)]","neutral":"[--forest-input-halo:var(--forest-halo-neutral)]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}}]},"popover":{"slots":{"content":"shadow-xl rounded-xl data-[state=open]:animate-[scale-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-fast)_var(--motion-ease-out)]"}},"progress":{"slots":{"indicator":"duration-(--motion-slow) ease-(--motion-ease-out) will-change-transform"}},"progressGroup":{"slots":{"segment":"duration-(--motion-slow) ease-(--motion-ease-out)","status":"duration-(--motion-slow) ease-(--motion-ease-out)"}},"prose":{"codePreview":{"slots":{"preview":"ed-demo"}},"codeCollapse":{"variants":{"open":{"false":{"root":"rounded-md"}}}}},"radioGroup":{"slots":{"legend":"font-bold"},"variants":{"size":{"xs":{"base":"coarse:size-3.5"},"sm":{"base":"coarse:size-4","item":"coarse:text-sm","legend":"coarse:text-sm","container":"coarse:h-5","fieldset":"coarse:gap-y-1","indicator":"coarse:after:size-1.5"},"md":{"base":"coarse:size-4.5"},"lg":{"base":"coarse:size-5","item":"coarse:text-base","legend":"coarse:text-base","container":"coarse:h-6","fieldset":"coarse:gap-y-1.5","indicator":"coarse:after:size-2"}}}},"scrollArea":{"slots":{"root":"rounded-lg [scrollbar-color:var(--forest-400)_transparent] hover:[scrollbar-color:var(--forest-500)_transparent]"}},"select":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none","item":"before:rounded-sm","label":"text-dimmed uppercase tracking-wider"},"variants":{"variant":{"outline":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"selectMenu":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-none focus:outline-none","label":"font-bold","item":"before:rounded-sm","content":"w-auto min-w-(--reka-combobox-trigger-width) max-w-[min(28rem,var(--reka-combobox-content-available-width))]"},"variants":{"variant":{"outline":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]","subtle":"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--forest-500)]"},"size":{"xs":{"base":"[--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"[--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}},{"variant":"none","class":{"base":"shadow-none"}},{"color":"primary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-primary)]"}},{"color":"secondary","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-secondary)]"}},{"color":"success","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-success)]"}},{"color":"info","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-info)]"}},{"color":"warning","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warning)]"}},{"color":"error","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-error)]"}},{"color":"forest","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-forest)]"}},{"color":"maple","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-maple)]"}},{"color":"river","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-river)]"}},{"color":"warm","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-warm)]"}},{"color":"acid","highlight":true,"class":{"base":"[--forest-input-recess:var(--forest-recess-acid)]"}}]},"separator":{"slots":{"container":"font-bold"}},"sidebar":{"slots":{"title":"font-display","description":"mt-1"},"variants":{"collapsible":{"icon":{"header":"group-data-[state=collapsed]/sidebar:px-2 group-data-[state=collapsed]/sidebar:justify-center","body":"group-data-[state=collapsed]/sidebar:px-2","footer":"group-data-[state=collapsed]/sidebar:px-2 group-data-[state=collapsed]/sidebar:justify-center"}},"transition":{"true":{"gap":"duration-(--motion-slow) ease-(--motion-ease-in-out)","container":"duration-(--motion-slow) ease-(--motion-ease-in-out)","rail":"duration-(--motion-fast) ease-(--motion-ease-out)"}},"variant":{"floating":{"inner":"bg-default shadow-none"}}},"compoundVariants":[{"variant":"floating","class":{"container":"border-transparent"}}]},"skeleton":{"base":"rounded-sm"},"slideover":{"slots":{"content":"shadow-xl","title":"font-display","header":"border-b border-default","footer":"border-t border-default"},"variants":{"inset":{"true":{"content":"rounded-xl"}},"transition":{"true":{"overlay":"data-[state=open]:animate-[fade-in_var(--motion-base)_var(--motion-ease-out)] data-[state=closed]:animate-[fade-out_var(--motion-fast)_var(--motion-ease-out)]"}}},"compoundVariants":[{"transition":true,"side":"top","class":{"content":"data-[state=open]:animate-[slide-in-from-top_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-top_var(--motion-fast)_var(--motion-ease-out)]"}},{"transition":true,"side":"right","class":{"content":"data-[state=open]:animate-[slide-in-from-right_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-right_var(--motion-fast)_var(--motion-ease-out)]"}},{"transition":true,"side":"bottom","class":{"content":"data-[state=open]:animate-[slide-in-from-bottom_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-bottom_var(--motion-fast)_var(--motion-ease-out)]"}},{"transition":true,"side":"left","class":{"content":"data-[state=open]:animate-[slide-in-from-left_var(--motion-slow)_var(--motion-ease-out)] data-[state=closed]:animate-[slide-out-to-left_var(--motion-fast)_var(--motion-ease-out)]"}}],"defaultVariants":{"inset":true}},"slider":{"slots":{"thumb":"focus-visible:outline-2 shadow-sm cursor-grab active:cursor-grabbing transition-[box-shadow,ring-color] duration-(--motion-fast)"},"variants":{"size":{"xs":{"thumb":"coarse:size-3.5"},"sm":{"thumb":"coarse:size-4"},"md":{"thumb":"coarse:size-4.5"},"lg":{"thumb":"coarse:size-5"}}}},"splitter":{"slots":{"handle":"focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)]"}},"stepper":{"slots":{"trigger":"focus-visible:outline-2 focus-visible:outline-offset-2","title":"font-bold","separator":"opacity-60 group-data-[state=completed]:opacity-100"}},"switch":{"slots":{"base":"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--forest-500)] duration-(--motion-base)","thumb":"shadow-md duration-(--motion-base) ease-(--motion-ease-out)"},"variants":{"size":{"xs":{"base":"coarse:w-8","thumb":"coarse:size-3.5 coarse:data-[state=checked]:translate-x-3.5"},"sm":{"base":"coarse:w-9","container":"coarse:h-5","thumb":"coarse:size-4 coarse:data-[state=checked]:translate-x-4","wrapper":"coarse:text-sm"},"md":{"base":"coarse:w-10","thumb":"coarse:size-4.5 coarse:data-[state=checked]:translate-x-4.5"},"lg":{"base":"coarse:w-11","container":"coarse:h-6","thumb":"coarse:size-5 coarse:data-[state=checked]:translate-x-5","wrapper":"coarse:text-base"}}}},"table":{"slots":{"th":"text-xs font-bold uppercase tracking-wider text-default","td":"text-default","empty":"text-dimmed"}},"tabs":{"slots":{"indicator":"duration-(--motion-base) ease-(--motion-ease-in-out)","trigger":"font-bold"},"variants":{"size":{"xs":{"trigger":"coarse:px-2.5 coarse:py-1.5 coarse:gap-1.5"},"sm":{"trigger":"coarse:px-3 coarse:text-sm","leadingIcon":"coarse:size-5"},"md":{"trigger":"coarse:py-2 coarse:gap-2"},"lg":{"trigger":"coarse:text-base","leadingIcon":"coarse:size-6"}}},"compoundVariants":[{"variant":"pill","class":{"list":"bg-default ring ring-inset ring-accented"}},{"variant":"pill","size":"xs","class":{"list":"rounded-md","indicator":"rounded-sm"}},{"variant":"pill","size":"sm","class":{"list":"rounded-md coarse:rounded-lg","indicator":"rounded-sm coarse:rounded-md"}},{"variant":"pill","size":"md","class":{"list":"rounded-lg","indicator":"rounded-md"}},{"variant":"pill","size":"lg","class":{"list":"rounded-lg","indicator":"rounded-md"}},{"variant":"pill","size":"xl","class":{"list":"rounded-lg","indicator":"rounded-md"}}]},"textarea":{"slots":{"base":"transition-[color,box-shadow] duration-(--motion-fast) shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)] focus-visible:shadow-[inset_0_var(--forest-input-depth)_0_0_var(--forest-input-recess),0_0_0_3px_var(--forest-input-halo,var(--forest-halo-primary))]"},"variants":{"size":{"xs":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-7 touch:gap-1.5"},"sm":{"base":"rounded-sm [--forest-input-depth:2px] touch:min-h-9 touch:text-sm touch:rounded-md touch:[--forest-input-depth:3px]","leadingIcon":"touch:size-5","trailingIcon":"touch:size-5"},"md":{"base":"[--forest-input-depth:3px] touch:min-h-10 touch:text-sm touch:gap-2"},"lg":{"base":"[--forest-input-depth:3px] touch:min-h-11 touch:text-base touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-6","trailingIcon":"touch:size-6"},"xl":{"base":"[--forest-input-depth:4px] touch:min-h-13 touch:text-lg touch:rounded-lg touch:[--forest-input-depth:4px]","leadingIcon":"touch:size-7","trailingIcon":"touch:size-7"}},"color":{"primary":"[--forest-input-halo:var(--forest-halo-primary)]","secondary":"[--forest-input-halo:var(--forest-halo-secondary)]","success":"[--forest-input-halo:var(--forest-halo-success)]","info":"[--forest-input-halo:var(--forest-halo-info)]","warning":"[--forest-input-halo:var(--forest-halo-warning)]","error":"[--forest-input-halo:var(--forest-halo-error)]","forest":"[--forest-input-halo:var(--forest-halo-forest)]","maple":"[--forest-input-halo:var(--forest-halo-maple)]","river":"[--forest-input-halo:var(--forest-halo-river)]","warm":"[--forest-input-halo:var(--forest-halo-warm)]","acid":"[--forest-input-halo:var(--forest-halo-acid)]","neutral":"[--forest-input-halo:var(--forest-halo-neutral)]"}},"compoundVariants":[{"variant":"ghost","class":{"base":"shadow-none hover:shadow-[inset_0_calc(var(--forest-input-depth)_+_var(--forest-field-edge,0px))_0_0_var(--forest-input-recess)]"}}]},"timeline":{"slots":{"title":"font-bold"}},"toast":{"slots":{"root":"rounded-xl gap-3 focus:outline-none","title":"font-bold"}},"toaster":{"slots":{"base":"data-[front=false]:*:duration-(--motion-instant) data-[state=closed]:animate-[toast-closed_var(--motion-fast)_var(--motion-ease-out)] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_var(--motion-fast)_var(--motion-ease-out)] data-[state=open]:data-[pulsing=odd]:animate-[toast-pulse-a_var(--motion-base)_var(--motion-ease-out)] data-[state=open]:data-[pulsing=even]:animate-[toast-pulse-b_var(--motion-base)_var(--motion-ease-out)] duration-(--motion-base) ease-(--motion-ease-out)"},"variants":{"swipeDirection":{"up":"data-[swipe=end]:animate-[toast-slide-up_var(--motion-fast)_var(--motion-ease-out)]","right":"data-[swipe=end]:animate-[toast-slide-right_var(--motion-fast)_var(--motion-ease-out)]","down":"data-[swipe=end]:animate-[toast-slide-down_var(--motion-fast)_var(--motion-ease-out)]","left":"data-[swipe=end]:animate-[toast-slide-left_var(--motion-fast)_var(--motion-ease-out)]"}},"compoundVariants":[{"position":["top-left","top-center","top-right"],"class":{"base":"data-[state=open]:animate-[toast-slide-in-from-top_var(--motion-base)_var(--motion-ease-out)]"}},{"position":["bottom-left","bottom-center","bottom-right"],"class":{"base":"data-[state=open]:animate-[toast-slide-in-from-bottom_var(--motion-base)_var(--motion-ease-out)]"}}]},"tooltip":{"slots":{"content":"bg-inverted text-inverted rounded-lg data-[state=delayed-open]:animate-[scale-in_var(--motion-fast)_var(--motion-ease-out)] data-[state=instant-open]:animate-[scale-in_var(--motion-fast)_var(--motion-ease-out)] data-[state=closed]:animate-[scale-out_var(--motion-instant)_var(--motion-ease-out)]","arrow":"fill-[var(--ui-bg-inverted)]"}},"tree":{"slots":{"link":"focus-visible:before:ring-inset focus-visible:before:ring-2","linkTrailingIcon":"duration-(--motion-fast) ease-(--motion-ease-out)"},"variants":{"size":{"xs":{"link":"coarse:px-2.5 coarse:py-1.5 coarse:gap-1.5"},"sm":{"link":"coarse:text-sm","linkLeadingIcon":"coarse:size-5","linkTrailingIcon":"coarse:size-5"},"md":{"link":"coarse:px-3 coarse:py-2 coarse:gap-2"},"lg":{"link":"coarse:text-base","linkLeadingIcon":"coarse:size-6","linkTrailingIcon":"coarse:size-6"}}}},"user":{"slots":{"name":"font-bold","wrapper":"min-w-0"},"variants":{"to":{"true":{"avatar":"duration-(--motion-fast) ease-(--motion-ease-out)"}}}},"icons":{"star":"i-forest-star-fill"},"colors":{"primary":"forest","secondary":"warm","success":"forest","info":"river","warning":"amber","error":"maple","neutral":"neutral"}},"theme":{"colors":["secondary","success","info","warning","error","forest","maple","river","warm","acid"]}}
|