@cascivo/react 0.16.1 → 0.17.1
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/README.md +14 -13
- package/dist/accordion/accordion.js +5 -4
- package/dist/app-shell/app-shell.css +1 -1
- package/dist/app-shell/app-shell.js +28 -26
- package/dist/app-shell/app-shell.module.js +8 -8
- package/dist/breadcrumb/breadcrumb.js +1 -1
- package/dist/button/button.css +1 -1
- package/dist/button/button.js +4 -1
- package/dist/button/button.module.js +4 -1
- package/dist/calendar/calendar.js +67 -63
- package/dist/card/card.css +1 -1
- package/dist/card/card.module.js +8 -8
- package/dist/checkbox/checkbox.css +1 -1
- package/dist/checkbox/checkbox.module.js +4 -4
- package/dist/code-snippet/code-snippet.js +31 -26
- package/dist/combobox/combobox.js +55 -54
- package/dist/data-table/data-table.css +1 -1
- package/dist/data-table/data-table.js +155 -160
- package/dist/data-table/data-table.module.js +29 -29
- package/dist/date-picker/date-picker.js +90 -89
- package/dist/dock/dock.js +1 -1
- package/dist/field/field.css +1 -1
- package/dist/field/field.module.js +3 -3
- package/dist/index.d.ts +157 -10
- package/dist/large-title-header/large-title-header.js +1 -1
- package/dist/layouts/src/grid/grid.css +1 -1
- package/dist/layouts/src/grid/grid.module.js +3 -3
- package/dist/node/accordion/accordion.js +5 -4
- package/dist/node/app-shell/app-shell.js +28 -26
- package/dist/node/app-shell/app-shell.module.js +8 -8
- package/dist/node/breadcrumb/breadcrumb.js +1 -1
- package/dist/node/button/button.js +4 -1
- package/dist/node/button/button.module.js +4 -1
- package/dist/node/calendar/calendar.js +67 -63
- package/dist/node/card/card.module.js +8 -8
- package/dist/node/checkbox/checkbox.module.js +4 -4
- package/dist/node/code-snippet/code-snippet.js +31 -26
- package/dist/node/combobox/combobox.js +55 -54
- package/dist/node/data-table/data-table.js +155 -160
- package/dist/node/data-table/data-table.module.js +29 -29
- package/dist/node/date-picker/date-picker.js +90 -89
- package/dist/node/dock/dock.js +1 -1
- package/dist/node/field/field.module.js +3 -3
- package/dist/node/large-title-header/large-title-header.js +1 -1
- package/dist/node/layouts/src/grid/grid.module.js +3 -3
- package/dist/node/search/search.js +5 -4
- package/dist/node/side-nav/side-nav.js +90 -89
- package/dist/node/swap/swap.js +4 -3
- package/dist/node/switcher/switcher.js +1 -1
- package/dist/node/tabs/tabs.js +5 -4
- package/dist/node/toc/toc.js +5 -4
- package/dist/search/search.js +5 -4
- package/dist/side-nav/side-nav.js +90 -89
- package/dist/styles.css +7 -7
- package/dist/swap/swap.js +4 -3
- package/dist/switcher/switcher.js +1 -1
- package/dist/tabs/tabs.js +5 -4
- package/dist/toc/toc.js +5 -4
- package/dist/types.d.ts +21 -0
- package/dist/types.js +1 -0
- package/package.json +11 -4
- package/readme.body.md +14 -13
|
@@ -4,21 +4,21 @@ import { Tooltip as e } from "../tooltip/tooltip.js";
|
|
|
4
4
|
import { usePopover as t } from "../popover/use-popover.js";
|
|
5
5
|
import n from "./side-nav.module.js";
|
|
6
6
|
import { Fragment as r, useId as i } from "react";
|
|
7
|
-
import { cn as a, focusElement as o, getLinkComponent as s,
|
|
8
|
-
import { builtin as
|
|
9
|
-
import { Fragment as
|
|
7
|
+
import { cn as a, focusElement as o, getLinkComponent as s, useControllableSignal as c, useSignal as l, useSignals as u } from "@cascivo/core";
|
|
8
|
+
import { builtin as d, t as f } from "@cascivo/i18n";
|
|
9
|
+
import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
10
10
|
//#region ../components/src/side-nav/side-nav.tsx
|
|
11
|
-
function
|
|
11
|
+
function g(e) {
|
|
12
12
|
return !("type" in e);
|
|
13
13
|
}
|
|
14
|
-
function
|
|
15
|
-
return /* @__PURE__ */
|
|
14
|
+
function _() {
|
|
15
|
+
return /* @__PURE__ */ m("svg", {
|
|
16
16
|
viewBox: "0 0 16 16",
|
|
17
17
|
width: "14",
|
|
18
18
|
height: "14",
|
|
19
19
|
"aria-hidden": "true",
|
|
20
20
|
className: n.checkMark,
|
|
21
|
-
children: /* @__PURE__ */
|
|
21
|
+
children: /* @__PURE__ */ m("path", {
|
|
22
22
|
d: "M3.5 8.5l3 3 6-7",
|
|
23
23
|
fill: "none",
|
|
24
24
|
stroke: "currentColor",
|
|
@@ -28,20 +28,20 @@ function g() {
|
|
|
28
28
|
})
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
-
function
|
|
32
|
-
let o = t ? "menuitem" : void 0, c = a(n.link, n.sublink, i), l = /* @__PURE__ */
|
|
33
|
-
e.icon ? /* @__PURE__ */
|
|
31
|
+
function v(e, { inMenu: t, onActivate: r, extraClass: i }) {
|
|
32
|
+
let o = t ? "menuitem" : void 0, c = a(n.link, n.sublink, i), l = /* @__PURE__ */ h(p, { children: [
|
|
33
|
+
e.icon ? /* @__PURE__ */ m("span", {
|
|
34
34
|
className: n.icon,
|
|
35
35
|
"aria-hidden": "true",
|
|
36
36
|
children: e.icon
|
|
37
37
|
}) : null,
|
|
38
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ m("span", {
|
|
39
39
|
className: n.label,
|
|
40
40
|
children: e.label
|
|
41
41
|
}),
|
|
42
|
-
e.selected ? /* @__PURE__ */
|
|
42
|
+
e.selected ? /* @__PURE__ */ m(_, {}) : null
|
|
43
43
|
] });
|
|
44
|
-
return e.onSelect && !e.href ? /* @__PURE__ */
|
|
44
|
+
return e.onSelect && !e.href ? /* @__PURE__ */ m("button", {
|
|
45
45
|
type: "button",
|
|
46
46
|
role: o,
|
|
47
47
|
"aria-current": e.active ? "page" : void 0,
|
|
@@ -53,7 +53,7 @@ function _(e, { inMenu: t, onActivate: r, extraClass: i }) {
|
|
|
53
53
|
e.onSelect?.(), r?.();
|
|
54
54
|
},
|
|
55
55
|
children: l
|
|
56
|
-
}) : /* @__PURE__ */
|
|
56
|
+
}) : /* @__PURE__ */ m(s(), {
|
|
57
57
|
href: e.disabled ? void 0 : e.href,
|
|
58
58
|
role: o,
|
|
59
59
|
"aria-current": e.active ? "page" : void 0,
|
|
@@ -72,16 +72,16 @@ function _(e, { inMenu: t, onActivate: r, extraClass: i }) {
|
|
|
72
72
|
children: l
|
|
73
73
|
});
|
|
74
74
|
}
|
|
75
|
-
function
|
|
75
|
+
function y(e) {
|
|
76
76
|
if (typeof Intl < "u" && "Segmenter" in Intl) {
|
|
77
77
|
let t = new Intl.Segmenter(void 0, { granularity: "grapheme" });
|
|
78
78
|
for (let n of t.segment(e)) return n.segment;
|
|
79
79
|
}
|
|
80
80
|
return [...e][0] ?? "";
|
|
81
81
|
}
|
|
82
|
-
function
|
|
83
|
-
let { triggerRef: i, popoverRef: a, isOpen: s, anchorName: c, open: l, close: u, toggle: d } = t(),
|
|
84
|
-
return /* @__PURE__ */
|
|
82
|
+
function b({ item: e }) {
|
|
83
|
+
let { triggerRef: i, popoverRef: a, isOpen: s, anchorName: c, open: l, close: u, toggle: d } = t(), f = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
|
|
84
|
+
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
|
|
85
85
|
ref: i,
|
|
86
86
|
type: "button",
|
|
87
87
|
"aria-haspopup": "menu",
|
|
@@ -96,21 +96,21 @@ function y({ item: e }) {
|
|
|
96
96
|
e.preventDefault(), s.value || l();
|
|
97
97
|
let t = a.current;
|
|
98
98
|
t && setTimeout(() => {
|
|
99
|
-
t.querySelector(
|
|
99
|
+
t.querySelector(f)?.focus();
|
|
100
100
|
}, 0);
|
|
101
101
|
} else e.key === "Escape" && u();
|
|
102
102
|
},
|
|
103
|
-
children: e.icon ? /* @__PURE__ */
|
|
103
|
+
children: e.icon ? /* @__PURE__ */ m("span", {
|
|
104
104
|
className: n.icon,
|
|
105
105
|
"aria-hidden": "true",
|
|
106
106
|
children: e.icon
|
|
107
|
-
}) : /* @__PURE__ */
|
|
107
|
+
}) : /* @__PURE__ */ m("span", {
|
|
108
108
|
className: n.fallbackIcon,
|
|
109
109
|
"data-fallback-icon": !0,
|
|
110
110
|
"aria-hidden": "true",
|
|
111
|
-
children:
|
|
111
|
+
children: y(e.label)
|
|
112
112
|
})
|
|
113
|
-
}), /* @__PURE__ */
|
|
113
|
+
}), /* @__PURE__ */ h("div", {
|
|
114
114
|
ref: a,
|
|
115
115
|
popover: "auto",
|
|
116
116
|
role: "menu",
|
|
@@ -120,93 +120,94 @@ function y({ item: e }) {
|
|
|
120
120
|
onKeyDown: (e) => {
|
|
121
121
|
let t = a.current;
|
|
122
122
|
if (!t) return;
|
|
123
|
-
let n = Array.from(t.querySelectorAll(
|
|
123
|
+
let n = Array.from(t.querySelectorAll(f)), r = n.indexOf(e.target);
|
|
124
124
|
e.key === "ArrowDown" ? (e.preventDefault(), n[(r + 1) % n.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), n[(r - 1 + n.length) % n.length]?.focus()) : e.key === "Escape" && (e.preventDefault(), u(), o(i.current));
|
|
125
125
|
},
|
|
126
|
-
children: [/* @__PURE__ */
|
|
126
|
+
children: [/* @__PURE__ */ m("div", {
|
|
127
127
|
className: n.railFlyoutCaption,
|
|
128
128
|
"aria-hidden": "true",
|
|
129
129
|
children: e.label
|
|
130
|
-
}), e.items.map((e, t) =>
|
|
130
|
+
}), e.items.map((e, t) => g(e) ? /* @__PURE__ */ m(r, { children: v(e, {
|
|
131
131
|
inMenu: !0,
|
|
132
132
|
onActivate: u,
|
|
133
133
|
extraClass: n.flyoutItem
|
|
134
|
-
}) }, t) : e.type === "separator" ? /* @__PURE__ */
|
|
134
|
+
}) }, t) : e.type === "separator" ? /* @__PURE__ */ m("div", {
|
|
135
135
|
role: "separator",
|
|
136
136
|
className: n.flyoutSeparator
|
|
137
|
-
}, t) : /* @__PURE__ */
|
|
137
|
+
}, t) : /* @__PURE__ */ m("div", {
|
|
138
138
|
className: n.railFlyoutCaption,
|
|
139
139
|
"aria-hidden": "true",
|
|
140
140
|
children: e.label
|
|
141
141
|
}, t))]
|
|
142
142
|
})] });
|
|
143
143
|
}
|
|
144
|
-
function
|
|
145
|
-
|
|
146
|
-
let
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
"
|
|
158
|
-
"data-
|
|
159
|
-
|
|
144
|
+
function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onCollapsedChange: x, ariaLabel: S, collapseLabel: C, expandLabel: w, expandOnHover: T = !1, showCollapseToggle: E = !0, header: D, footer: O, className: k }) {
|
|
145
|
+
u();
|
|
146
|
+
let A = S ?? f(d.sideNav.nav), j = C ?? f(d.sideNav.collapse), M = w ?? f(d.sideNav.expand), N = i(), [P] = c({
|
|
147
|
+
value: o,
|
|
148
|
+
defaultValue: _
|
|
149
|
+
}), F = r ?? (t ? [{ items: t }] : [{ items: [] }]), I = l(F.flatMap((e) => e.items).filter((e) => e.items?.some((e) => g(e) && e.active)).map((e) => e.label)), L = (e) => {
|
|
150
|
+
let t = I.value;
|
|
151
|
+
I.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
|
|
152
|
+
}, R = () => {
|
|
153
|
+
let e = !P.value;
|
|
154
|
+
o === void 0 && (P.value = e), x?.(e);
|
|
155
|
+
}, z = P.value;
|
|
156
|
+
return /* @__PURE__ */ h("nav", {
|
|
157
|
+
"aria-label": A,
|
|
158
|
+
"data-state": z ? "collapsed" : "expanded",
|
|
159
|
+
"data-expand-on-hover": z && T ? "" : void 0,
|
|
160
|
+
className: a(n.sideNav, k),
|
|
160
161
|
children: [
|
|
161
|
-
|
|
162
|
+
D && /* @__PURE__ */ m("div", {
|
|
162
163
|
className: n.header,
|
|
163
|
-
children:
|
|
164
|
+
children: D
|
|
164
165
|
}),
|
|
165
|
-
/* @__PURE__ */
|
|
166
|
+
/* @__PURE__ */ m("ul", {
|
|
166
167
|
className: n.list,
|
|
167
|
-
children:
|
|
168
|
+
children: F.map((t, r) => /* @__PURE__ */ h("li", {
|
|
168
169
|
className: n.group,
|
|
169
|
-
children: [t.label && /* @__PURE__ */
|
|
170
|
+
children: [t.label && /* @__PURE__ */ m("h3", {
|
|
170
171
|
className: n.groupLabel,
|
|
171
172
|
children: t.label
|
|
172
|
-
}), /* @__PURE__ */
|
|
173
|
+
}), /* @__PURE__ */ m("ul", {
|
|
173
174
|
className: n.groupItems,
|
|
174
175
|
children: t.items.map((t, i) => {
|
|
175
176
|
let a = `${r}-${i}`;
|
|
176
177
|
if (t.items) {
|
|
177
|
-
if (
|
|
178
|
-
let e =
|
|
179
|
-
return /* @__PURE__ */
|
|
178
|
+
if (z && !T) return /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(b, { item: t }) }, t.id ?? a);
|
|
179
|
+
let e = I.value.includes(t.label), r = `${N}-group-${a}`;
|
|
180
|
+
return /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("button", {
|
|
180
181
|
type: "button",
|
|
181
182
|
"aria-expanded": e,
|
|
182
183
|
"aria-controls": r,
|
|
183
|
-
"aria-label":
|
|
184
|
+
"aria-label": z ? t.label : void 0,
|
|
184
185
|
"data-state": e ? "open" : "closed",
|
|
185
186
|
className: n.groupTrigger,
|
|
186
|
-
onClick: () =>
|
|
187
|
+
onClick: () => L(t.label),
|
|
187
188
|
children: [
|
|
188
|
-
t.icon ? /* @__PURE__ */
|
|
189
|
+
t.icon ? /* @__PURE__ */ m("span", {
|
|
189
190
|
className: n.icon,
|
|
190
191
|
"aria-hidden": "true",
|
|
191
192
|
children: t.icon
|
|
192
|
-
}) :
|
|
193
|
+
}) : z ? /* @__PURE__ */ m("span", {
|
|
193
194
|
className: n.fallbackIcon,
|
|
194
195
|
"data-fallback-icon": !0,
|
|
195
196
|
"aria-hidden": "true",
|
|
196
|
-
children:
|
|
197
|
+
children: y(t.label)
|
|
197
198
|
}) : null,
|
|
198
|
-
/* @__PURE__ */
|
|
199
|
+
/* @__PURE__ */ m("span", {
|
|
199
200
|
className: n.label,
|
|
200
|
-
"data-rail-hidden":
|
|
201
|
+
"data-rail-hidden": z || void 0,
|
|
201
202
|
children: t.label
|
|
202
203
|
}),
|
|
203
|
-
/* @__PURE__ */
|
|
204
|
+
/* @__PURE__ */ m("svg", {
|
|
204
205
|
viewBox: "0 0 16 16",
|
|
205
206
|
width: "12",
|
|
206
207
|
height: "12",
|
|
207
208
|
"aria-hidden": "true",
|
|
208
209
|
className: n.groupIndicator,
|
|
209
|
-
children: /* @__PURE__ */
|
|
210
|
+
children: /* @__PURE__ */ m("path", {
|
|
210
211
|
d: "M4 6l4 4 4-4",
|
|
211
212
|
fill: "none",
|
|
212
213
|
stroke: "currentColor",
|
|
@@ -216,47 +217,47 @@ function b({ items: t, groups: r, collapsed: o, defaultCollapsed: g = !1, onColl
|
|
|
216
217
|
})
|
|
217
218
|
})
|
|
218
219
|
]
|
|
219
|
-
}), /* @__PURE__ */
|
|
220
|
+
}), /* @__PURE__ */ m("div", {
|
|
220
221
|
id: r,
|
|
221
222
|
"data-state": e ? "open" : "closed",
|
|
222
223
|
className: n.sublist,
|
|
223
|
-
children: /* @__PURE__ */
|
|
224
|
+
children: /* @__PURE__ */ m("ul", {
|
|
224
225
|
className: n.sublistInner,
|
|
225
|
-
children: t.items.map((e, t) =>
|
|
226
|
+
children: t.items.map((e, t) => g(e) ? /* @__PURE__ */ m("li", { children: v(e, { inMenu: !1 }) }, t) : e.type === "separator" ? /* @__PURE__ */ m("li", {
|
|
226
227
|
role: "separator",
|
|
227
228
|
className: n.subSeparator
|
|
228
|
-
}, t) : /* @__PURE__ */
|
|
229
|
+
}, t) : /* @__PURE__ */ m("li", {
|
|
229
230
|
className: n.subGroupLabel,
|
|
230
231
|
children: e.label
|
|
231
232
|
}, t))
|
|
232
233
|
})
|
|
233
234
|
})] }, t.id ?? a);
|
|
234
235
|
}
|
|
235
|
-
let o = /* @__PURE__ */
|
|
236
|
-
t.icon ? /* @__PURE__ */
|
|
236
|
+
let o = /* @__PURE__ */ h(p, { children: [
|
|
237
|
+
t.icon ? /* @__PURE__ */ m("span", {
|
|
237
238
|
className: n.icon,
|
|
238
239
|
"aria-hidden": "true",
|
|
239
240
|
children: t.icon
|
|
240
|
-
}) :
|
|
241
|
+
}) : z ? /* @__PURE__ */ m("span", {
|
|
241
242
|
className: n.fallbackIcon,
|
|
242
243
|
"data-fallback-icon": !0,
|
|
243
244
|
"aria-hidden": "true",
|
|
244
|
-
children:
|
|
245
|
+
children: y(t.label)
|
|
245
246
|
}) : null,
|
|
246
|
-
/* @__PURE__ */
|
|
247
|
+
/* @__PURE__ */ m("span", {
|
|
247
248
|
className: n.label,
|
|
248
|
-
"data-rail-hidden":
|
|
249
|
+
"data-rail-hidden": z || void 0,
|
|
249
250
|
children: t.label
|
|
250
251
|
}),
|
|
251
|
-
t.trailing == null ? null : /* @__PURE__ */
|
|
252
|
+
t.trailing == null ? null : /* @__PURE__ */ m("span", {
|
|
252
253
|
className: n.trailing,
|
|
253
|
-
"data-rail-hidden":
|
|
254
|
+
"data-rail-hidden": z || void 0,
|
|
254
255
|
children: t.trailing
|
|
255
256
|
})
|
|
256
257
|
] }), c = t.tone && t.tone !== "default" ? t.tone : void 0, l = {
|
|
257
258
|
href: t.disabled ? void 0 : t.href,
|
|
258
259
|
"aria-current": t.active ? "page" : void 0,
|
|
259
|
-
"aria-label":
|
|
260
|
+
"aria-label": z ? t.label : void 0,
|
|
260
261
|
"aria-disabled": t.disabled || void 0,
|
|
261
262
|
tabIndex: t.disabled ? -1 : void 0,
|
|
262
263
|
"data-state": t.active ? "active" : void 0,
|
|
@@ -270,29 +271,29 @@ function b({ items: t, groups: r, collapsed: o, defaultCollapsed: g = !1, onColl
|
|
|
270
271
|
t.onClick?.(e);
|
|
271
272
|
}
|
|
272
273
|
};
|
|
273
|
-
if (t.render) return /* @__PURE__ */
|
|
274
|
+
if (t.render) return /* @__PURE__ */ m("li", {
|
|
274
275
|
className: n.customItem,
|
|
275
276
|
children: t.render({
|
|
276
|
-
collapsed:
|
|
277
|
+
collapsed: z,
|
|
277
278
|
children: o,
|
|
278
279
|
linkProps: l
|
|
279
280
|
})
|
|
280
281
|
}, t.id ?? a);
|
|
281
|
-
let u = s(), d = t.onClick && !t.href ? /* @__PURE__ */
|
|
282
|
+
let u = s(), d = t.onClick && !t.href ? /* @__PURE__ */ m("button", {
|
|
282
283
|
type: "button",
|
|
283
284
|
"aria-current": t.active ? "page" : void 0,
|
|
284
|
-
"aria-label":
|
|
285
|
+
"aria-label": z ? t.label : void 0,
|
|
285
286
|
"data-state": t.active ? "active" : void 0,
|
|
286
287
|
"data-tone": c,
|
|
287
288
|
className: n.link,
|
|
288
289
|
disabled: t.disabled,
|
|
289
290
|
onClick: (e) => t.onClick?.(e),
|
|
290
291
|
children: o
|
|
291
|
-
}) : /* @__PURE__ */
|
|
292
|
+
}) : /* @__PURE__ */ m(u, {
|
|
292
293
|
...l,
|
|
293
294
|
children: o
|
|
294
295
|
});
|
|
295
|
-
return /* @__PURE__ */
|
|
296
|
+
return /* @__PURE__ */ m("li", { children: z && !T ? /* @__PURE__ */ m(e, {
|
|
296
297
|
content: t.label,
|
|
297
298
|
placement: "right",
|
|
298
299
|
children: d
|
|
@@ -301,22 +302,22 @@ function b({ items: t, groups: r, collapsed: o, defaultCollapsed: g = !1, onColl
|
|
|
301
302
|
})]
|
|
302
303
|
}, r))
|
|
303
304
|
}),
|
|
304
|
-
|
|
305
|
+
O && /* @__PURE__ */ m("div", {
|
|
305
306
|
className: n.footer,
|
|
306
|
-
children:
|
|
307
|
+
children: O
|
|
307
308
|
}),
|
|
308
|
-
|
|
309
|
+
E && /* @__PURE__ */ m("button", {
|
|
309
310
|
type: "button",
|
|
310
|
-
"aria-label":
|
|
311
|
+
"aria-label": z ? M : j,
|
|
311
312
|
className: n.collapseToggle,
|
|
312
|
-
onClick:
|
|
313
|
-
children: /* @__PURE__ */
|
|
313
|
+
onClick: R,
|
|
314
|
+
children: /* @__PURE__ */ m("svg", {
|
|
314
315
|
viewBox: "0 0 16 16",
|
|
315
316
|
width: "14",
|
|
316
317
|
height: "14",
|
|
317
318
|
"aria-hidden": "true",
|
|
318
319
|
className: n.collapseIcon,
|
|
319
|
-
children: /* @__PURE__ */
|
|
320
|
+
children: /* @__PURE__ */ m("path", {
|
|
320
321
|
d: "M10 4l-4 4 4 4",
|
|
321
322
|
fill: "none",
|
|
322
323
|
stroke: "currentColor",
|
|
@@ -330,4 +331,4 @@ function b({ items: t, groups: r, collapsed: o, defaultCollapsed: g = !1, onColl
|
|
|
330
331
|
});
|
|
331
332
|
}
|
|
332
333
|
//#endregion
|
|
333
|
-
export {
|
|
334
|
+
export { x as SideNav };
|
package/dist/styles.css
CHANGED
|
@@ -899,7 +899,7 @@
|
|
|
899
899
|
/*$vite$:1*/
|
|
900
900
|
@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}}
|
|
901
901
|
/*$vite$:1*/
|
|
902
|
-
@layer cascivo.component{.
|
|
902
|
+
@layer cascivo.component{._shell_pf33o_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_pf33o_16{z-index:var(--cascivo-z-raised);flex:none}._body_pf33o_21{flex:auto;min-block-size:0;display:flex;position:relative}._navWrapper_pf33o_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_pf33o_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_pf33o_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_pf33o_32[data-open=true]{transform:translate(0)}._navInner_pf33o_58{block-size:100%;inline-size:var(--cascivo-shell-panel-inline-size,20rem);display:flex}._navInner_pf33o_58>*{flex:auto;min-block-size:0}._scrim_pf33o_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_pf33o_70[data-open=true]{opacity:1;visibility:visible}._main_pf33o_87{min-inline-size:0;padding:var(--cascivo-space-6);flex:auto;overflow-y:auto}._main_pf33o_87[data-padding=none]{padding:0}._main_pf33o_87[data-padding="1"]{padding:var(--cascivo-space-1)}._main_pf33o_87[data-padding="2"]{padding:var(--cascivo-space-2)}._main_pf33o_87[data-padding="3"]{padding:var(--cascivo-space-3)}._main_pf33o_87[data-padding="4"]{padding:var(--cascivo-space-4)}._main_pf33o_87[data-padding="5"]{padding:var(--cascivo-space-5)}._main_pf33o_87[data-padding="6"]{padding:var(--cascivo-space-6)}._main_pf33o_87[data-padding="8"]{padding:var(--cascivo-space-8)}._main_pf33o_87[data-padding="10"]{padding:var(--cascivo-space-10)}._main_pf33o_87[data-padding="12"]{padding:var(--cascivo-space-12)}._footer_pf33o_128{flex:none}@media (width>=64rem){._navWrapper_pf33o_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_pf33o_32[data-open=false]{inline-size:0}._navInner_pf33o_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_pf33o_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_pf33o_32[data-open=true]{transform:none}._scrim_pf33o_70{display:none}}}
|
|
903
903
|
/*$vite$:1*/
|
|
904
904
|
@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%}}
|
|
905
905
|
/*$vite$:1*/
|
|
@@ -917,11 +917,11 @@
|
|
|
917
917
|
/*$vite$:1*/
|
|
918
918
|
@layer cascivo.component{._buttonGroup_3e81x_2{--_radius:var(--cascivo-button-radius,var(--cascivo-radius-control));display:inline-flex}._buttonGroup_3e81x_2[data-orientation=horizontal]{flex-direction:row}._buttonGroup_3e81x_2[data-orientation=vertical]{flex-direction:column}._buttonGroup_3e81x_2>*{border-radius:0}._buttonGroup_3e81x_2[data-orientation=horizontal]>:first-child{border-start-start-radius:var(--_radius);border-end-start-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=horizontal]>:last-child{border-start-end-radius:var(--_radius);border-end-end-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=horizontal]>:not(:first-child){margin-inline-start:-1px}._buttonGroup_3e81x_2[data-orientation=vertical]>:first-child{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=vertical]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_radius)}._buttonGroup_3e81x_2[data-orientation=vertical]>:not(:first-child){margin-block-start:-1px}._buttonGroup_3e81x_2>:hover,._buttonGroup_3e81x_2>:focus-visible,._buttonGroup_3e81x_2>:focus-within{z-index:1;position:relative}}
|
|
919
919
|
/*$vite$:1*/
|
|
920
|
-
@layer cascivo.component{.
|
|
920
|
+
@layer cascivo.component{._label_yace7_10{align-items:center;gap:inherit;display:inline-flex}._button_yace7_8{justify-content:center;align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));border:1px solid #0000;text-decoration:none;display:inline-flex}._button_yace7_8:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._button_yace7_8:disabled,._button_yace7_8[aria-disabled=true]{opacity:.5;opacity:var(--cascivo-disabled-opacity,.5);cursor:not-allowed;pointer-events:none}._button_yace7_8[data-size=sm]{height:var(--cascivo-control-height-sm);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-ui)}._button_yace7_8[data-size=md]{height:var(--cascivo-control-height-md);padding-inline:var(--cascivo-space-4);padding-block:.5rem;padding-block:--cascivo-step(2);font-size:var(--cascivo-text-ui)}._button_yace7_8[data-size=lg]{height:var(--cascivo-control-height-lg);padding-inline:var(--cascivo-space-6);font-size:var(--cascivo-text-body)}@media (pointer:coarse){._button_yace7_8[data-size=sm],._button_yace7_8[data-size=md]{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_yace7_8[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._button_yace7_8[data-variant=primary]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._button_yace7_8[data-variant=primary]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}._button_yace7_8[data-variant=secondary]{background-color:var(--cascivo-color-secondary);color:var(--cascivo-color-secondary-content)}._button_yace7_8[data-variant=secondary]:hover:not(:disabled){background-color:var(--cascivo-color-secondary-hover)}._button_yace7_8[data-variant=ghost]{color:var(--cascivo-color-text);background-color:#0000}._button_yace7_8[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._button_yace7_8[data-variant=destructive]{background-color:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}._button_yace7_8[data-variant=destructive]:hover:not(:disabled){background-color:var(--cascivo-color-destructive-hover)}}@media (forced-colors:active){._button_yace7_8{border:1px solid buttontext}._button_yace7_8:focus-visible{outline-offset:2px;outline:2px solid highlight}._button_yace7_8:disabled{color:graytext;border-color:graytext}}
|
|
921
921
|
/*$vite$:1*/
|
|
922
922
|
@layer cascivo.component{._calendar_7pqxh_2{--cascivo-calendar-bg:var(--cascivo-color-surface);--cascivo-calendar-radius:var(--cascivo-radius-overlay);--cascivo-calendar-cell-size:2.25rem;--cascivo-calendar-day-selected-bg:var(--cascivo-color-accent);--cascivo-calendar-day-selected-fg:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent));--cascivo-calendar-day-today-color:var(--cascivo-color-accent);--cascivo-calendar-range-bg:color-mix(in srgb, var(--cascivo-color-accent) 16%, transparent);gap:var(--cascivo-space-2);padding:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);background-color:var(--cascivo-calendar-bg);border-radius:var(--cascivo-calendar-radius);flex-direction:column;display:inline-flex}._calendar_7pqxh_2[data-size=sm]{--cascivo-calendar-cell-size:1.875rem}._calendar_7pqxh_2[data-size=md]{--cascivo-calendar-cell-size:2.25rem}._calendar_7pqxh_2[data-size=lg]{--cascivo-calendar-cell-size:2.75rem}._header_7pqxh_33{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-1);display:flex}._monthLabel_7pqxh_40{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_7pqxh_46{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_7pqxh_46:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_7pqxh_46:focus-visible{box-shadow:var(--cascivo-focus-ring)}._navSpacer_7pqxh_69{block-size:2rem;inline-size:2rem}._grid_7pqxh_74{border-collapse:collapse;inline-size:100%}._weekday_7pqxh_79{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:var(--cascivo-calendar-cell-size)}._cell_7pqxh_88{text-align:center;padding:0}._cell_7pqxh_88[data-in-range]{background-color:var(--cascivo-calendar-range-bg)}._cell_7pqxh_88:has([data-in-range]){background-color:var(--cascivo-calendar-range-bg)}._empty_7pqxh_99{inline-size:var(--cascivo-calendar-cell-size);block-size:var(--cascivo-calendar-cell-size)}._day_7pqxh_104{inline-size:var(--cascivo-calendar-cell-size);block-size:var(--cascivo-calendar-cell-size);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._day_7pqxh_104:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_7pqxh_104:focus-visible{box-shadow:var(--cascivo-focus-ring)}._day_7pqxh_104[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-calendar-day-today-color)}._day_7pqxh_104[data-in-range]{background-color:var(--cascivo-calendar-range-bg)}._day_7pqxh_104[data-selected],._day_7pqxh_104[data-range-start],._day_7pqxh_104[data-range-end]{background-color:var(--cascivo-calendar-day-selected-bg);color:var(--cascivo-calendar-day-selected-fg)}._day_7pqxh_104[aria-disabled]{opacity:.35;cursor:not-allowed}}@media (forced-colors:active){._day_7pqxh_104[data-selected]{outline:2px solid highlight}}
|
|
923
923
|
/*$vite$:1*/
|
|
924
|
-
@layer cascivo.component{.
|
|
924
|
+
@layer cascivo.component{._card_ipz9f_2{background-color:var(--cascivo-color-surface);border-radius:var(--cascivo-radius-surface);padding:var(--_card-p,0);position:relative;overflow:hidden}._card_ipz9f_2:has(>._header_ipz9f_19,>._content_ipz9f_19,>._footer_ipz9f_19){padding:0}._card_ipz9f_2[data-padding=none]{--_card-p:0}._card_ipz9f_2[data-padding=sm]{--_card-p:var(--cascivo-space-4);--_card-inner-p:var(--cascivo-space-4)}._card_ipz9f_2[data-padding=md]{--_card-p:var(--cascivo-space-6);--_card-inner-p:var(--cascivo-space-6)}._card_ipz9f_2[data-padding=lg]{--_card-p:var(--cascivo-space-8);--_card-inner-p:var(--cascivo-space-8)}._card_ipz9f_2[data-variant=default]{border:1px solid var(--cascivo-color-border)}._card_ipz9f_2[data-variant=outlined]{border:1.5px solid var(--cascivo-color-border-strong)}._card_ipz9f_2[data-variant=elevated]{box-shadow:var(--cascivo-shadow-md);border:none}._header_ipz9f_19{padding:var(--_card-inner-p,var(--cascivo-space-6));gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;padding-block-end:0;display:flex}._headerRow_ipz9f_74{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-3);flex-direction:row}._headerRow_ipz9f_74 ._headerMain_ipz9f_82{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._headerRow_ipz9f_74 ._headerActions_ipz9f_89{align-items:center;gap:var(--cascivo-space-1);flex-shrink:0;display:flex}._title_ipz9f_97{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}._content_ipz9f_19{padding:var(--_card-inner-p,var(--cascivo-space-6));color:var(--cascivo-color-text-subtle);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-relaxed)}._footer_ipz9f_19{padding:var(--_card-inner-p,var(--cascivo-space-6));align-items:center;gap:var(--cascivo-space-2);min-inline-size:0;padding-block-start:0;display:flex}._footer_ipz9f_19>*{min-inline-size:0}}
|
|
925
925
|
/*$vite$:1*/
|
|
926
926
|
@layer cascivo.component{._carousel_1dvrl_2{gap:var(--cascivo-space-3);flex-direction:column;inline-size:100%;display:flex}._viewport_1dvrl_9{align-items:center;display:flex;position:relative}._track_1dvrl_15{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--cascivo-radius-md);inline-size:100%;display:flex;overflow-x:auto}._track_1dvrl_15::-webkit-scrollbar{display:none}._slide_1dvrl_28{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;inline-size:100%}._nav_1dvrl_35{z-index:1;block-size:2.25rem;inline-size:2.25rem;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-full);box-shadow:var(--cascivo-shadow-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:absolute}._nav_1dvrl_35:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._nav_1dvrl_35:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._nav_1dvrl_35:disabled{opacity:.4;cursor:not-allowed}._prev_1dvrl_65{inset-inline-start:var(--cascivo-space-2)}._next_1dvrl_69{inset-inline-end:var(--cascivo-space-2)}._dots_1dvrl_73{justify-content:center;align-items:center;gap:var(--cascivo-space-2);display:flex}._dot_1dvrl_73{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border-strong);cursor:pointer;block-size:.625rem;inline-size:.625rem;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);border:none;padding:0}._dot_1dvrl_73[data-active]{background-color:var(--cascivo-color-accent)}._dot_1dvrl_73:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (prefers-reduced-motion:reduce){._track_1dvrl_15{scroll-behavior:auto}}@media (forced-colors:active){._nav_1dvrl_35:focus-visible,._dot_1dvrl_73:focus-visible{outline-offset:2px;outline:2px solid highlight}._dot_1dvrl_73[data-active]{background-color:highlight}}
|
|
927
927
|
/*$vite$:1*/
|
|
@@ -929,7 +929,7 @@
|
|
|
929
929
|
/*$vite$:1*/
|
|
930
930
|
@layer cascivo.component{._card_102u6_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:var(--cascivo-color-bg);cursor:pointer;align-items:flex-start;transition:border-color .12s,background-color .12s;display:flex}._card_102u6_2:hover:not([data-disabled]){border-color:var(--cascivo-color-border-strong)}._card_102u6_2:has(input:checked){border-color:var(--cascivo-color-accent);background:color-mix(in oklch, var(--cascivo-color-accent) 4%, var(--cascivo-color-bg))}._card_102u6_2:has(input:focus-visible){box-shadow:var(--cascivo-focus-ring)}._card_102u6_2[data-disabled]{opacity:.5;cursor:not-allowed}._input_102u6_34{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._glyph_102u6_43{border:1px solid var(--cascivo-color-border-strong);border-radius:var(--cascivo-radius-indicator);color:#0000;flex:none;place-items:center;block-size:1rem;inline-size:1rem;margin-block-start:2px;transition:all .12s;display:grid}._card_102u6_2:has(input:checked) ._glyph_102u6_43{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,oklch(100% 0 0))}._check_102u6_62{block-size:.75rem;inline-size:.75rem}._body_102u6_67{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_102u6_73{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._description_102u6_79{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}}
|
|
931
931
|
/*$vite$:1*/
|
|
932
|
-
@layer cascivo.component{.
|
|
932
|
+
@layer cascivo.component{._wrapper_4zlmw_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);cursor:pointer;display:inline-flex}._wrapper_4zlmw_2[data-disabled]{opacity:.5;cursor:not-allowed}._input_4zlmw_15{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._control_4zlmw_28{--_check-color:transparent;pointer-events:none;background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border-strong);border-radius:var(--cascivo-radius-indicator);block-size:1.125rem;inline-size:1.125rem;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;display:inline-flex}._control_4zlmw_28:after{content:"";background-color:var(--_check-color);block-size:100%;inline-size:100%;-webkit-mask:var(--_check-icon,none) no-repeat center / .75rem;mask:var(--_check-icon,none) no-repeat center / .75rem}._input_4zlmw_15:checked+._control_4zlmw_28,._input_4zlmw_15:indeterminate+._control_4zlmw_28{--_check-color:var(--cascivo-color-text-on-accent);background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._input_4zlmw_15:checked+._control_4zlmw_28{--_check-icon: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='2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E")}._input_4zlmw_15:indeterminate+._control_4zlmw_28{--_check-icon: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='2' stroke-linecap='round' d='M4 8h8'/%3E%3C/svg%3E")}._input_4zlmw_15:focus-visible+._control_4zlmw_28{box-shadow:var(--cascivo-focus-ring);outline:none}._label_4zlmw_78{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}}@media (forced-colors:active){._control_4zlmw_28{background-color:field;border:1px solid buttontext}._input_4zlmw_15:checked+._control_4zlmw_28,._input_4zlmw_15:indeterminate+._control_4zlmw_28{background-color:highlight;border-color:highlight}._input_4zlmw_15:focus-visible+._control_4zlmw_28{outline-offset:2px;outline:2px solid highlight}}
|
|
933
933
|
/*$vite$:1*/
|
|
934
934
|
@layer cascivo.component{._root_4lyzf_2{position:relative}._root_4lyzf_2[data-variant=inline]{align-items:center;gap:var(--cascivo-space-1);display:inline-flex}._inlineCode_4lyzf_12{font-family:var(--cascivo-font-mono);color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);padding-inline:var(--cascivo-space-1);padding-block:.125em;font-size:.875em}._pre_4lyzf_23{padding:var(--cascivo-space-4);font-family:var(--cascivo-font-mono);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-relaxed);color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);margin:0;padding-inline-end:var(--cascivo-space-10);overflow-x:auto}._root_4lyzf_2[data-variant=single] ._pre_4lyzf_23,._root_4lyzf_2[data-variant=multi] ._pre_4lyzf_23{white-space:pre}._code_4lyzf_44{font:inherit;color:inherit}._line_4lyzf_49{gap:var(--cascivo-space-4);display:flex}._lineNumber_4lyzf_54{text-align:end;inline-size:2ch;color:var(--cascivo-color-text-subtle);-webkit-user-select:none;user-select:none;flex:none}._lineText_4lyzf_62{white-space:pre}._copy_4lyzf_66{block-size:1.75rem;inline-size:1.75rem;color:var(--cascivo-color-text-muted);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);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);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-block-start:var(--cascivo-space-2);inset-inline-end:var(--cascivo-space-2)}._copy_4lyzf_66:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._copy_4lyzf_66:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._copy_4lyzf_66[data-state=copied]{color:var(--cascivo-color-success,var(--cascivo-color-accent))}._root_4lyzf_2[data-variant=inline] ._copy_4lyzf_66{block-size:1.25rem;inline-size:1.25rem;position:static}._icon_4lyzf_106{block-size:1rem;inline-size:1rem}._code_4lyzf_44 [data-tok=comment]{color:var(--cs-comment,var(--cascivo-color-text-muted));font-style:italic}._code_4lyzf_44 [data-tok=string]{color:var(--cs-string,var(--cascivo-color-success))}._code_4lyzf_44 [data-tok=keyword]{color:var(--cs-keyword,var(--cascivo-color-accent))}._code_4lyzf_44 [data-tok=fn]{color:var(--cs-fn,var(--cascivo-color-info))}._code_4lyzf_44 [data-tok=number]{color:var(--cs-number,var(--cascivo-color-warning))}._code_4lyzf_44 [data-tok=variable]{color:var(--cs-variable,var(--cascivo-color-accent-hover))}._code_4lyzf_44 [data-tok=punct]{color:var(--cs-punct,var(--cascivo-color-text-subtle))}._code_4lyzf_44 [data-tok=prompt]{color:var(--cs-prompt,var(--cascivo-color-text-subtle));-webkit-user-select:none;user-select:none}._root_4lyzf_2[data-terminal]{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);overflow:hidden}._bar_4lyzf_153{align-items:center;gap:var(--cascivo-space-3);padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);background:var(--cascivo-color-surface);border-block-end:1px solid var(--cascivo-color-border);display:flex}._dots_4lyzf_163{gap:.375rem;display:inline-flex}._dot_4lyzf_163{border-radius:var(--cascivo-radius-full);background:var(--cascivo-color-border);block-size:.7rem;inline-size:.7rem}._dot_4lyzf_163:first-child{background:#ff5f57}._dot_4lyzf_163:nth-child(2){background:#febc2e}._dot_4lyzf_163:nth-child(3){background:#28c840}._title_4lyzf_187{font-family:var(--cascivo-font-mono);font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}._root_4lyzf_2[data-terminal] ._pre_4lyzf_23{border:none;border-radius:0}._root_4lyzf_2[data-terminal] ._copy_4lyzf_66{background:0 0;border-color:#0000;inset-block-start:.4rem}}
|
|
935
935
|
/*$vite$:1*/
|
|
@@ -953,7 +953,7 @@
|
|
|
953
953
|
/*$vite$:1*/
|
|
954
954
|
@layer cascivo.component{._list_prsqy_2{font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-normal);margin:0}._list_prsqy_2[data-size=sm]{font-size:var(--cascivo-text-xs);--_row-gap:var(--cascivo-space-2);--_pair-gap:var(--cascivo-space-2)}._list_prsqy_2[data-size=md]{font-size:var(--cascivo-text-sm);--_row-gap:var(--cascivo-space-3);--_pair-gap:var(--cascivo-space-4)}._row_prsqy_21{gap:var(--_pair-gap);padding-block:var(--_row-gap);display:grid}._list_prsqy_2[data-orientation=horizontal] ._row_prsqy_21{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:baseline}._list_prsqy_2[data-orientation=vertical] ._row_prsqy_21{gap:var(--cascivo-space-1);grid-template-columns:1fr}._list_prsqy_2[data-dividers] ._row_prsqy_21{border-block-end:1px solid var(--cascivo-color-border)}._list_prsqy_2[data-dividers] ._row_prsqy_21:last-child{border-block-end:none}._term_prsqy_45{color:var(--cascivo-color-text-subtle);font-weight:var(--cascivo-font-medium);margin:0}._detail_prsqy_51{margin:0;color:var(--cascivo-color-text);margin-inline-start:0}}@media (forced-colors:active){._list_prsqy_2[data-dividers] ._row_prsqy_21{border-block-end:1px solid canvastext}}
|
|
955
955
|
/*$vite$:1*/
|
|
956
|
-
@layer cascivo.component{.
|
|
956
|
+
@layer cascivo.component{._root_bwapn_2{--_row-height:3rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:hidden}._root_bwapn_2[data-density=compact]{--_row-height:2.25rem}._root_bwapn_2[data-density=normal]{--_row-height:3rem}._root_bwapn_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_bwapn_26{justify-content:space-between;align-items:flex-end;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);display:flex}._heading_bwapn_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_bwapn_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_bwapn_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_bwapn_52{appearance:none;height:2rem;min-inline-size:14rem;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-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}._search_bwapn_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_bwapn_52:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._batchBar_bwapn_79{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-2) var(--cascivo-space-4);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);display:flex}._batchCount_bwapn_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_bwapn_95{gap:var(--cascivo-space-2);display:flex}._scroller_bwapn_101{max-block-size:var(--cascivo-data-table-max-height,none);scrollbar-gutter:stable;overflow:auto}._scrollerVirtualized_bwapn_111{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_bwapn_117{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_bwapn_2[data-paginated=true][data-fixed-layout=true] ._table_bwapn_117{table-layout:fixed}._table_bwapn_117 thead th{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));text-align:start;font-weight:var(--cascivo-font-semibold);font-size:var(--cascivo-text-xs);text-transform:uppercase;letter-spacing:var(--cascivo-tracking-wide);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);white-space:nowrap}._table_bwapn_117 thead th[data-align=end]{text-align:end}._table_bwapn_117 td{padding-block:0;padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));block-size:var(--_row-height);vertical-align:middle;border-block-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text)}._table_bwapn_117 td[data-sized],._table_bwapn_117 th[data-sized]{overflow-wrap:break-word;min-inline-size:min-content}._table_bwapn_117 td[data-align=end]{text-align:end}._table_bwapn_117 tbody tr[data-filler-row] td{border-block-end:none}._root_bwapn_2[data-sticky-header=true] ._table_bwapn_117 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_bwapn_2[data-zebra=true] ._table_bwapn_117 tbody tr:nth-child(2n of ._row_bwapn_199){background-color:var(--cascivo-table-zebra-bg,color-mix(in oklab, var(--cascivo-color-text) 5%, transparent))}._controlCol_bwapn_219{inline-size:3rem}._controlCell_bwapn_223{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_bwapn_229{align-items:center;gap:var(--cascivo-space-1);font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;display:inline-flex}._sortButton_bwapn_229:focus-visible{text-decoration:underline}._sortButton_bwapn_229:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_bwapn_229[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_bwapn_229[data-state=descending]:after{content:"↓";opacity:.9}._row_bwapn_199{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_bwapn_199[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_bwapn_277{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_bwapn_284[data-state=closed]{display:none}._expansionGrid_bwapn_290{overflow:hidden}._expansionInner_bwapn_294{padding:var(--cascivo-space-4)}._expandButton_bwapn_299{cursor:pointer;block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._expandButton_bwapn_299:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_bwapn_299:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_bwapn_322{block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);border-block-end:2px solid;border-inline-end:2px solid;display:block;transform:rotate(45deg)}._expandButton_bwapn_299[data-state=open] ._chevron_bwapn_322{transform:rotate(-135deg)}._shimmer_bwapn_337{background-color:var(--cascivo-color-bg-subtle);border-radius:var(--cascivo-radius-indicator);block-size:.875rem;inline-size:80%;display:block;position:relative;overflow:hidden}._shimmer_bwapn_337:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_bwapn_337 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_bwapn_337{to{translate:100%}}._footer_bwapn_364{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-start:1px solid var(--cascivo-color-border);font-size:var(--cascivo-text-sm);display:flex}._pageSize_bwapn_374{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_bwapn_374 select{appearance:none;height:2rem;padding-inline:var(--cascivo-space-2);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;outline:none}._pageSize_bwapn_374 select:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._range_bwapn_400{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_bwapn_405{gap:var(--cascivo-space-1);display:flex}._pageButton_bwapn_405{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);font-size:var(--cascivo-text-base);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;outline:none;justify-content:center;align-items:center;display:inline-flex}._pageButton_bwapn_405:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_bwapn_405:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._pageButton_bwapn_405:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_bwapn_446{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
|
|
957
957
|
/*$vite$:1*/
|
|
958
958
|
@layer cascivo.component{._wrapper_g43fz_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_g43fz_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_g43fz_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_g43fz_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_g43fz_31{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_g43fz_38{align-items:center;display:flex;position:relative}._trigger_g43fz_44{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;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);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_g43fz_44:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_g43fz_44:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_g43fz_44:disabled{opacity:.5;cursor:not-allowed}._wrapper_g43fz_2[data-state=error] ._trigger_g43fz_44{border-color:var(--cascivo-color-destructive)}._value_g43fz_82{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_g43fz_88{color:var(--cascivo-color-text-subtle)}._icon_g43fz_91{color:var(--cascivo-color-text-muted);font-style:normal}._clear_g43fz_96{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_g43fz_96:hover{color:var(--cascivo-color-text)}._clear_g43fz_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_g43fz_121{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);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));inset-inline-start:0;translate:0 -.25rem}._calendar_g43fz_121[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_g43fz_121[data-state=open]{opacity:0;translate:0 -.25rem}}._header_g43fz_153{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_g43fz_160{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_g43fz_166{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_g43fz_166:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_g43fz_166:focus-visible{border-color:var(--cascivo-color-accent)}._grid_g43fz_188{border-collapse:collapse;inline-size:100%}._weekday_g43fz_193{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:2.25rem}._cell_g43fz_202{text-align:center;padding:2px}._empty_g43fz_206{inline-size:2.25rem}._day_g43fz_210{block-size:2.25rem;inline-size:2.25rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}._day_g43fz_210:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_g43fz_210:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_g43fz_210[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_g43fz_210[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_g43fz_210[aria-disabled]{opacity:.35;cursor:not-allowed}._error_g43fz_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive)}._hint_g43fz_249{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|
|
959
959
|
/*$vite$:1*/
|
|
@@ -971,7 +971,7 @@
|
|
|
971
971
|
/*$vite$:1*/
|
|
972
972
|
@layer cascivo.component{._root_142gl_2{z-index:var(--cascivo-z-dropdown,30);gap:var(--cascivo-space-3);flex-direction:column;display:flex;position:fixed;inset-block-end:calc(var(--cascivo-space-6) + env(safe-area-inset-bottom,0px))}._root_142gl_2[data-position=bottom-end]{align-items:flex-end;inset-inline-end:calc(var(--cascivo-space-6) + env(safe-area-inset-right,0px))}._root_142gl_2[data-position=bottom-start]{align-items:flex-start;inset-inline-start:calc(var(--cascivo-space-6) + env(safe-area-inset-left,0px))}._fab_142gl_21{block-size:3.5rem;inline-size:3.5rem;color:var(--cascivo-color-accent-content);background:var(--cascivo-color-accent);border-radius:var(--cascivo-radius-full,9999px);box-shadow:var(--cascivo-shadow-overlay);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._fab_142gl_21:hover{background:var(--cascivo-color-accent-hover,var(--cascivo-color-accent))}._fab_142gl_21:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._icon_142gl_48{block-size:1.5rem;inline-size:1.5rem;transition:rotate var(--cascivo-motion-emphasis,.2s var(--cascivo-ease-out));display:inline-flex}._fab_142gl_21[data-state=open] ._icon_142gl_48{rotate:45deg}._dial_142gl_60{gap:var(--cascivo-space-2);align-items:inherit;opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;translate:0}._dial_142gl_60[data-state=closed]{opacity:0;translate:0 var(--cascivo-space-3);transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}@starting-style{._dial_142gl_60[data-state=open]{opacity:0;translate:0 var(--cascivo-space-3)}}._dialItem_142gl_91{display:flex}._action_142gl_95{align-items:center;gap:var(--cascivo-space-3);min-block-size:var(--cascivo-target-min-coarse,2.75rem);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-4);color:var(--cascivo-color-text);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-full,9999px);box-shadow:var(--cascivo-shadow-overlay);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);display:inline-flex}._root_142gl_2[data-position=bottom-start] ._action_142gl_95{flex-direction:row-reverse}._action_142gl_95:hover{background:var(--cascivo-color-bg-subtle)}._action_142gl_95:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._action_142gl_95[aria-disabled=true]{color:var(--cascivo-color-text-muted);cursor:not-allowed}._actionLabel_142gl_129{font-size:var(--cascivo-text-sm);white-space:nowrap}._actionIcon_142gl_134{block-size:1.25rem;inline-size:1.25rem;color:var(--cascivo-color-accent);display:inline-flex}@media (prefers-reduced-motion:reduce){._dial_142gl_60,._icon_142gl_48{transition:none}}}
|
|
973
973
|
/*$vite$:1*/
|
|
974
|
-
@layer cascivo.component{.
|
|
974
|
+
@layer cascivo.component{._field_1y14o_2{gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);align-content:start;display:grid}._field_1y14o_2[data-disabled]{opacity:.5}._description_1y14o_20{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-muted);margin:0}._error_1y14o_27{font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-destructive);margin:0}}@media (forced-colors:active){._error_1y14o_27{color:buttontext}}
|
|
975
975
|
/*$vite$:1*/
|
|
976
976
|
@layer cascivo.component{._uploader_c3mm3_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}._label_c3mm3_13{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._input_c3mm3_19{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_c3mm3_28{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_c3mm3_28:hover:not(:disabled),._zone_c3mm3_28[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_c3mm3_28:disabled{opacity:.5;cursor:not-allowed}._hint_c3mm3_61{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}._list_c3mm3_66{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_c3mm3_75{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-text-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_c3mm3_75[data-state=error]{border-color:var(--cascivo-color-destructive)}._status_c3mm3_92{grid-area:status;align-items:center;display:flex}._glyph-complete_c3mm3_98{color:var(--cascivo-color-success-foreground)}._glyph-error_c3mm3_102{color:var(--cascivo-color-destructive)}._name_c3mm3_106{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_c3mm3_113{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);grid-area:size}._remove_c3mm3_119{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-text-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_c3mm3_119:hover{color:var(--cascivo-color-destructive);background:var(--cascivo-color-destructive-subtle)}._error-message_c3mm3_139{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive);grid-area:error}}
|
|
977
977
|
/*$vite$:1*/
|
|
@@ -1019,7 +1019,7 @@
|
|
|
1019
1019
|
/*$vite$:1*/
|
|
1020
1020
|
@layer cascivo.component{._flex_1cngp_2{gap:var(--_flex-gap,var(--cascivo-space-4));display:flex}._flex_1cngp_2[data-direction=vertical]{flex-direction:column}._flex_1cngp_2[data-direction=horizontal]{flex-direction:row}._flex_1cngp_2[data-wrap]{flex-wrap:wrap}}
|
|
1021
1021
|
/*$vite$:1*/
|
|
1022
|
-
@layer cascivo.component{._grid-
|
|
1022
|
+
@layer cascivo.component{._grid-container_1tchk_5{display:grid;container-type:inline-size}._grid_1tchk_2{grid-template-columns:repeat(var(--_grid-cols,12), minmax(0, 1fr));gap:var(--_grid-gap,var(--cascivo-space-4));align-items:var(--_grid-align,stretch);justify-items:var(--_grid-justify,stretch);min-inline-size:0;display:grid;container-type:inline-size}@container (width<=40rem){._grid_1tchk_2:not([data-responsive]){grid-template-columns:1fr}}@container (width>=30rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-sm,var(--_grid-cols,12)), minmax(0, 1fr))}}@container (width>=40rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12))), minmax(0, 1fr))}}@container (width>=64rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-lg,var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12)))), minmax(0, 1fr))}}@container (width>=80rem){._grid_1tchk_2[data-responsive]{grid-template-columns:repeat(var(--_grid-cols-xl,var(--_grid-cols-lg,var(--_grid-cols-md,var(--_grid-cols-sm,var(--_grid-cols,12))))), minmax(0, 1fr))}}._grid-item_1tchk_55{grid-column:span var(--_span,1);align-content:stretch;display:grid}@container (width>=30rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-sm,var(--_span,1))}}@container (width>=40rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-md,var(--_span-sm,var(--_span,1)))}}@container (width>=64rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-lg,var(--_span-md,var(--_span-sm,var(--_span,1))))}}@container (width>=80rem){._grid-item_1tchk_55[data-responsive]{grid-column:span var(--_span-xl,var(--_span-lg,var(--_span-md,var(--_span-sm,var(--_span,1)))))}}}
|
|
1023
1023
|
/*$vite$:1*/
|
|
1024
1024
|
@layer cascivo.component{._header_18phh_2{gap:var(--cascivo-space-2);flex-direction:column;display:flex}._breadcrumb_18phh_8{color:var(--cascivo-color-text-muted)}._row_18phh_12{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);flex-wrap:wrap;display:flex}._title_18phh_20{font-size:var(--cascivo-text-2xl,1.5rem);font-weight:var(--cascivo-font-bold,700);color:var(--cascivo-color-text);margin:0;line-height:1.2}._actions_18phh_28{align-items:center;gap:var(--cascivo-space-2);flex-shrink:0;display:flex}._description_18phh_35{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-sm);margin:0}}
|
|
1025
1025
|
/*$vite$:1*/
|
package/dist/swap/swap.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
1
3
|
import e from "./swap.module.js";
|
|
2
|
-
import {
|
|
4
|
+
import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
|
|
3
5
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
6
|
//#region ../components/src/swap/swap.tsx
|
|
5
7
|
function a({ on: a, off: o, checked: s = !1, onValueChange: c, onChange: l, mode: u = "rotate", className: d, ariaLabel: f, ...p }) {
|
|
6
8
|
n();
|
|
7
|
-
let m = t(s);
|
|
8
|
-
m.value = s;
|
|
9
|
+
let [m] = t({ value: s });
|
|
9
10
|
function h() {
|
|
10
11
|
let e = !m.value;
|
|
11
12
|
(c ?? l)?.(e);
|