@cascivo/react 0.13.0 → 0.14.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/dist/accordion/accordion.js +46 -44
- package/dist/action-sheet/action-sheet.js +16 -16
- package/dist/alert-dialog/alert-dialog.js +34 -34
- package/dist/app-shell/app-shell.css +1 -1
- package/dist/app-shell/app-shell.js +14 -12
- package/dist/app-shell/app-shell.module.js +8 -8
- package/dist/avatar-group/avatar-group.js +6 -6
- package/dist/bottom-sheet/bottom-sheet.js +18 -18
- package/dist/button/button.js +15 -12
- package/dist/button-group/button-group.js +8 -8
- package/dist/carousel/carousel.js +20 -20
- package/dist/checkbox/checkbox.js +21 -21
- package/dist/checkbox-card/checkbox-card.js +15 -13
- package/dist/collapsible/collapsible.js +7 -7
- package/dist/color-picker/color-picker.js +26 -26
- package/dist/combobox/combobox.js +86 -86
- package/dist/command-menu/command-menu.js +111 -111
- package/dist/comparison/comparison.js +10 -10
- package/dist/context-menu/context-menu.js +9 -9
- package/dist/copy-button/copy-button.js +18 -16
- package/dist/data-table/data-table.js +1 -1
- package/dist/date-picker/date-picker.js +25 -25
- package/dist/date-range-picker/date-range-picker.js +26 -26
- package/dist/drawer/drawer.css +1 -1
- package/dist/drawer/drawer.js +18 -17
- package/dist/drawer/drawer.module.js +9 -9
- package/dist/dropdown/dropdown.js +48 -48
- package/dist/editable/editable.js +11 -11
- package/dist/fab/fab.js +53 -53
- package/dist/field/field.js +8 -8
- package/dist/file-uploader/file-uploader.js +19 -19
- package/dist/header-panel/header-panel.js +31 -31
- package/dist/hover-card/hover-card.js +21 -21
- package/dist/icon-button/icon-button.js +5 -5
- package/dist/index.d.ts +233 -194
- package/dist/input/input.js +22 -21
- package/dist/link/link.js +8 -6
- package/dist/log-viewer/log-viewer.js +26 -26
- package/dist/menu/menu.js +20 -20
- package/dist/menu-button/menu-button.js +48 -48
- package/dist/menubar/menubar.js +42 -42
- package/dist/modal/modal.css +1 -1
- package/dist/modal/modal.js +41 -35
- package/dist/modal/modal.module.js +8 -7
- package/dist/multi-select/multi-select.css +1 -1
- package/dist/multi-select/multi-select.js +57 -57
- package/dist/multi-select/multi-select.module.js +11 -11
- package/dist/native-select/native-select.js +13 -11
- package/dist/navigation-menu/navigation-menu.js +46 -46
- package/dist/node/accordion/accordion.js +46 -44
- package/dist/node/action-sheet/action-sheet.js +16 -16
- package/dist/node/alert-dialog/alert-dialog.js +34 -34
- package/dist/node/app-shell/app-shell.js +14 -12
- package/dist/node/app-shell/app-shell.module.js +8 -8
- package/dist/node/avatar-group/avatar-group.js +6 -6
- package/dist/node/bottom-sheet/bottom-sheet.js +18 -18
- package/dist/node/button/button.js +15 -12
- package/dist/node/button-group/button-group.js +8 -8
- package/dist/node/carousel/carousel.js +20 -20
- package/dist/node/checkbox/checkbox.js +21 -21
- package/dist/node/checkbox-card/checkbox-card.js +15 -13
- package/dist/node/collapsible/collapsible.js +7 -7
- package/dist/node/color-picker/color-picker.js +26 -26
- package/dist/node/combobox/combobox.js +86 -86
- package/dist/node/command-menu/command-menu.js +111 -111
- package/dist/node/comparison/comparison.js +10 -10
- package/dist/node/context-menu/context-menu.js +9 -9
- package/dist/node/copy-button/copy-button.js +18 -16
- package/dist/node/data-table/data-table.js +1 -1
- package/dist/node/date-picker/date-picker.js +25 -25
- package/dist/node/date-range-picker/date-range-picker.js +26 -26
- package/dist/node/drawer/drawer.js +18 -17
- package/dist/node/drawer/drawer.module.js +9 -9
- package/dist/node/dropdown/dropdown.js +48 -48
- package/dist/node/editable/editable.js +11 -11
- package/dist/node/fab/fab.js +53 -53
- package/dist/node/field/field.js +8 -8
- package/dist/node/file-uploader/file-uploader.js +19 -19
- package/dist/node/header-panel/header-panel.js +31 -31
- package/dist/node/hover-card/hover-card.js +21 -21
- package/dist/node/icon-button/icon-button.js +5 -5
- package/dist/node/input/input.js +22 -21
- package/dist/node/link/link.js +8 -6
- package/dist/node/log-viewer/log-viewer.js +26 -26
- package/dist/node/menu/menu.js +20 -20
- package/dist/node/menu-button/menu-button.js +48 -48
- package/dist/node/menubar/menubar.js +42 -42
- package/dist/node/modal/modal.js +41 -35
- package/dist/node/modal/modal.module.js +8 -7
- package/dist/node/multi-select/multi-select.js +57 -57
- package/dist/node/multi-select/multi-select.module.js +11 -11
- package/dist/node/native-select/native-select.js +13 -11
- package/dist/node/navigation-menu/navigation-menu.js +46 -46
- package/dist/node/notification/notification.js +26 -26
- package/dist/node/number-input/number-input.js +52 -50
- package/dist/node/otp-input/otp-input.js +8 -8
- package/dist/node/password-input/password-input.js +28 -27
- package/dist/node/popover/popover.js +26 -24
- package/dist/node/pull-to-refresh/pull-to-refresh.js +13 -13
- package/dist/node/radial-progress/radial-progress.js +5 -5
- package/dist/node/radio/radio.js +23 -22
- package/dist/node/radio-card/radio-card.js +27 -26
- package/dist/node/react/src/index.js +3 -3
- package/dist/node/react/src/theme.js +30 -19
- package/dist/node/resizable/resizable.js +11 -11
- package/dist/node/scroll-area/scroll-area.js +4 -4
- package/dist/node/search/search.js +49 -49
- package/dist/node/select/select.js +27 -26
- package/dist/node/sheet/sheet.js +11 -10
- package/dist/node/sheet/sheet.module.js +5 -5
- package/dist/node/shell-header/shell-header.js +21 -18
- package/dist/node/shell-header/shell-header.module.js +20 -19
- package/dist/node/side-nav/side-nav.js +91 -91
- package/dist/node/skip-nav/skip-nav.js +12 -12
- package/dist/node/slider/slider.js +13 -11
- package/dist/node/structured-list/structured-list.js +23 -23
- package/dist/node/tabs/tabs.js +49 -47
- package/dist/node/tags-input/tags-input.js +35 -35
- package/dist/node/textarea/textarea.js +22 -21
- package/dist/node/time-picker/time-picker.js +22 -21
- package/dist/node/timeline/timeline.js +23 -16
- package/dist/node/timeline/timeline.module.js +7 -7
- package/dist/node/toast/toast.js +15 -15
- package/dist/node/toc/toc.js +8 -8
- package/dist/node/toggle/toggle.js +15 -13
- package/dist/node/toggle-group/toggle-group.js +10 -10
- package/dist/node/toggletip/toggletip.js +9 -9
- package/dist/node/tooltip/tooltip.js +5 -5
- package/dist/node/tree-view/tree-view.js +32 -32
- package/dist/notification/notification.js +26 -26
- package/dist/number-input/number-input.js +52 -50
- package/dist/otp-input/otp-input.js +8 -8
- package/dist/password-input/password-input.js +28 -27
- package/dist/popover/popover.js +26 -24
- package/dist/pull-to-refresh/pull-to-refresh.js +13 -13
- package/dist/radial-progress/radial-progress.js +5 -5
- package/dist/radio/radio.js +23 -22
- package/dist/radio-card/radio-card.js +27 -26
- package/dist/react/src/index.js +3 -3
- package/dist/react/src/theme.js +30 -19
- package/dist/resizable/resizable.js +11 -11
- package/dist/scroll-area/scroll-area.js +4 -4
- package/dist/search/search.js +49 -49
- package/dist/select/select.js +27 -26
- package/dist/sheet/sheet.css +1 -1
- package/dist/sheet/sheet.js +11 -10
- package/dist/sheet/sheet.module.js +5 -5
- package/dist/shell-header/shell-header.css +1 -1
- package/dist/shell-header/shell-header.js +21 -18
- package/dist/shell-header/shell-header.module.js +20 -19
- package/dist/side-nav/side-nav.js +91 -91
- package/dist/skip-nav/skip-nav.js +12 -12
- package/dist/slider/slider.js +13 -11
- package/dist/structured-list/structured-list.js +23 -23
- package/dist/styles.css +57 -7
- package/dist/tabs/tabs.js +49 -47
- package/dist/tags-input/tags-input.js +35 -35
- package/dist/textarea/textarea.js +22 -21
- package/dist/time-picker/time-picker.js +22 -21
- package/dist/timeline/timeline.css +1 -1
- package/dist/timeline/timeline.js +23 -16
- package/dist/timeline/timeline.module.js +7 -7
- package/dist/toast/toast.js +15 -15
- package/dist/toc/toc.js +8 -8
- package/dist/toggle/toggle.js +15 -13
- package/dist/toggle-group/toggle-group.js +10 -10
- package/dist/toggletip/toggletip.js +9 -9
- package/dist/tooltip/tooltip.js +5 -5
- package/dist/tree-view/tree-view.js +32 -32
- package/package.json +10 -4
|
@@ -2,30 +2,30 @@
|
|
|
2
2
|
|
|
3
3
|
import e from "./structured-list.module.js";
|
|
4
4
|
import { cn as t, useControllableSignal as n, useRovingFocus as r, useSignals as i } from "@cascivo/core";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { useId as a } from "react";
|
|
6
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
7
|
//#region ../components/src/structured-list/structured-list.tsx
|
|
8
8
|
function c(n) {
|
|
9
|
-
let { items: r, headers: i, selectable:
|
|
10
|
-
return
|
|
9
|
+
let { items: r, headers: i, selectable: a = !1, className: c, ariaLabel: u, "aria-label": d } = n;
|
|
10
|
+
return a ? /* @__PURE__ */ o(l, { ...n }) : /* @__PURE__ */ s("div", {
|
|
11
11
|
role: "table",
|
|
12
12
|
"aria-label": d ?? u,
|
|
13
13
|
className: t(e.list, c),
|
|
14
|
-
children: [i && /* @__PURE__ */
|
|
14
|
+
children: [i && /* @__PURE__ */ o("div", {
|
|
15
15
|
role: "row",
|
|
16
16
|
className: e.headerRow,
|
|
17
|
-
children: i.map((t, n) => /* @__PURE__ */
|
|
17
|
+
children: i.map((t, n) => /* @__PURE__ */ o("div", {
|
|
18
18
|
role: "columnheader",
|
|
19
19
|
className: e.headerCell,
|
|
20
20
|
children: t
|
|
21
21
|
}, n))
|
|
22
|
-
}), /* @__PURE__ */
|
|
22
|
+
}), /* @__PURE__ */ o("div", {
|
|
23
23
|
role: "rowgroup",
|
|
24
24
|
className: e.body,
|
|
25
|
-
children: r.map((t) => /* @__PURE__ */
|
|
25
|
+
children: r.map((t) => /* @__PURE__ */ o("div", {
|
|
26
26
|
role: "row",
|
|
27
27
|
className: e.row,
|
|
28
|
-
children: t.cells.map((t, n) => /* @__PURE__ */
|
|
28
|
+
children: t.cells.map((t, n) => /* @__PURE__ */ o("div", {
|
|
29
29
|
role: "cell",
|
|
30
30
|
className: e.cell,
|
|
31
31
|
children: t
|
|
@@ -37,7 +37,7 @@ function c(n) {
|
|
|
37
37
|
function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, ariaLabel: m, "aria-label": h }) {
|
|
38
38
|
let g = h ?? m;
|
|
39
39
|
i();
|
|
40
|
-
let _ =
|
|
40
|
+
let _ = a(), [v, y] = n({
|
|
41
41
|
value: u,
|
|
42
42
|
defaultValue: d ?? c.find((e) => e.selected)?.id ?? "",
|
|
43
43
|
onChange: f
|
|
@@ -47,47 +47,47 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
|
|
|
47
47
|
}), x = (e) => {
|
|
48
48
|
y(e);
|
|
49
49
|
};
|
|
50
|
-
return /* @__PURE__ */
|
|
50
|
+
return /* @__PURE__ */ s("div", {
|
|
51
51
|
role: "radiogroup",
|
|
52
52
|
"aria-label": g,
|
|
53
53
|
className: t(e.list, e.selectable, p),
|
|
54
|
-
children: [l && /* @__PURE__ */
|
|
54
|
+
children: [l && /* @__PURE__ */ s("div", {
|
|
55
55
|
className: e.headerRow,
|
|
56
|
-
children: [/* @__PURE__ */
|
|
56
|
+
children: [/* @__PURE__ */ o("div", {
|
|
57
57
|
className: e.headerCell,
|
|
58
58
|
"aria-hidden": "true"
|
|
59
|
-
}), l.map((t, n) => /* @__PURE__ */
|
|
59
|
+
}), l.map((t, n) => /* @__PURE__ */ o("div", {
|
|
60
60
|
className: e.headerCell,
|
|
61
61
|
children: t
|
|
62
62
|
}, n))]
|
|
63
|
-
}), /* @__PURE__ */
|
|
63
|
+
}), /* @__PURE__ */ o("div", {
|
|
64
64
|
className: e.body,
|
|
65
65
|
children: c.map((t, n) => {
|
|
66
|
-
let r = v.value === t.id, { ref: i, ...
|
|
67
|
-
return /* @__PURE__ */
|
|
66
|
+
let r = v.value === t.id, { ref: i, ...a } = b.getItemProps(n);
|
|
67
|
+
return /* @__PURE__ */ s("div", {
|
|
68
68
|
role: "radio",
|
|
69
69
|
"aria-checked": r,
|
|
70
70
|
"aria-labelledby": `${_}-${t.id}-label`,
|
|
71
71
|
"data-selected": r || void 0,
|
|
72
72
|
className: e.row,
|
|
73
73
|
ref: i,
|
|
74
|
-
...
|
|
74
|
+
...a,
|
|
75
75
|
onClick: () => x(t.id),
|
|
76
76
|
onKeyDown: (e) => {
|
|
77
|
-
|
|
77
|
+
a.onKeyDown(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x(t.id));
|
|
78
78
|
},
|
|
79
79
|
children: [
|
|
80
|
-
/* @__PURE__ */
|
|
80
|
+
/* @__PURE__ */ o("div", {
|
|
81
81
|
className: e.cell,
|
|
82
82
|
"aria-hidden": "true",
|
|
83
|
-
children: /* @__PURE__ */
|
|
83
|
+
children: /* @__PURE__ */ o("span", { className: e.indicator })
|
|
84
84
|
}),
|
|
85
|
-
/* @__PURE__ */
|
|
85
|
+
/* @__PURE__ */ o("div", {
|
|
86
86
|
className: e.cell,
|
|
87
87
|
id: `${_}-${t.id}-label`,
|
|
88
88
|
children: t.cells[0]
|
|
89
89
|
}),
|
|
90
|
-
t.cells.slice(1).map((t, n) => /* @__PURE__ */
|
|
90
|
+
t.cells.slice(1).map((t, n) => /* @__PURE__ */ o("div", {
|
|
91
91
|
role: "cell",
|
|
92
92
|
className: e.cell,
|
|
93
93
|
children: t
|
package/dist/styles.css
CHANGED
|
@@ -36,6 +36,48 @@
|
|
|
36
36
|
*/
|
|
37
37
|
@layer cascivo.reset, cascivo.base, cascivo.tokens, cascivo.component, cascivo.theme, cascivo.blocks,
|
|
38
38
|
cascivo.override;
|
|
39
|
+
/* packages/tokens/src/reset.css */
|
|
40
|
+
/* cascivo — the `cascivo.reset` floor. */
|
|
41
|
+
/*
|
|
42
|
+
* `layers.css` has always described `cascivo.reset` as "consumer reset (box-sizing,
|
|
43
|
+
* margin/padding zeroing) — the floor". For thirteen minor versions that layer shipped
|
|
44
|
+
* EMPTY, and nothing else in @cascivo/tokens, @cascivo/themes or @cascivo/react set a
|
|
45
|
+
* global `box-sizing` either.
|
|
46
|
+
*
|
|
47
|
+
* That is not cosmetic. `textarea.css` is `width: 100%` + 32px of inline padding + a 2px
|
|
48
|
+
* border with no `box-sizing`, so under the browser default of `content-box` it computes
|
|
49
|
+
* 34px wider than its container. A 2026-07-28 adopter measured the textarea overhanging
|
|
50
|
+
* the viewport by 25px, which pushed a horizontal scrollbar, which made the document 16px
|
|
51
|
+
* taller than the viewport, which produced a SECOND vertical scrollbar beside AppShell's
|
|
52
|
+
* own. Following getting-started exactly and writing no CSS at all produced two stray
|
|
53
|
+
* scrollbars, and every instinct says "my layout is broken".
|
|
54
|
+
*
|
|
55
|
+
* It survived because every app in this repo — apps/site, apps/storybook, every example —
|
|
56
|
+
* ships its own reset in app CSS, so no shipped surface has ever rendered on the browser
|
|
57
|
+
* default. See `docs/internal/feedback/README.md`, Mechanism E.
|
|
58
|
+
*
|
|
59
|
+
* DELIBERATELY MINIMAL. `box-sizing` and `body { margin: 0 }` only. Typography, list and
|
|
60
|
+
* heading resets are opinions and belong to the consumer; `@cascivo/themes/base.css`
|
|
61
|
+
* already owns the html font/color floor in `cascivo.base`.
|
|
62
|
+
*
|
|
63
|
+
* OPTING OUT is the layer, and it already works: `cascivo.reset` is the LOWEST layer in
|
|
64
|
+
* the canonical order, so it loses to every other cascivo layer and to all unlayered
|
|
65
|
+
* author CSS. A consumer's own reset simply wins — no `!important`, no specificity fight.
|
|
66
|
+
* That is what makes shipping this safe.
|
|
67
|
+
*/
|
|
68
|
+
|
|
69
|
+
@layer cascivo.reset {
|
|
70
|
+
*,
|
|
71
|
+
*::before,
|
|
72
|
+
*::after {
|
|
73
|
+
box-sizing: border-box;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
body {
|
|
77
|
+
margin: 0;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
39
81
|
/* packages/tokens/src/index.css */
|
|
40
82
|
/* cascivo Design System — Primitive Tokens */
|
|
41
83
|
/* These are raw values. Never use directly in components. Use semantic tokens. */
|
|
@@ -44,6 +86,14 @@
|
|
|
44
86
|
consumer path imports @cascivo/tokens (directly or via a theme), so this rides
|
|
45
87
|
along first and dedupes by URL. See ./layers.css for the authoritative order. */
|
|
46
88
|
|
|
89
|
+
/* Fill the `cascivo.reset` floor. Same reasoning as the layer statement above: every
|
|
90
|
+
consumer path reaches @cascivo/tokens, so importing it here is the ONE place that
|
|
91
|
+
guarantees a default install gets `box-sizing: border-box` — which components with
|
|
92
|
+
`width: 100%` + padding require and which nothing shipped before (2026-07-28 report
|
|
93
|
+
C12). It is the lowest layer, so a consumer's own reset still wins. Both @imports stay
|
|
94
|
+
ahead of the @layer block below: an @import after a @layer rule is a spec violation and
|
|
95
|
+
browsers warn. */
|
|
96
|
+
|
|
47
97
|
@layer cascivo.tokens {
|
|
48
98
|
:root {
|
|
49
99
|
/* ── Color Primitives ─────────────────────────────── */
|
|
@@ -822,7 +872,7 @@
|
|
|
822
872
|
/*$vite$:1*/
|
|
823
873
|
@layer cascivo.component{._alert_a2dn2_2{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);display:flex}._alert_a2dn2_2[data-variant=info]{border-color:color-mix(in oklch, var(--cascivo-color-info) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-info) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-info-content)}._alert_a2dn2_2[data-variant=info] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=info] ._title_a2dn2_19{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-success) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-success-content)}._alert_a2dn2_2[data-variant=success] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=success] ._title_a2dn2_19{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-warning) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-warning-content)}._alert_a2dn2_2[data-variant=warning] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=warning] ._title_a2dn2_19{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-destructive) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-destructive-content)}._alert_a2dn2_2[data-variant=destructive] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=destructive] ._title_a2dn2_19{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._icon_a2dn2_18{flex-shrink:0;align-items:center;margin-block-start:.125rem;line-height:1;display:flex}._alert_a2dn2_2[data-variant=info] ._icon_a2dn2_18{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success] ._icon_a2dn2_18{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning] ._icon_a2dn2_18{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive] ._icon_a2dn2_18{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._body_a2dn2_90{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_a2dn2_19{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-snug)}._content_a2dn2_104{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._action_a2dn2_110{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;align-self:flex-start;margin-block-start:var(--cascivo-space-1)}._action_a2dn2_110:hover{background-color:var(--cascivo-color-bg-subtle)}._action_a2dn2_110:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._alert_a2dn2_2[data-variant=info] ._action_a2dn2_110{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success] ._action_a2dn2_110{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning] ._action_a2dn2_110{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive] ._action_a2dn2_110{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._dismiss_a2dn2_149{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._dismiss_a2dn2_149:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._dismiss_a2dn2_149:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._alert_a2dn2_2{border:1px solid canvastext}._alert_a2dn2_2[data-variant=info],._alert_a2dn2_2[data-variant=success],._alert_a2dn2_2[data-variant=warning],._alert_a2dn2_2[data-variant=destructive]{border-width:2px}._dismiss_a2dn2_149:focus-visible{outline-offset:2px;outline:2px solid highlight}}@media (prefers-contrast:more){._alert_a2dn2_2,._alert_a2dn2_2[data-variant=info],._alert_a2dn2_2[data-variant=success],._alert_a2dn2_2[data-variant=warning],._alert_a2dn2_2[data-variant=destructive]{border-width:2px}}
|
|
824
874
|
/*$vite$:1*/
|
|
825
|
-
@layer cascivo.component{.
|
|
875
|
+
@layer cascivo.component{._shell_1y4cv_4{box-sizing:border-box;block-size:100dvh;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-foreground);background-color:var(--cascivo-color-background);flex-direction:column;display:flex;overflow:hidden}._header_1y4cv_16{z-index:var(--cascivo-z-raised);flex:none}._body_1y4cv_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_1y4cv_32{z-index:var(--cascivo-z-overlay);block-size:100%;transition:transform var(--cascivo-motion-emphasis);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;transform:translate(-100%)}._navWrapper_1y4cv_32[data-open=true]{transform:translate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32{transform:translate(100%)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32[data-open=true]{transform:translate(0)}._navInner_1y4cv_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_1y4cv_58>*{flex:auto;min-block-size:0}._scrim_1y4cv_70{z-index:var(--cascivo-z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-emphasis), visibility var(--cascivo-motion-emphasis);background-color:oklch(0% 0 0/.4);position:absolute;inset:0}._scrim_1y4cv_70[data-open=true]{opacity:1;visibility:visible}._main_1y4cv_87{flex:auto;min-inline-size:0;overflow-y:auto}._footer_1y4cv_93{flex:none}@media (width>=64rem){._navWrapper_1y4cv_32{z-index:auto;inline-size:var(--cascivo-shell-aside-inline-size,18rem);transition:inline-size var(--cascivo-motion-emphasis);flex-shrink:0;position:static;transform:none}._navWrapper_1y4cv_32[data-open=false]{inline-size:0}._navInner_1y4cv_58{inline-size:var(--cascivo-shell-aside-inline-size,18rem)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32{transform:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) ._navWrapper_1y4cv_32[data-open=true]{transform:none}._scrim_1y4cv_70{display:none}}}
|
|
826
876
|
/*$vite$:1*/
|
|
827
877
|
@layer cascivo.component{._root_5ltw4_2{inline-size:100%;aspect-ratio:var(--cascivo-aspect-ratio,1);position:relative}._inner_5ltw4_8{block-size:100%;inline-size:100%;position:absolute;inset:0}._inner_5ltw4_8>*{object-fit:cover;block-size:100%;inline-size:100%}}
|
|
828
878
|
/*$vite$:1*/
|
|
@@ -884,7 +934,7 @@
|
|
|
884
934
|
/*$vite$:1*/
|
|
885
935
|
@layer cascivo.component{._dock_cqgv4_2{background-color:var(--cascivo-color-surface);border-block-start:1px solid var(--cascivo-border-subtle);z-index:var(--cascivo-z-dock,40);align-items:stretch;padding-block-end:env(safe-area-inset-bottom,0);display:flex;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=64rem){._dock_cqgv4_2{display:none}}._item_cqgv4_20{min-block-size:var(--cascivo-target-min-coarse,2.75rem);cursor:pointer;color:var(--cascivo-color-text-muted);transition:color .1s var(--cascivo-ease-out);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding-block:.5rem;padding-inline:.25rem;text-decoration:none;display:flex}._item_cqgv4_20[data-active]{color:var(--cascivo-color-accent)}._item_cqgv4_20:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:-2px}._icon_cqgv4_47{align-items:center;font-size:1.25rem;line-height:1;display:flex}._label_cqgv4_54{font-size:.6875rem;line-height:1}._item_cqgv4_20[data-active] ._label_cqgv4_54{font-weight:600}}
|
|
886
936
|
/*$vite$:1*/
|
|
887
|
-
@layer cascivo.component{.
|
|
937
|
+
@layer cascivo.component{._overlay_1q94b_2{z-index:var(--cascivo-z-overlay,50);opacity:1;transition:opacity var(--cascivo-motion-enter);background-color:#0006;display:flex;position:fixed;inset:0}._overlay_1q94b_2[data-state=closed]{opacity:0;transition:opacity var(--cascivo-motion-exit)}@starting-style{._overlay_1q94b_2[data-state=open]{opacity:0}}._overlay_1q94b_2[data-side=end]{justify-content:flex-end;align-items:stretch}._overlay_1q94b_2[data-side=start]{justify-content:flex-start;align-items:stretch}._overlay_1q94b_2[data-side=top]{align-items:flex-start}._overlay_1q94b_2[data-side=bottom]{align-items:flex-end}._panel_1q94b_39{background:var(--cascivo-color-surface);box-shadow:var(--cascivo-shadow-overlay);transform:none;transform:translate(var(--_drawer-drag-x,0), var(--_drawer-drag-y,0));transition:translate var(--cascivo-motion-enter), transform var(--cascivo-motion-exit);flex-direction:column;display:flex}._panel_1q94b_39[data-dragging]{transition:none}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39{transition:translate var(--cascivo-motion-exit)}._panel_1q94b_39[data-side=end]{inline-size:var(--_drawer-size,min(24rem, 90vw));border-inline-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) 0 0 var(--cascivo-radius-overlay);block-size:100%;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=end]{translate:100%}._panel_1q94b_39[data-side=start]{inline-size:var(--_drawer-size,min(24rem, 90vw));border-inline-end:1px solid var(--cascivo-color-border);border-radius:0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0;block-size:100%;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=start]{translate:-100%}._panel_1q94b_39[data-side=top]{inline-size:100%;block-size:var(--_drawer-size,auto);border-block-end:1px solid var(--cascivo-color-border);border-radius:0 0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay);max-block-size:80vh;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=top]{translate:0 -100%}._panel_1q94b_39[data-side=bottom]{inline-size:100%;block-size:var(--_drawer-size,auto);border-block-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0 0;max-block-size:80vh;translate:0}._overlay_1q94b_2[data-state=closed] ._panel_1q94b_39[data-side=bottom]{translate:0 100%}@starting-style{._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=end]{translate:100%}._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=start]{translate:-100%}._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=top]{translate:0 -100%}._overlay_1q94b_2[data-state=open] ._panel_1q94b_39[data-side=bottom]{translate:0 100%}}._header_1q94b_124{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-4);padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);flex-shrink:0;display:flex}._heading_1q94b_134{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_1q94b_140{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);margin:0}._description_1q94b_147{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);margin:0}._close_1q94b_153{block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_1q94b_153:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_1q94b_153:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._closeIcon_1q94b_181{block-size:1rem;inline-size:1rem}._body_1q94b_186{gap:var(--cascivo-dialog-body-gap,var(--cascivo-space-5));padding:var(--cascivo-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (prefers-reduced-motion:reduce){._panel_1q94b_39{transition:none}}}
|
|
888
938
|
/*$vite$:1*/
|
|
889
939
|
@layer cascivo.component{._root_3wuq6_2{display:inline-flex;position:relative}._menu_3wuq6_7{z-index:var(--cascivo-z-dropdown);min-inline-size:10rem;max-inline-size:calc(100vw - var(--cascivo-space-4,1rem));padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));translate:0 -.25rem}._menu_3wuq6_7[data-placement=bottom-start]{inset-inline-start:0}._menu_3wuq6_7[data-placement=bottom-end]{inset-inline-end:0}._menu_3wuq6_7[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._menu_3wuq6_7[data-state=open]{opacity:0;translate:0 -.25rem}}@supports (anchor-name:--a) and (position-anchor:--a){._menu_3wuq6_7{position-anchor:var(--cascivo-dropdown-anchor,--dropdown-trigger);position:fixed;inset:auto}._menu_3wuq6_7[data-placement=bottom-start]{inset-area:block-end span-inline-start;inset-inline-start:0}._menu_3wuq6_7[data-placement=bottom-end]{inset-area:block-end span-inline-end;inset-inline-end:0}@media (prefers-reduced-motion:no-preference){._menu_3wuq6_7{transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}@starting-style{._menu_3wuq6_7[data-state=open]{opacity:0;translate:0 -.25rem}}}}._item_3wuq6_83{align-items:center;gap:var(--cascivo-space-2);inline-size:100%;padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);text-align:start;color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;background:0 0;border:none;display:flex}._item_3wuq6_83:hover:not(:disabled),._item_3wuq6_83:focus-visible{background-color:var(--cascivo-color-bg-subtle);outline:none}._item_3wuq6_83:disabled{opacity:.5;cursor:not-allowed}._icon_3wuq6_111{color:var(--cascivo-color-text-muted);align-items:center;display:inline-flex}._separator_3wuq6_117{block-size:1px;margin-block:var(--cascivo-space-1);background-color:var(--cascivo-color-border)}}@media (forced-colors:active){._menu_3wuq6_7{border:1px solid buttontext}._item_3wuq6_83:focus-visible{outline-offset:2px;outline:2px solid highlight}}
|
|
890
940
|
/*$vite$:1*/
|
|
@@ -956,9 +1006,9 @@
|
|
|
956
1006
|
/*$vite$:1*/
|
|
957
1007
|
@layer cascivo.component{._menubar_1fs00_2{align-items:center;gap:var(--cascivo-space-1);padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);display:flex}._trigger_1fs00_12{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;background:0 0;border:none;align-items:center;display:inline-flex}._trigger_1fs00_12:hover,._trigger_1fs00_12[data-state=open]{background:var(--cascivo-color-bg-subtle)}._trigger_1fs00_12:focus-visible{outline:var(--cascivo-focus-ring);outline-offset:2px}._panel_1fs00_35{padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:10rem;box-shadow:var(--cascivo-shadow-md);opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);margin:0;position:fixed;inset:auto;translate:0}@starting-style{._panel_1fs00_35{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._panel_1fs00_35[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}._item_1fs00_66{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);border-radius:var(--cascivo-radius-item);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}._item_1fs00_66:hover,._item_1fs00_66:focus-visible{background:var(--cascivo-color-bg-subtle)}._item_1fs00_66[aria-disabled=true]{opacity:.5;cursor:not-allowed}}@media (prefers-reduced-motion:reduce){._panel_1fs00_35{transition:none}}@media (forced-colors:active){._trigger_1fs00_12:focus-visible{outline:2px solid highlight}}
|
|
958
1008
|
/*$vite$:1*/
|
|
959
|
-
@layer cascivo.component{.
|
|
1009
|
+
@layer cascivo.component{._dialog_hywey_2{border-radius:var(--cascivo-radius-overlay);max-height:calc(100dvh - var(--cascivo-space-16));opacity:0;transition:opacity var(--cascivo-motion-exit), scale var(--cascivo-motion-exit), display var(--cascivo-duration-150) allow-discrete, overlay var(--cascivo-duration-150) allow-discrete;background:0 0;border:none;padding:0;overflow:visible;scale:.96}._dialog_hywey_2[open]{opacity:1;transition:opacity var(--cascivo-motion-enter), scale var(--cascivo-motion-enter), display var(--cascivo-duration-200) allow-discrete, overlay var(--cascivo-duration-200) allow-discrete;scale:1}@starting-style{._dialog_hywey_2[open]{opacity:0;scale:.96}}._dialog_hywey_2::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-duration-150) allow-discrete, overlay var(--cascivo-duration-150) allow-discrete;background-color:#00000080}._dialog_hywey_2[open]::backdrop{opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-duration-200) allow-discrete, overlay var(--cascivo-duration-200) allow-discrete}@starting-style{._dialog_hywey_2[open]::backdrop{opacity:0}}._dialog_hywey_2[data-size=sm]{--_modal-width:24rem}._dialog_hywey_2[data-size=md]{--_modal-width:32rem}._dialog_hywey_2[data-size=lg]{--_modal-width:48rem}._panel_hywey_69{width:var(--_modal-width,32rem);max-width:calc(100vw - var(--cascivo-space-8));background-color:var(--cascivo-color-surface-overlay);border-radius:var(--cascivo-radius-overlay);border:1px solid var(--cascivo-color-border);box-shadow:var(--cascivo-shadow-overlay);overflow:hidden}._header_hywey_79{padding:var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);justify-content:space-between;align-items:center;padding-block-end:var(--cascivo-space-4);display:flex}._dialog_hywey_2[data-draggable]{translate:var(--modal-x,0) var(--modal-y,0)}._dialog_hywey_2[data-draggable] ._header_hywey_79{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}._dialog_hywey_2[data-draggable] ._header_hywey_79:active{cursor:grabbing}._title_hywey_101{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);margin:0}._close_hywey_110{width:2rem;height:2rem;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}._close_hywey_110:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_hywey_110:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._description_hywey_138{padding-inline:var(--cascivo-space-6);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-relaxed);margin:0;padding-block-start:var(--cascivo-space-4)}._body_hywey_148{gap:var(--cascivo-dialog-body-gap,var(--cascivo-space-5));padding:var(--cascivo-space-6);flex-direction:column;display:flex}._footer_hywey_166{justify-content:flex-end;gap:var(--cascivo-space-2);padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-start:1px solid var(--cascivo-color-border);flex-wrap:wrap;display:flex}@media (width<=40rem){._dialog_hywey_2{max-block-size:90dvh;margin:0}._panel_hywey_69{max-block-size:90dvh;inline-size:100%;max-inline-size:100%;border-start-start-radius:var(--cascivo-radius-overlay);border-start-end-radius:var(--cascivo-radius-overlay);border-end-end-radius:0;border-end-start-radius:0;padding-block-end:env(safe-area-inset-bottom,0);overflow-y:auto}}@media (prefers-reduced-motion:reduce){._dialog_hywey_2,._dialog_hywey_2[open]{transition:none}}}@media (forced-colors:active){._panel_hywey_69{border:1px solid buttontext}._close_hywey_110:focus-visible{outline-offset:2px;outline:2px solid highlight}}
|
|
960
1010
|
/*$vite$:1*/
|
|
961
|
-
@layer cascivo.component{.
|
|
1011
|
+
@layer cascivo.component{._wrapper_1fi6e_2{min-inline-size:0;width:100%;display:inline-block;position:relative}._trigger_1fi6e_12{width:100%;height:2.5rem;padding-inline:var(--cascivo-space-4);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out);justify-content:space-between;align-items:center;display:flex}._trigger_1fi6e_12:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_1fi6e_12:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring);outline:none}._trigger_1fi6e_12:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._trigger_1fi6e_12[aria-expanded=true]{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._trigger-label_1fi6e_51{text-overflow:ellipsis;white-space:nowrap;color:var(--cascivo-color-text-muted);overflow:hidden}._chevron_1fi6e_63{width:1rem;height:1rem;background-color:var(--cascivo-color-text-muted);transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._trigger_1fi6e_12[aria-expanded=true] ._chevron_1fi6e_63{transform:rotate(180deg)}._panel_1fi6e_83{position-area:block-end span-inline-end;position-try-fallbacks:--bottom-start, block-start span-inline-end;padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);min-width:12rem;max-height:16rem;box-shadow:var(--cascivo-shadow-md);opacity:0;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;flex-direction:column;margin-block-start:var(--cascivo-space-1);overflow:hidden;translate:0 -.25rem}._panel_1fi6e_83:popover-open{opacity:1;display:flex;translate:0}@starting-style{._panel_1fi6e_83:popover-open{opacity:0;translate:0 -.25rem}}._search-row_1fi6e_128{padding-block-end:var(--cascivo-space-1)}._search_1fi6e_128{width:100%;height:2rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_1fi6e_128:focus{border-color:var(--cascivo-color-accent)}._options_1fi6e_149{flex:1;overflow-y:auto}._option_1fi6e_149{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-1-5);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}._option_1fi6e_149[data-active]{background-color:var(--cascivo-color-bg-subtle)}._option_1fi6e_149[data-disabled]{opacity:.5;cursor:not-allowed}._checkbox_1fi6e_177{border:1.5px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);background-color:var(--cascivo-color-surface);width:1rem;height:1rem;transition:background-color var(--cascivo-duration-100) var(--cascivo-ease-out);flex-shrink:0}._option_1fi6e_149[data-selected] ._checkbox_1fi6e_177{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._no-results_1fi6e_192{padding-block:var(--cascivo-space-3);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);text-align:center}}
|
|
962
1012
|
/*$vite$:1*/
|
|
963
1013
|
@layer cascivo.component{._root_1s4kv_2{inline-size:100%;display:inline-flex;position:relative}._root_1s4kv_2[data-size=sm]{--_select-height:2rem;--_select-font:var(--cascivo-text-sm);--_select-px:var(--cascivo-space-3)}._root_1s4kv_2[data-size=md]{--_select-height:2.5rem;--_select-font:var(--cascivo-text-sm);--_select-px:var(--cascivo-space-4)}._root_1s4kv_2[data-size=lg]{--_select-height:3rem;--_select-font:var(--cascivo-text-base);--_select-px:var(--cascivo-space-4)}._select_1s4kv_24{appearance:none;inline-size:100%;block-size:var(--_select-height,2.5rem);font-family:var(--cascivo-font-sans);font-size:var(--_select-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-start:var(--_select-px,var(--cascivo-space-4));padding-inline-end:var(--cascivo-space-10)}._select_1s4kv_24:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._select_1s4kv_24:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._select_1s4kv_24:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._root_1s4kv_2[data-invalid] ._select_1s4kv_24{border-color:var(--cascivo-color-destructive)}._root_1s4kv_2[data-invalid] ._select_1s4kv_24:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._chevron_1s4kv_66{pointer-events:none;background-color:var(--cascivo-color-text-muted);block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--cascivo-space-3);translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") 50%/contain no-repeat}}@media (forced-colors:active){._select_1s4kv_24{color:fieldtext;background-color:field;border:1px solid fieldtext}._select_1s4kv_24:focus{outline-offset:2px;outline:2px solid highlight}}
|
|
964
1014
|
/*$vite$:1*/
|
|
@@ -1014,9 +1064,9 @@
|
|
|
1014
1064
|
/*$vite$:1*/
|
|
1015
1065
|
@layer cascivo.component{._separator_fgwc8_2{background-color:var(--cascivo-color-border);border:none;flex-shrink:0;margin:0}._separator_fgwc8_2[data-orientation=horizontal]{block-size:1px;inline-size:100%}._separator_fgwc8_2[data-orientation=vertical]{align-self:stretch;block-size:100%;inline-size:1px}}
|
|
1016
1066
|
/*$vite$:1*/
|
|
1017
|
-
@layer cascivo.component{.
|
|
1067
|
+
@layer cascivo.component{._sheet_gx7nz_2{background:var(--cascivo-color-surface);box-shadow:var(--cascivo-shadow-overlay);border:none;flex-direction:column;margin:0;padding:0;position:fixed}._sheet_gx7nz_2:popover-open{display:flex}._sheet_gx7nz_2{transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}._sheet_gx7nz_2[data-state=closed]{transition:translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._sheet_gx7nz_2[data-side=end]{border-inline-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) 0 0 var(--cascivo-radius-overlay);width:min(24rem,90vw);height:100%;inset-block:0;inset-inline-end:0;translate:100%}._sheet_gx7nz_2[data-side=end][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=end][data-state=open]{translate:100%}}._sheet_gx7nz_2[data-side=start]{border-inline-end:1px solid var(--cascivo-color-border);border-radius:0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0;width:min(24rem,90vw);height:100%;inset-block:0;inset-inline-start:0;translate:-100%}._sheet_gx7nz_2[data-side=start][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=start][data-state=open]{translate:-100%}}._sheet_gx7nz_2[data-side=top]{border-block-end:1px solid var(--cascivo-color-border);border-radius:0 0 var(--cascivo-radius-overlay) var(--cascivo-radius-overlay);width:100%;height:auto;max-height:80vh;inset-block-start:0;inset-inline:0;translate:0 -100%}._sheet_gx7nz_2[data-side=top][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=top][data-state=open]{translate:0 -100%}}._sheet_gx7nz_2[data-side=bottom]{border-block-start:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay) var(--cascivo-radius-overlay) 0 0;width:100%;height:auto;max-height:80vh;inset-block-end:0;inset-inline:0;translate:0 100%}._sheet_gx7nz_2[data-side=bottom][data-state=open]{translate:0}@starting-style{._sheet_gx7nz_2[data-side=bottom][data-state=open]{translate:0 100%}}._sheet_gx7nz_2::backdrop{opacity:1;transition:opacity var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;background-color:#0006}@starting-style{._sheet_gx7nz_2::backdrop{opacity:0}}._sheet_gx7nz_2[data-state=closed]::backdrop{opacity:0;transition:opacity var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}._header_gx7nz_141{padding:var(--cascivo-space-4) var(--cascivo-space-6);border-block-end:1px solid var(--cascivo-color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._title_gx7nz_150{font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._close_gx7nz_156{width:2rem;height:2rem;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}._close_gx7nz_156:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._close_gx7nz_156:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._body_gx7nz_184{gap:var(--cascivo-dialog-body-gap,var(--cascivo-space-5));padding:var(--cascivo-space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}}
|
|
1018
1068
|
/*$vite$:1*/
|
|
1019
|
-
@layer cascivo.component{.
|
|
1069
|
+
@layer cascivo.component{._header_6njjo_2{align-items:center;gap:var(--cascivo-space-2);block-size:var(--cascivo-shell-header-block-size);padding-inline:var(--cascivo-space-3);background:var(--cascivo-color-surface);border-block-end:1px solid var(--cascivo-color-border);font-family:var(--cascivo-font-sans);display:flex;position:relative}._skipLink_6njjo_14{z-index:100;padding:var(--cascivo-space-2) var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text);font-size:var(--cascivo-text-sm);clip-path:inset(50%);text-decoration:none;position:absolute;inset-block-start:var(--cascivo-space-2);inset-inline-start:var(--cascivo-space-2)}._skipLink_6njjo_14:focus-visible{clip-path:none;box-shadow:var(--cascivo-focus-ring);outline:none}._menuButton_6njjo_36{border-radius:var(--cascivo-radius-control);block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._menuButton_6njjo_36:hover{background:var(--cascivo-color-bg-subtle)}._menuButton_6njjo_36:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._brand_6njjo_59{align-items:baseline;gap:var(--cascivo-space-1);color:var(--cascivo-color-text);white-space:nowrap;font-size:var(--cascivo-text-sm);text-decoration:none;display:inline-flex}._brandPrefix_6njjo_69{font-weight:var(--cascivo-font-normal)}._brandName_6njjo_73{font-weight:var(--cascivo-font-semibold)}._nav_6njjo_77{min-inline-size:0}._navList_6njjo_81{align-items:center;gap:var(--cascivo-space-1);margin:0;padding:0;list-style:none;display:flex}._navLink_6njjo_90{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);white-space:nowrap;border-radius:var(--cascivo-radius-control);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);align-items:center;text-decoration:none;display:inline-flex}._navLink_6njjo_90:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navLink_6njjo_90:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navLink_6njjo_90[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._navMenuWrapper_6njjo_119{list-style:none;position:relative}._navMenuTrigger_6njjo_124{align-items:center;gap:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-control);cursor:pointer;white-space:nowrap;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;display:inline-flex}._navMenuTrigger_6njjo_124:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navMenuTrigger_6njjo_124:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navMenuTrigger_6njjo_124[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._chevron_6njjo_156{transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out)}[aria-expanded=true] ._chevron_6njjo_156{transform:rotate(180deg)}._navMenuPanel_6njjo_164{position-anchor:var(--cascivo-popover-anchor,inherit);margin:var(--cascivo-space-1) 0 0;padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);min-inline-size:12rem;box-shadow:var(--cascivo-shadow-md);transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;list-style:none;position:fixed;inset-block-start:anchor(end);inset-inline-start:anchor(start);translate:0}@starting-style{._navMenuPanel_6njjo_164{translate:0 -.5rem}}._navMenuPanel_6njjo_164[data-state=closed]{transition:translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete;translate:0 -.5rem}._navMenuItem_6njjo_197{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);white-space:nowrap;text-decoration:none;display:block}._navMenuItem_6njjo_197:hover,._navMenuItem_6njjo_197:focus-visible{background:var(--cascivo-color-bg-subtle);outline:none}._navMenuItem_6njjo_197[data-state=active]{background:var(--cascivo-color-active-bg);font-weight:var(--cascivo-font-medium)}._spacer_6njjo_219{flex:1}._center_6njjo_226{min-inline-size:0;padding-inline:var(--cascivo-space-2);flex:1;justify-content:center;align-items:center;display:flex}._actions_6njjo_235{align-items:center;gap:var(--cascivo-space-1);display:flex}._action_6njjo_235{border:none;block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-control);background:0 0;border-block-end:2px solid #0000;justify-content:center;align-items:center;display:inline-flex}._action_6njjo_235:hover{background:var(--cascivo-color-bg-subtle)}._action_6njjo_235:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._action_6njjo_235[data-state=active]{border-block-end-color:var(--cascivo-color-accent);background:var(--cascivo-color-bg-subtle)}._actionIcon_6njjo_269{justify-content:center;align-items:center;block-size:1.25rem;inline-size:1.25rem;display:inline-flex}._end_6njjo_277{align-items:center;gap:var(--cascivo-space-2);padding-inline-start:var(--cascivo-space-2);display:flex}}
|
|
1020
1070
|
/*$vite$:1*/
|
|
1021
1071
|
@layer cascivo.component{._sideNav_1v53b_2{box-sizing:border-box;inline-size:var(--cascivo-sidenav-inline-size,16rem);block-size:100%;max-block-size:100%;padding:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);background-color:var(--cascivo-sidenav-bg,var(--cascivo-color-surface));border-inline-end:1px solid var(--cascivo-color-border);transition:inline-size var(--cascivo-motion-emphasis);flex-direction:column;display:flex;overflow:hidden auto}._sideNav_1v53b_2[data-state=collapsed]{inline-size:var(--cascivo-sidenav-rail-inline-size,4rem)}._sideNav_1v53b_2[data-state=collapsed] ._label_1v53b_24[data-rail-hidden],._sideNav_1v53b_2[data-state=collapsed] ._trailing_1v53b_25[data-rail-hidden],._sideNav_1v53b_2[data-state=collapsed] ._groupIndicator_1v53b_29{display:none}._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]{position:relative}._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:focus-within{inline-size:var(--cascivo-sidenav-inline-size,16rem);z-index:10;box-shadow:var(--cascivo-shadow-md);position:absolute;inset-block:0}:is(._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._label_1v53b_24[data-rail-hidden],:is(._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._trailing_1v53b_25[data-rail-hidden]{display:initial}:is(._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._link_1v53b_50,:is(._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._groupTrigger_1v53b_51{padding-inline:var(--cascivo-space-3);justify-content:flex-start}:is(._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._groupIndicator_1v53b_29{display:initial}:is(._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:hover,._sideNav_1v53b_2[data-expand-on-hover][data-state=collapsed]:focus-within) ._fallbackIcon_1v53b_60{display:none}._list_1v53b_67,._sublistInner_1v53b_68,._groupItems_1v53b_69{gap:var(--cascivo-space-1);padding:0;padding-inline:var(--cascivo-space-2);flex-direction:column;margin:0;list-style:none;display:flex}._group_1v53b_29{display:contents}._group_1v53b_29+._group_1v53b_29>._groupLabel_1v53b_84,._group_1v53b_29+._group_1v53b_29>._groupItems_1v53b_69:first-child{border-block-start:1px solid var(--cascivo-color-border);margin-block-start:var(--cascivo-space-4);padding-block-start:var(--cascivo-space-3)}._groupLabel_1v53b_84{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2) var(--cascivo-space-1);font-size:var(--cascivo-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--cascivo-color-foreground-muted);margin:0;font-weight:600}._link_1v53b_50,._groupTrigger_1v53b_51{align-items:center;gap:var(--cascivo-space-2);inline-size:100%;padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-2);font-family:inherit;font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-tight);text-align:start;white-space:nowrap;color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-item);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;text-decoration:none;display:flex;position:relative}:is(._link_1v53b_50,._groupTrigger_1v53b_51):hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}:is(._link_1v53b_50,._groupTrigger_1v53b_51):focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_1v53b_50[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium);background-color:var(--cascivo-color-accent-subtle)}._link_1v53b_50[data-state=active]:before{content:"";inset-block:var(--cascivo-radius-item);background:var(--cascivo-color-accent);border-radius:var(--cascivo-radius-full);inline-size:2px;position:absolute;inset-inline-start:0}._link_1v53b_50[data-tone=danger]{color:var(--cascivo-color-destructive)}._link_1v53b_50[data-tone=warning]{color:var(--cascivo-color-warning)}._link_1v53b_50[data-tone=success]{color:var(--cascivo-color-success)}._link_1v53b_50:disabled,._link_1v53b_50[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._trailing_1v53b_25{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);flex-shrink:0;align-items:center;margin-inline-start:auto;display:inline-flex}._checkMark_1v53b_185{color:var(--cascivo-color-accent);flex-shrink:0;margin-inline-start:auto}._icon_1v53b_191{inline-size:var(--cascivo-space-4);block-size:var(--cascivo-space-4);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._fallbackIcon_1v53b_60{background:var(--cascivo-color-bg-subtle);block-size:1.25rem;inline-size:1.25rem;font-size:.6875rem;font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._label_1v53b_24{text-overflow:ellipsis;overflow:hidden}._groupIndicator_1v53b_29{transition:rotate var(--cascivo-motion-emphasis);flex-shrink:0;margin-inline-start:auto}._groupTrigger_1v53b_51[data-state=open] ._groupIndicator_1v53b_29{rotate:180deg}._sublist_1v53b_68{visibility:hidden;transition:grid-template-rows var(--cascivo-motion-exit), visibility var(--cascivo-motion-exit);grid-template-rows:0fr;display:grid}._sublist_1v53b_68[data-state=open]{visibility:visible;transition:grid-template-rows var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);grid-template-rows:1fr}._sublistInner_1v53b_68{min-block-size:0;overflow:hidden}._sublink_1v53b_251{padding-inline-start:calc(var(--cascivo-space-3) + var(--cascivo-space-4) + var(--cascivo-space-2))}._sublink_1v53b_251[data-selected]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium)}._subSeparator_1v53b_263{block-size:1px;margin-block:var(--cascivo-space-1);margin-inline:var(--cascivo-space-3);background:var(--cascivo-color-border)}._subGroupLabel_1v53b_270{padding-inline-start:calc(var(--cascivo-space-3) + var(--cascivo-space-4) + var(--cascivo-space-2));padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--cascivo-color-text-subtle)}._header_1v53b_282{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._footer_1v53b_289{padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._customItem_1v53b_296{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-2)}._collapseToggle_1v53b_301{padding-block:var(--cascivo-space-2);color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;justify-content:center;align-items:center;margin-block-start:auto;display:flex}._collapseToggle_1v53b_301:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._collapseToggle_1v53b_301:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._collapseIcon_1v53b_327{transition:rotate var(--cascivo-motion-emphasis)}._sideNav_1v53b_2[data-state=collapsed] ._collapseIcon_1v53b_327{rotate:180deg}._railFlyout_1v53b_336{min-inline-size:11rem;padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);margin:0;position:absolute;inset-block-start:anchor(start);inset-inline-start:anchor(end)}._railFlyout_1v53b_336:popover-open{flex-direction:column;gap:2px;display:flex}@starting-style{._railFlyout_1v53b_336:popover-open{opacity:0;translate:-4px}}._railFlyout_1v53b_336{transition:opacity var(--cascivo-duration-150) var(--cascivo-ease-out), translate var(--cascivo-duration-150) var(--cascivo-ease-out), display var(--cascivo-duration-150) var(--cascivo-ease-out) allow-discrete, overlay var(--cascivo-duration-150) var(--cascivo-ease-out) allow-discrete}._railFlyoutCaption_1v53b_368{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text-subtle);text-transform:uppercase;letter-spacing:.05em}._flyoutItem_1v53b_378{border-inline-start:none;padding-inline-start:var(--cascivo-space-3)}._flyoutSeparator_1v53b_383{block-size:1px;margin-block:var(--cascivo-space-1);margin-inline:var(--cascivo-space-2);background:var(--cascivo-color-border)}}
|
|
1022
1072
|
/*$vite$:1*/
|
|
@@ -1058,7 +1108,7 @@
|
|
|
1058
1108
|
/*$vite$:1*/
|
|
1059
1109
|
@layer cascivo.component{._wrapper_auxoq_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._wrapper_auxoq_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_auxoq_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_auxoq_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_auxoq_29{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._input_auxoq_36{block-size:var(--_height,2.5rem);padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._input_auxoq_36:hover:not(:disabled):not(:focus-visible){border-color:var(--cascivo-color-border-strong)}._input_auxoq_36:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._input_auxoq_36:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_auxoq_2[data-state=error] ._input_auxoq_36{border-color:var(--cascivo-color-danger)}._error_auxoq_70{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_auxoq_75{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|
|
1060
1110
|
/*$vite$:1*/
|
|
1061
|
-
@layer cascivo.component{.
|
|
1111
|
+
@layer cascivo.component{._list_xfuv2_2{--_marker-size:.875rem;--_track:var(--cascivo-color-border);font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);margin:0;padding:0;list-style:none;display:flex}._list_xfuv2_2[data-orientation=vertical]{flex-direction:column}._list_xfuv2_2[data-orientation=horizontal]{flex-direction:row}._item_xfuv2_21{gap:var(--cascivo-space-3);display:flex;position:relative}._list_xfuv2_2[data-orientation=vertical] ._item_xfuv2_21{flex-direction:row;padding-block-end:var(--cascivo-space-5)}._list_xfuv2_2[data-orientation=horizontal] ._item_xfuv2_21{flex-direction:column;flex:1;padding-inline-end:var(--cascivo-space-5)}._list_xfuv2_2[data-orientation=vertical] ._item_xfuv2_21:before{content:"";inline-size:1px;block-size:calc(100% - var(--_marker-size));background-color:var(--_track);position:absolute;inset-block-start:var(--_marker-size);inset-inline-start:calc(var(--_marker-size) / 2)}._list_xfuv2_2[data-orientation=horizontal] ._item_xfuv2_21:before{content:"";block-size:1px;inline-size:calc(100% - var(--_marker-size));background-color:var(--_track);position:absolute;inset-block-start:calc(var(--_marker-size) / 2);inset-inline-start:var(--_marker-size)}._item_xfuv2_21:last-child:before{display:none}._marker_xfuv2_63{inline-size:var(--_marker-size);block-size:var(--_marker-size);border-radius:var(--cascivo-radius-full);font-size:var(--cascivo-text-xs);border:2px solid var(--cascivo-color-border);background-color:var(--cascivo-color-surface);box-sizing:border-box;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}._item_xfuv2_21[data-status=complete] ._marker_xfuv2_63{border-color:var(--cascivo-color-success);background-color:var(--cascivo-color-success);color:var(--cascivo-color-success-foreground)}._item_xfuv2_21[data-status=current] ._marker_xfuv2_63{border-color:var(--cascivo-color-primary);background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._item_xfuv2_21[data-status=upcoming] ._marker_xfuv2_63{border-color:var(--cascivo-color-border-strong);background-color:var(--cascivo-color-surface);color:var(--cascivo-color-text-subtle)}._item_xfuv2_21[data-tone=neutral] ._marker_xfuv2_63{border-color:var(--cascivo-color-border-strong);background-color:var(--cascivo-color-border-strong);color:var(--cascivo-color-text-on-accent)}._item_xfuv2_21[data-tone=info] ._marker_xfuv2_63{border-color:var(--cascivo-color-info);background-color:var(--cascivo-color-info);color:var(--cascivo-color-info-foreground)}._item_xfuv2_21[data-tone=success] ._marker_xfuv2_63{border-color:var(--cascivo-color-success);background-color:var(--cascivo-color-success);color:var(--cascivo-color-success-foreground)}._item_xfuv2_21[data-tone=warning] ._marker_xfuv2_63{border-color:var(--cascivo-color-warning);background-color:var(--cascivo-color-warning);color:var(--cascivo-color-warning-foreground)}._item_xfuv2_21[data-tone=danger] ._marker_xfuv2_63{border-color:var(--cascivo-color-destructive);background-color:var(--cascivo-color-destructive);color:var(--cascivo-color-destructive-foreground)}._content_xfuv2_129{gap:var(--cascivo-space-1);flex-direction:column;padding-block-start:calc((var(--_marker-size) - 1rem) / 2);display:flex}._title_xfuv2_136{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text)}._time_xfuv2_143{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle)}._description_xfuv2_148{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}}@media (forced-colors:active){._marker_xfuv2_63{border:2px solid canvastext}._item_xfuv2_21[data-status=current] ._marker_xfuv2_63{background-color:highlight;border-color:highlight}}
|
|
1062
1112
|
/*$vite$:1*/
|
|
1063
1113
|
@layer cascivo.component{._viewport_cshyp_2{z-index:var(--cascivo-z-toast);gap:var(--cascivo-space-2);inline-size:min(24rem, calc(100vw - var(--cascivo-space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--cascivo-space-4);inset-inline-end:var(--cascivo-space-4)}@media (width<=30rem){._viewport_cshyp_2{inset-inline:var(--cascivo-space-4);inline-size:auto}}._toast_cshyp_23{align-items:flex-start;gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);max-inline-size:calc(min(28rem, 100vw) - var(--cascivo-space-4,1rem));background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);pointer-events:auto;opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);display:flex;translate:0}@starting-style{._toast_cshyp_23{opacity:0;translate:0 var(--cascivo-space-4)}}._toast_cshyp_23[data-state=dismissing],._toast_cshyp_23[data-state=gone]{opacity:0;translate:0 var(--cascivo-space-4);transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}._toast_cshyp_23[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border))}._toast_cshyp_23[data-variant=success] ._icon_cshyp_62,._toast_cshyp_23[data-variant=success] ._title_cshyp_63{color:var(--cascivo-color-success)}._toast_cshyp_23[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border))}._toast_cshyp_23[data-variant=warning] ._icon_cshyp_62,._toast_cshyp_23[data-variant=warning] ._title_cshyp_63{color:var(--cascivo-color-warning)}._toast_cshyp_23[data-variant=destructive]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border))}._toast_cshyp_23[data-variant=destructive] ._icon_cshyp_62,._toast_cshyp_23[data-variant=destructive] ._title_cshyp_63{color:var(--cascivo-color-destructive)}._body_cshyp_92{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_cshyp_63{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._description_cshyp_108{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._close_cshyp_115{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_cshyp_115:hover{color:var(--cascivo-color-text)}._close_cshyp_115:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._toast_cshyp_23{border:1px solid canvastext}._close_cshyp_115:focus-visible{outline-offset:2px;outline:2px solid highlight}}
|
|
1064
1114
|
/*$vite$:1*/
|
package/dist/tabs/tabs.js
CHANGED
|
@@ -2,94 +2,96 @@
|
|
|
2
2
|
|
|
3
3
|
import e from "./tabs.module.js";
|
|
4
4
|
import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { createContext as i, forwardRef as a, useId as o, useRef as s } from "react";
|
|
6
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
7
7
|
//#region ../components/src/tabs/tabs.tsx
|
|
8
|
-
var
|
|
9
|
-
function
|
|
10
|
-
let d = o(), f = n(
|
|
11
|
-
|
|
8
|
+
var l = i(null);
|
|
9
|
+
function u({ defaultValue: r, value: i, onValueChange: a, className: s, children: u }) {
|
|
10
|
+
let d = o(), f = n(i ?? r ?? "");
|
|
11
|
+
i !== void 0 && (f.value = i);
|
|
12
12
|
let p = {
|
|
13
13
|
active: f,
|
|
14
14
|
baseId: d,
|
|
15
15
|
setValue: (e) => {
|
|
16
|
-
|
|
16
|
+
i === void 0 && (f.value = e), a?.(e);
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
return /* @__PURE__ */
|
|
19
|
+
return /* @__PURE__ */ c(l.Provider, {
|
|
20
20
|
value: p,
|
|
21
|
-
children: /* @__PURE__ */
|
|
22
|
-
className: t(e.tabs,
|
|
21
|
+
children: /* @__PURE__ */ c("div", {
|
|
22
|
+
className: t(e.tabs, s),
|
|
23
23
|
children: u
|
|
24
24
|
})
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
function
|
|
28
|
-
let
|
|
29
|
-
return /* @__PURE__ */
|
|
30
|
-
ref:
|
|
27
|
+
function d({ className: n, children: r, ...i }) {
|
|
28
|
+
let a = s(null);
|
|
29
|
+
return /* @__PURE__ */ c(l.Consumer, { children: (o) => /* @__PURE__ */ c("div", {
|
|
30
|
+
ref: a,
|
|
31
31
|
role: "tablist",
|
|
32
32
|
className: t(e.list, n),
|
|
33
33
|
onKeyDown: (e) => {
|
|
34
|
-
if (!
|
|
34
|
+
if (!o || ![
|
|
35
35
|
"ArrowRight",
|
|
36
36
|
"ArrowLeft",
|
|
37
37
|
"Home",
|
|
38
38
|
"End"
|
|
39
39
|
].includes(e.key)) return;
|
|
40
|
-
let t = Array.from(
|
|
40
|
+
let t = Array.from(a.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
|
|
41
41
|
if (t.length === 0) return;
|
|
42
42
|
e.preventDefault();
|
|
43
|
-
let n = t.findIndex((e) => e.dataset.value ===
|
|
43
|
+
let n = t.findIndex((e) => e.dataset.value === o.active.value), r = n;
|
|
44
44
|
e.key === "ArrowRight" ? r = (n + 1) % t.length : e.key === "ArrowLeft" ? r = (n - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1);
|
|
45
45
|
let i = t[r];
|
|
46
|
-
i?.focus(), i?.dataset.value &&
|
|
46
|
+
i?.focus(), i?.dataset.value && o.setValue(i.dataset.value);
|
|
47
47
|
},
|
|
48
|
-
...
|
|
48
|
+
...i,
|
|
49
49
|
children: r
|
|
50
50
|
}) });
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
return /* @__PURE__ */
|
|
54
|
-
store:
|
|
52
|
+
var f = a(function(e, t) {
|
|
53
|
+
return /* @__PURE__ */ c(l.Consumer, { children: (n) => n ? /* @__PURE__ */ c(p, {
|
|
54
|
+
store: n,
|
|
55
|
+
buttonRef: t,
|
|
55
56
|
...e
|
|
56
57
|
}) : null });
|
|
57
|
-
}
|
|
58
|
-
function
|
|
58
|
+
});
|
|
59
|
+
function p({ store: n, value: i, className: a, children: o, disabled: s, buttonRef: l, ...u }) {
|
|
59
60
|
r();
|
|
60
|
-
let
|
|
61
|
-
return /* @__PURE__ */
|
|
61
|
+
let d = n.active.value === i;
|
|
62
|
+
return /* @__PURE__ */ c("button", {
|
|
62
63
|
type: "button",
|
|
63
64
|
role: "tab",
|
|
64
|
-
id: `${n.baseId}-trigger-${
|
|
65
|
-
"aria-selected":
|
|
66
|
-
"aria-controls": `${n.baseId}-content-${
|
|
67
|
-
tabIndex:
|
|
68
|
-
"data-state":
|
|
69
|
-
"data-value":
|
|
70
|
-
disabled:
|
|
71
|
-
className: t(e.trigger,
|
|
72
|
-
onClick: () => n.setValue(
|
|
73
|
-
|
|
74
|
-
|
|
65
|
+
id: `${n.baseId}-trigger-${i}`,
|
|
66
|
+
"aria-selected": d,
|
|
67
|
+
"aria-controls": `${n.baseId}-content-${i}`,
|
|
68
|
+
tabIndex: d ? 0 : -1,
|
|
69
|
+
"data-state": d ? "active" : "inactive",
|
|
70
|
+
"data-value": i,
|
|
71
|
+
disabled: s,
|
|
72
|
+
className: t(e.trigger, a),
|
|
73
|
+
onClick: () => n.setValue(i),
|
|
74
|
+
ref: l,
|
|
75
|
+
...u,
|
|
76
|
+
children: o
|
|
75
77
|
});
|
|
76
78
|
}
|
|
77
|
-
function
|
|
78
|
-
return /* @__PURE__ */
|
|
79
|
+
function m(e) {
|
|
80
|
+
return /* @__PURE__ */ c(l.Consumer, { children: (t) => t ? /* @__PURE__ */ c(h, {
|
|
79
81
|
store: t,
|
|
80
82
|
...e
|
|
81
83
|
}) : null });
|
|
82
84
|
}
|
|
83
|
-
function
|
|
84
|
-
return r(), n.active.value ===
|
|
85
|
+
function h({ store: n, value: i, className: a, children: o, ...s }) {
|
|
86
|
+
return r(), n.active.value === i ? /* @__PURE__ */ c("div", {
|
|
85
87
|
role: "tabpanel",
|
|
86
|
-
id: `${n.baseId}-content-${
|
|
87
|
-
"aria-labelledby": `${n.baseId}-trigger-${
|
|
88
|
+
id: `${n.baseId}-content-${i}`,
|
|
89
|
+
"aria-labelledby": `${n.baseId}-trigger-${i}`,
|
|
88
90
|
tabIndex: 0,
|
|
89
|
-
className: t(e.content,
|
|
90
|
-
...
|
|
91
|
-
children:
|
|
91
|
+
className: t(e.content, a),
|
|
92
|
+
...s,
|
|
93
|
+
children: o
|
|
92
94
|
}) : null;
|
|
93
95
|
}
|
|
94
96
|
//#endregion
|
|
95
|
-
export {
|
|
97
|
+
export { u as Tabs, m as TabsContent, d as TabsList, f as TabsTrigger };
|