@cascivo/react 0.3.8 → 0.5.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/LICENSE +1 -1
- package/README.md +6 -3
- package/dist/alert/alert.css +1 -1
- package/dist/alert/alert.module.js +7 -7
- package/dist/alert-dialog/alert-dialog.js +36 -36
- package/dist/avatar/avatar.js +3 -3
- package/dist/combobox/combobox.css +1 -1
- package/dist/combobox/combobox.js +46 -46
- package/dist/combobox/combobox.module.js +15 -15
- package/dist/data-table/data-table.css +1 -1
- package/dist/data-table/data-table.js +7 -5
- package/dist/data-table/data-table.module.js +29 -29
- package/dist/date-picker/date-picker.css +1 -1
- package/dist/date-picker/date-picker.module.js +19 -19
- package/dist/date-range-picker/date-range-picker.js +1 -0
- package/dist/dock/dock.js +21 -19
- package/dist/fab/fab.js +1 -1
- package/dist/file-uploader/file-uploader.css +1 -1
- package/dist/file-uploader/file-uploader.module.js +14 -14
- package/dist/header/header.js +2 -2
- package/dist/index.d.ts +50 -2
- package/dist/log-viewer/log-viewer.css +1 -1
- package/dist/log-viewer/log-viewer.module.js +12 -12
- package/dist/menu/menu.css +1 -1
- package/dist/menu/menu.js +60 -35
- package/dist/menu/menu.module.js +4 -4
- package/dist/modal/modal.js +43 -46
- package/dist/multi-select/multi-select.js +3 -2
- package/dist/password-input/password-input.js +4 -0
- package/dist/popover/popover.css +1 -1
- package/dist/popover/popover.module.js +2 -2
- package/dist/radial-progress/radial-progress.js +13 -10
- package/dist/shell-header/shell-header.js +5 -4
- package/dist/side-nav/side-nav.js +4 -4
- package/dist/stat/stat.css +1 -1
- package/dist/stat/stat.module.js +6 -6
- package/dist/steps/steps.css +1 -1
- package/dist/steps/steps.js +19 -16
- package/dist/steps/steps.module.js +4 -4
- package/dist/styles.css +42 -13
- package/dist/swipe-item/swipe-item.js +2 -2
- package/dist/switcher/switcher.css +1 -1
- package/dist/switcher/switcher.js +3 -2
- package/dist/switcher/switcher.module.js +4 -4
- package/dist/tag/tag.css +1 -1
- package/dist/tag/tag.module.js +2 -2
- package/dist/tags-input/tags-input.css +1 -1
- package/dist/tags-input/tags-input.js +1 -0
- package/dist/tags-input/tags-input.module.js +4 -4
- package/dist/tooltip/tooltip.js +11 -11
- package/package.json +3 -3
- package/readme.body.md +6 -3
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -108,8 +108,10 @@ cascivo.base < cascivo.theme < cascivo.component
|
|
|
108
108
|
**Unlayered** CSS in your app always beats every cascivo layer regardless of
|
|
109
109
|
specificity, so your own (unlayered) styles win by default. To override cascivo
|
|
110
110
|
from within a layer, declare a layer ordered after `cascivo.component`. See
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
[CSS-LAYERS-PITFALL.md](https://github.com/cascivo/cascivo/blob/main/docs/CSS-LAYERS-PITFALL.md)
|
|
112
|
+
for the full story and the recommended `@layer` declaration. Token names and
|
|
113
|
+
aliases are documented in
|
|
114
|
+
[TOKENS.md](https://github.com/cascivo/cascivo/blob/main/docs/TOKENS.md).
|
|
113
115
|
|
|
114
116
|
All components are client components (`'use client'` is preserved in the
|
|
115
117
|
bundle), so the package works in Next.js App Router projects out of the box.
|
|
@@ -150,7 +152,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
150
152
|
|
|
151
153
|
## Component index
|
|
152
154
|
|
|
153
|
-
|
|
155
|
+
192 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
|
|
154
156
|
|
|
155
157
|
### Inputs
|
|
156
158
|
|
|
@@ -218,6 +220,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
218
220
|
- **EmptyState** — Placeholder for views that have no data to display
|
|
219
221
|
- **Flow** — The declarative, AI-first flow surface — render a node/edge graph from plain serializable data.
|
|
220
222
|
- **FlowBackground** — Decorative dots / grid / cross canvas background, drawn purely in CSS gradients.
|
|
223
|
+
- **FlowCanvas** — The pan/zoom canvas pane — a single CSS-transformed layer driven by the viewport signal.
|
|
221
224
|
- **FlowControls** — Zoom in / out / fit-view controls for a flow canvas — real, i18n-labeled buttons.
|
|
222
225
|
- **FlowEdge** — An SVG edge with bezier/straight/smoothstep paths, an arrowhead, an optional label, and animation.
|
|
223
226
|
- **FlowHandle** — A connection port on a node edge — where edges attach and interactive connect starts.
|
package/dist/alert/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@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}}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
import './alert.css';
|
|
4
4
|
var e = {
|
|
5
|
-
alert: "
|
|
6
|
-
icon: "
|
|
7
|
-
title: "
|
|
8
|
-
body: "
|
|
9
|
-
content: "
|
|
10
|
-
action: "
|
|
11
|
-
dismiss: "
|
|
5
|
+
alert: "_alert_a2dn2_2",
|
|
6
|
+
icon: "_icon_a2dn2_18",
|
|
7
|
+
title: "_title_a2dn2_19",
|
|
8
|
+
body: "_body_a2dn2_90",
|
|
9
|
+
content: "_content_a2dn2_104",
|
|
10
|
+
action: "_action_a2dn2_110",
|
|
11
|
+
dismiss: "_dismiss_a2dn2_149"
|
|
12
12
|
};
|
|
13
13
|
//#endregion
|
|
14
14
|
export { e as default };
|
|
@@ -1,63 +1,63 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
3
|
import e from "./alert-dialog.module.js";
|
|
4
|
-
import {
|
|
5
|
-
import { builtin as
|
|
6
|
-
import { jsx as
|
|
7
|
-
import { useRef as
|
|
4
|
+
import { useId as t, useSignal as n, useSignalEffect as r } from "@cascivo/core";
|
|
5
|
+
import { builtin as i, t as a } from "@cascivo/i18n";
|
|
6
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
|
+
import { useRef as c } from "react";
|
|
8
8
|
//#region ../components/src/alert-dialog/alert-dialog.tsx
|
|
9
|
-
function
|
|
10
|
-
let
|
|
11
|
-
|
|
12
|
-
let
|
|
13
|
-
|
|
14
|
-
let
|
|
15
|
-
return
|
|
16
|
-
let e =
|
|
17
|
-
if (e) if (
|
|
9
|
+
function l({ open: l, title: u, description: d, onConfirm: f, onCancel: p, labels: m, variant: h = "default" }) {
|
|
10
|
+
let g = c(null), _ = t("cascivo-alert-dialog-title"), v = t("cascivo-alert-dialog-desc"), y = n(l);
|
|
11
|
+
y.value = l;
|
|
12
|
+
let b = c(null), x = c(p);
|
|
13
|
+
x.current = p;
|
|
14
|
+
let S = c(f);
|
|
15
|
+
return S.current = f, r(() => {
|
|
16
|
+
let e = g.current;
|
|
17
|
+
if (e) if (y.value) {
|
|
18
18
|
try {
|
|
19
19
|
e.showPopover();
|
|
20
20
|
} catch {}
|
|
21
|
-
requestAnimationFrame(() =>
|
|
21
|
+
requestAnimationFrame(() => b.current?.focus());
|
|
22
22
|
} else try {
|
|
23
23
|
e.hidePopover();
|
|
24
24
|
} catch {}
|
|
25
|
-
}), /* @__PURE__ */
|
|
26
|
-
ref:
|
|
25
|
+
}), /* @__PURE__ */ o("div", {
|
|
26
|
+
ref: g,
|
|
27
27
|
popover: "manual",
|
|
28
28
|
role: "alertdialog",
|
|
29
29
|
"aria-modal": "true",
|
|
30
|
-
"aria-labelledby":
|
|
31
|
-
"aria-describedby":
|
|
32
|
-
"data-state":
|
|
33
|
-
"data-variant":
|
|
30
|
+
"aria-labelledby": _,
|
|
31
|
+
"aria-describedby": v,
|
|
32
|
+
"data-state": l ? "open" : "closed",
|
|
33
|
+
"data-variant": h,
|
|
34
34
|
className: e.dialog,
|
|
35
|
-
children: /* @__PURE__ */
|
|
35
|
+
children: /* @__PURE__ */ s("div", {
|
|
36
36
|
className: e.content,
|
|
37
37
|
children: [
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
id:
|
|
38
|
+
/* @__PURE__ */ o("p", {
|
|
39
|
+
id: _,
|
|
40
40
|
className: e.title,
|
|
41
|
-
children:
|
|
41
|
+
children: u
|
|
42
42
|
}),
|
|
43
|
-
/* @__PURE__ */
|
|
44
|
-
id:
|
|
43
|
+
/* @__PURE__ */ o("p", {
|
|
44
|
+
id: v,
|
|
45
45
|
className: e.description,
|
|
46
|
-
children:
|
|
46
|
+
children: d
|
|
47
47
|
}),
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ s("div", {
|
|
49
49
|
className: e.actions,
|
|
50
|
-
children: [/* @__PURE__ */
|
|
51
|
-
ref:
|
|
50
|
+
children: [/* @__PURE__ */ o("button", {
|
|
51
|
+
ref: b,
|
|
52
52
|
type: "button",
|
|
53
53
|
className: e.cancel,
|
|
54
|
-
onClick: () =>
|
|
55
|
-
children:
|
|
56
|
-
}), /* @__PURE__ */
|
|
54
|
+
onClick: () => x.current(),
|
|
55
|
+
children: m?.cancel ?? a(i.alertDialog.cancel)
|
|
56
|
+
}), /* @__PURE__ */ o("button", {
|
|
57
57
|
type: "button",
|
|
58
58
|
className: e.confirm,
|
|
59
|
-
onClick: () =>
|
|
60
|
-
children:
|
|
59
|
+
onClick: () => S.current(),
|
|
60
|
+
children: m?.confirm ?? a(i.alertDialog.confirm)
|
|
61
61
|
})]
|
|
62
62
|
})
|
|
63
63
|
]
|
|
@@ -65,4 +65,4 @@ function c({ open: c, title: l, description: u, onConfirm: d, onCancel: f, label
|
|
|
65
65
|
});
|
|
66
66
|
}
|
|
67
67
|
//#endregion
|
|
68
|
-
export {
|
|
68
|
+
export { l as AlertDialog };
|
package/dist/avatar/avatar.js
CHANGED
|
@@ -17,13 +17,13 @@ var s = n({
|
|
|
17
17
|
});
|
|
18
18
|
function c({ src: n, alt: c = "", fallback: l, size: u = "md", status: d, className: f, ...p }) {
|
|
19
19
|
i();
|
|
20
|
-
let [m, h] = r(s), g = !!n && m.value !== "error";
|
|
20
|
+
let [m, h] = r(s), g = !!n && m.value !== "error", _ = c || l;
|
|
21
21
|
return /* @__PURE__ */ o("span", {
|
|
22
22
|
"data-size": u,
|
|
23
23
|
"data-status": d,
|
|
24
24
|
className: t(e.avatar, f),
|
|
25
|
-
role: g ? void 0 : "img",
|
|
26
|
-
"aria-label": g ? void 0 :
|
|
25
|
+
role: g || !_ ? void 0 : "img",
|
|
26
|
+
"aria-label": g ? void 0 : _ || void 0,
|
|
27
27
|
...p,
|
|
28
28
|
children: [g ? /* @__PURE__ */ a("img", {
|
|
29
29
|
className: e.image,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._wrapper_bi94t_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex;position:relative}._label_bi94t_10{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._field_bi94t_16{align-items:center;display:flex;position:relative}._trigger_bi94t_22{inline-size:100%;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);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;justify-content:space-between;align-items:center;display:flex}._trigger_bi94t_22:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_bi94t_22: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_bi94t_22:disabled{opacity:.5;cursor:not-allowed}._wrapper_bi94t_2[data-size=sm] ._trigger_bi94t_22{block-size:2rem}._wrapper_bi94t_2[data-size=md] ._trigger_bi94t_22{block-size:2.5rem}._wrapper_bi94t_2[data-size=lg] ._trigger_bi94t_22{block-size:3rem}._wrapper_bi94t_2[data-state=error] ._trigger_bi94t_22{border-color:var(--cascivo-color-danger)}._value_bi94t_70{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._placeholder_bi94t_76{color:var(--cascivo-color-text-subtle)}._chevron_bi94t_80{border-inline-end:2px solid var(--cascivo-color-text-muted);border-block-end:2px solid var(--cascivo-color-text-muted);block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:inline-block;transform:rotate(45deg)}._wrapper_bi94t_2[data-state=open] ._chevron_bi94t_80{transform:rotate(-135deg)}._clear_bi94t_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_bi94t_96:hover{color:var(--cascivo-color-text)}._clear_bi94t_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._listbox_bi94t_122{inline-size:100%;z-index:var(--cascivo-z-dropdown);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);max-block-size:16rem;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;overflow-y:auto;translate:0 -.25rem}._listbox_bi94t_122[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._listbox_bi94t_122[data-state=open]{opacity:0;translate:0 -.25rem}}._searchWrapper_bi94t_156{padding:var(--cascivo-space-2);border-block-end:1px solid var(--cascivo-color-border)}._search_bi94t_156{inline-size:100%;padding-inline:var(--cascivo-space-2);padding-block:var(--cascivo-space-1);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_bi94t_156:focus-visible{border-color:var(--cascivo-color-accent)}._option_bi94t_178{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-item)}._option_bi94t_178[data-state=active]{background-color:var(--cascivo-color-bg-subtle)}._option_bi94t_178[aria-selected=true]{background-color:color-mix(in srgb, var(--cascivo-color-accent) 12%, transparent);color:var(--cascivo-color-accent)}._option_bi94t_178[data-disabled]{opacity:.4;cursor:not-allowed}._empty_bi94t_201{padding:var(--cascivo-space-4);text-align:center;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._error_bi94t_208{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_bi94t_213{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|
|
@@ -15,53 +15,53 @@ var p = n({
|
|
|
15
15
|
});
|
|
16
16
|
function m({ options: n, value: m, defaultValue: h, onChange: g, clearable: _ = !1, searchable: v = !0, label: y, hint: b, error: x, size: S = "md", disabled: C = !1, labels: w, className: T, id: E }) {
|
|
17
17
|
o();
|
|
18
|
-
let [D, O] = r(p), k = d(), A = E ?? `cascade-combobox-${k}`, j = `${k}-listbox`, M = f(null), N = w?.placeholder ?? c(s.combobox.placeholder), P = w?.empty ?? c(s.combobox.empty), F = w?.clear ?? c(s.combobox.clear), I = i(m ?? h);
|
|
19
|
-
m !== void 0 && (
|
|
20
|
-
let
|
|
18
|
+
let [D, O] = r(p), k = d(), A = E ?? `cascade-combobox-${k}`, j = `${k}-listbox`, M = f(null), N = w?.placeholder ?? c(s.combobox.placeholder), P = w?.empty ?? c(s.combobox.empty), F = w?.clear ?? c(s.combobox.clear), I = w?.search ?? c(s.combobox.search), L = i(m ?? h);
|
|
19
|
+
m !== void 0 && (L.value = m);
|
|
20
|
+
let R = i(""), z = i(0), B = D.value === "open", V = n.filter((e) => !v || !R.value ? !0 : e.label.toLowerCase().includes(R.value.toLowerCase())), H = n.find((e) => e.value === L.value);
|
|
21
21
|
a(() => {
|
|
22
|
-
if (!
|
|
22
|
+
if (!B) return;
|
|
23
23
|
let e = (e) => {
|
|
24
24
|
let t = document.getElementById(`${k}-root`);
|
|
25
25
|
t && !t.contains(e.target) && O("CLOSE");
|
|
26
26
|
};
|
|
27
27
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
28
28
|
});
|
|
29
|
-
let
|
|
30
|
-
C || (
|
|
31
|
-
},
|
|
32
|
-
O("CLOSE"),
|
|
33
|
-
},
|
|
34
|
-
m === void 0 && (
|
|
35
|
-
},
|
|
36
|
-
m === void 0 && (
|
|
37
|
-
},
|
|
38
|
-
if (
|
|
39
|
-
let t =
|
|
40
|
-
t !== void 0 && (
|
|
41
|
-
}, J = (e) => {
|
|
42
|
-
(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), H());
|
|
29
|
+
let U = () => {
|
|
30
|
+
C || (R.value = "", z.value = 0, O("OPEN"), setTimeout(() => M.current?.focus(), 0));
|
|
31
|
+
}, W = () => {
|
|
32
|
+
O("CLOSE"), R.value = "";
|
|
33
|
+
}, G = (e) => {
|
|
34
|
+
m === void 0 && (L.value = e), g?.(e), W();
|
|
35
|
+
}, K = () => {
|
|
36
|
+
m === void 0 && (L.value = void 0), g?.(void 0);
|
|
37
|
+
}, q = V.flatMap((e, t) => e.disabled ? [] : [t]), J = (e) => {
|
|
38
|
+
if (q.length === 0) return;
|
|
39
|
+
let t = q[(q.indexOf(z.value) + e + q.length) % q.length];
|
|
40
|
+
t !== void 0 && (z.value = t);
|
|
43
41
|
}, Y = (e) => {
|
|
42
|
+
(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), U());
|
|
43
|
+
}, X = (e) => {
|
|
44
44
|
switch (e.key) {
|
|
45
45
|
case "ArrowDown":
|
|
46
|
-
e.preventDefault(),
|
|
46
|
+
e.preventDefault(), J(1);
|
|
47
47
|
break;
|
|
48
48
|
case "ArrowUp":
|
|
49
|
-
e.preventDefault(),
|
|
49
|
+
e.preventDefault(), J(-1);
|
|
50
50
|
break;
|
|
51
51
|
case "Enter": {
|
|
52
52
|
e.preventDefault();
|
|
53
|
-
let t =
|
|
54
|
-
t && !t.disabled &&
|
|
53
|
+
let t = V[z.value];
|
|
54
|
+
t && !t.disabled && G(t.value);
|
|
55
55
|
break;
|
|
56
56
|
}
|
|
57
57
|
case "Escape":
|
|
58
|
-
e.preventDefault(),
|
|
58
|
+
e.preventDefault(), W();
|
|
59
59
|
break;
|
|
60
60
|
case "Tab":
|
|
61
|
-
|
|
61
|
+
W();
|
|
62
62
|
break;
|
|
63
63
|
}
|
|
64
|
-
},
|
|
64
|
+
}, Z = (e) => `${k}-option-${e}`;
|
|
65
65
|
return /* @__PURE__ */ u("div", {
|
|
66
66
|
id: `${k}-root`,
|
|
67
67
|
className: t(e.wrapper, T),
|
|
@@ -79,29 +79,29 @@ function m({ options: n, value: m, defaultValue: h, onChange: g, clearable: _ =
|
|
|
79
79
|
id: A,
|
|
80
80
|
type: "button",
|
|
81
81
|
role: "combobox",
|
|
82
|
-
"aria-expanded":
|
|
82
|
+
"aria-expanded": B,
|
|
83
83
|
"aria-controls": j,
|
|
84
84
|
"aria-haspopup": "listbox",
|
|
85
|
-
"aria-activedescendant":
|
|
85
|
+
"aria-activedescendant": B && z.value >= 0 ? Z(z.value) : void 0,
|
|
86
86
|
"aria-invalid": x ? !0 : void 0,
|
|
87
87
|
"aria-describedby": x ? `${k}-error` : b ? `${k}-hint` : void 0,
|
|
88
88
|
className: e.trigger,
|
|
89
89
|
disabled: C,
|
|
90
|
-
onKeyDown:
|
|
91
|
-
onClick:
|
|
90
|
+
onKeyDown: Y,
|
|
91
|
+
onClick: B ? W : U,
|
|
92
92
|
children: [/* @__PURE__ */ l("span", {
|
|
93
|
-
className: t(e.value,
|
|
94
|
-
children:
|
|
93
|
+
className: t(e.value, H ? void 0 : e.placeholder),
|
|
94
|
+
children: H?.label ?? N
|
|
95
95
|
}), /* @__PURE__ */ l("span", {
|
|
96
96
|
className: e.chevron,
|
|
97
97
|
"aria-hidden": "true"
|
|
98
98
|
})]
|
|
99
|
-
}), _ &&
|
|
99
|
+
}), _ && L.value !== void 0 && /* @__PURE__ */ l("button", {
|
|
100
100
|
type: "button",
|
|
101
101
|
className: e.clear,
|
|
102
102
|
"aria-label": F,
|
|
103
103
|
onClick: (e) => {
|
|
104
|
-
e.stopPropagation(),
|
|
104
|
+
e.stopPropagation(), K();
|
|
105
105
|
},
|
|
106
106
|
children: "✕"
|
|
107
107
|
})]
|
|
@@ -110,38 +110,38 @@ function m({ options: n, value: m, defaultValue: h, onChange: g, clearable: _ =
|
|
|
110
110
|
role: "listbox",
|
|
111
111
|
id: j,
|
|
112
112
|
className: e.listbox,
|
|
113
|
-
"data-state":
|
|
113
|
+
"data-state": B ? "open" : "closed",
|
|
114
114
|
"aria-label": y,
|
|
115
|
-
children: [v &&
|
|
115
|
+
children: [v && B && /* @__PURE__ */ l("div", {
|
|
116
116
|
className: e.searchWrapper,
|
|
117
117
|
children: /* @__PURE__ */ l("input", {
|
|
118
118
|
ref: M,
|
|
119
119
|
type: "text",
|
|
120
120
|
className: e.search,
|
|
121
|
-
value:
|
|
121
|
+
value: R.value,
|
|
122
122
|
onChange: (e) => {
|
|
123
|
-
|
|
123
|
+
R.value = e.target.value, z.value = 0;
|
|
124
124
|
},
|
|
125
|
-
onKeyDown:
|
|
126
|
-
"aria-label":
|
|
125
|
+
onKeyDown: X,
|
|
126
|
+
"aria-label": I,
|
|
127
127
|
autoComplete: "off"
|
|
128
128
|
})
|
|
129
|
-
}),
|
|
129
|
+
}), V.length === 0 ? /* @__PURE__ */ l("div", {
|
|
130
130
|
className: e.empty,
|
|
131
131
|
children: P
|
|
132
|
-
}) :
|
|
133
|
-
id:
|
|
132
|
+
}) : V.map((t, n) => /* @__PURE__ */ l("div", {
|
|
133
|
+
id: Z(n),
|
|
134
134
|
role: "option",
|
|
135
|
-
"aria-selected": t.value ===
|
|
135
|
+
"aria-selected": t.value === L.value,
|
|
136
136
|
"aria-disabled": t.disabled || void 0,
|
|
137
|
-
"data-state": n ===
|
|
137
|
+
"data-state": n === z.value ? "active" : void 0,
|
|
138
138
|
"data-disabled": t.disabled || void 0,
|
|
139
139
|
className: e.option,
|
|
140
140
|
onMouseEnter: () => {
|
|
141
|
-
t.disabled || (
|
|
141
|
+
t.disabled || (z.value = n);
|
|
142
142
|
},
|
|
143
143
|
onClick: () => {
|
|
144
|
-
t.disabled ||
|
|
144
|
+
t.disabled || G(t.value);
|
|
145
145
|
},
|
|
146
146
|
children: t.label
|
|
147
147
|
}, t.value))]
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
import './combobox.css';
|
|
4
4
|
var e = {
|
|
5
|
-
wrapper: "
|
|
6
|
-
label: "
|
|
7
|
-
field: "
|
|
8
|
-
trigger: "
|
|
9
|
-
value: "
|
|
10
|
-
placeholder: "
|
|
11
|
-
chevron: "
|
|
12
|
-
clear: "
|
|
13
|
-
listbox: "
|
|
14
|
-
searchWrapper: "
|
|
15
|
-
search: "
|
|
16
|
-
option: "
|
|
17
|
-
empty: "
|
|
18
|
-
error: "
|
|
19
|
-
hint: "
|
|
5
|
+
wrapper: "_wrapper_bi94t_2",
|
|
6
|
+
label: "_label_bi94t_10",
|
|
7
|
+
field: "_field_bi94t_16",
|
|
8
|
+
trigger: "_trigger_bi94t_22",
|
|
9
|
+
value: "_value_bi94t_70",
|
|
10
|
+
placeholder: "_placeholder_bi94t_76",
|
|
11
|
+
chevron: "_chevron_bi94t_80",
|
|
12
|
+
clear: "_clear_bi94t_96",
|
|
13
|
+
listbox: "_listbox_bi94t_122",
|
|
14
|
+
searchWrapper: "_searchWrapper_bi94t_156",
|
|
15
|
+
search: "_search_bi94t_156",
|
|
16
|
+
option: "_option_bi94t_178",
|
|
17
|
+
empty: "_empty_bi94t_201",
|
|
18
|
+
error: "_error_bi94t_208",
|
|
19
|
+
hint: "_hint_bi94t_213"
|
|
20
20
|
};
|
|
21
21
|
//#endregion
|
|
22
22
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._root_cpm34_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_cpm34_2[data-density=compact]{--_row-height:2.25rem}._root_cpm34_2[data-density=normal]{--_row-height:3rem}._root_cpm34_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_cpm34_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_cpm34_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_cpm34_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_cpm34_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_cpm34_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_cpm34_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_cpm34_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_cpm34_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_cpm34_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_cpm34_95{gap:var(--cascivo-space-2);display:flex}._scroller_cpm34_101{max-block-size:var(--cascivo-data-table-max-height,none);overflow:auto}._scrollerVirtualized_cpm34_106{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_cpm34_112{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_cpm34_2[data-paginated=true] ._table_cpm34_112{table-layout:fixed}._table_cpm34_112 thead th{padding-block:var(--cascivo-space-2);padding-inline: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_cpm34_112 thead th[data-align=end]{text-align:end}._table_cpm34_112 td{padding-block:0;padding-inline: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_cpm34_112 td[data-align=end]{text-align:end}._table_cpm34_112 tbody tr[data-filler-row] td{border-block-end:none}._root_cpm34_2[data-sticky-header=true] ._table_cpm34_112 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_cpm34_2[data-zebra=true] ._table_cpm34_112 tbody tr:nth-child(2n of ._row_cpm34_168){background-color:var(--cascivo-color-bg-subtle)}._controlCol_cpm34_174{inline-size:3rem}._controlCell_cpm34_178{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_cpm34_184{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_cpm34_184:focus-visible{text-decoration:underline}._sortButton_cpm34_184:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_cpm34_184[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_cpm34_184[data-state=descending]:after{content:"↓";opacity:.9}._row_cpm34_168{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_cpm34_168[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_cpm34_232{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_cpm34_239[data-state=closed]{display:none}._expansionGrid_cpm34_245{overflow:hidden}._expansionInner_cpm34_249{padding:var(--cascivo-space-4)}._expandButton_cpm34_254{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_cpm34_254:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_cpm34_254:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_cpm34_277{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_cpm34_254[data-state=open] ._chevron_cpm34_277{transform:rotate(-135deg)}._shimmer_cpm34_292{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_cpm34_292:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_cpm34_292 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_cpm34_292{to{translate:100%}}._footer_cpm34_319{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_cpm34_329{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_cpm34_329 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_cpm34_329 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_cpm34_355{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_cpm34_360{gap:var(--cascivo-space-1);display:flex}._pageButton_cpm34_360{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_cpm34_360:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_cpm34_360: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_cpm34_360:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_cpm34_401{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
|
|
@@ -23,7 +23,9 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
23
23
|
selectAll: S?.selectAll ?? c(s.dataTable.selectAll),
|
|
24
24
|
selectRow: S?.selectRow ?? c(s.dataTable.selectRow),
|
|
25
25
|
itemsSelected: (e) => S?.itemsSelected?.(e) ?? c(s.dataTable.itemsSelected, { count: e }),
|
|
26
|
-
expandRow: S?.expandRow ?? c(s.dataTable.expandRow)
|
|
26
|
+
expandRow: S?.expandRow ?? c(s.dataTable.expandRow),
|
|
27
|
+
previousPage: S?.previousPage ?? c(s.dataTable.previousPage),
|
|
28
|
+
nextPage: S?.nextPage ?? c(s.dataTable.nextPage)
|
|
27
29
|
}, E = o(se);
|
|
28
30
|
E.value = se;
|
|
29
31
|
let D = o(f);
|
|
@@ -152,12 +154,12 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
152
154
|
children: T.itemsSelected(K.length)
|
|
153
155
|
}), /* @__PURE__ */ l("div", {
|
|
154
156
|
className: n.batchActions,
|
|
155
|
-
children: _.map((t) => /* @__PURE__ */ l(e, {
|
|
157
|
+
children: _.map((t, n) => /* @__PURE__ */ l(e, {
|
|
156
158
|
size: "sm",
|
|
157
159
|
variant: "secondary",
|
|
158
160
|
onClick: () => t.onClick(K),
|
|
159
161
|
children: t.label
|
|
160
|
-
}, t.label))
|
|
162
|
+
}, t.id ?? `${n}-${t.label}`))
|
|
161
163
|
})]
|
|
162
164
|
}),
|
|
163
165
|
/* @__PURE__ */ l("div", {
|
|
@@ -336,7 +338,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
336
338
|
children: [/* @__PURE__ */ l("button", {
|
|
337
339
|
type: "button",
|
|
338
340
|
className: n.pageButton,
|
|
339
|
-
"aria-label":
|
|
341
|
+
"aria-label": T.previousPage,
|
|
340
342
|
disabled: B.value <= 1,
|
|
341
343
|
onClick: () => {
|
|
342
344
|
j.value = B.value - 1;
|
|
@@ -348,7 +350,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
348
350
|
}), /* @__PURE__ */ l("button", {
|
|
349
351
|
type: "button",
|
|
350
352
|
className: n.pageButton,
|
|
351
|
-
"aria-label":
|
|
353
|
+
"aria-label": T.nextPage,
|
|
352
354
|
disabled: B.value >= z.value,
|
|
353
355
|
onClick: () => {
|
|
354
356
|
j.value = B.value + 1;
|
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
|
|
3
3
|
import './data-table.css';
|
|
4
4
|
var e = {
|
|
5
|
-
root: "
|
|
6
|
-
toolbar: "
|
|
7
|
-
heading: "
|
|
8
|
-
title: "
|
|
9
|
-
description: "
|
|
10
|
-
search: "
|
|
11
|
-
batchBar: "
|
|
12
|
-
batchCount: "
|
|
13
|
-
batchActions: "
|
|
14
|
-
scroller: "
|
|
15
|
-
scrollerVirtualized: "
|
|
16
|
-
table: "
|
|
17
|
-
row: "
|
|
18
|
-
controlCol: "
|
|
19
|
-
controlCell: "
|
|
20
|
-
sortButton: "
|
|
21
|
-
emptyCell: "
|
|
22
|
-
expansionRow: "
|
|
23
|
-
expansionGrid: "
|
|
24
|
-
expansionInner: "
|
|
25
|
-
expandButton: "
|
|
26
|
-
chevron: "
|
|
27
|
-
shimmer: "
|
|
28
|
-
footer: "
|
|
29
|
-
pageSize: "
|
|
30
|
-
range: "
|
|
31
|
-
pageButtons: "
|
|
32
|
-
pageButton: "
|
|
33
|
-
srOnly: "
|
|
5
|
+
root: "_root_cpm34_2",
|
|
6
|
+
toolbar: "_toolbar_cpm34_26",
|
|
7
|
+
heading: "_heading_cpm34_35",
|
|
8
|
+
title: "_title_cpm34_41",
|
|
9
|
+
description: "_description_cpm34_47",
|
|
10
|
+
search: "_search_cpm34_52",
|
|
11
|
+
batchBar: "_batchBar_cpm34_79",
|
|
12
|
+
batchCount: "_batchCount_cpm34_89",
|
|
13
|
+
batchActions: "_batchActions_cpm34_95",
|
|
14
|
+
scroller: "_scroller_cpm34_101",
|
|
15
|
+
scrollerVirtualized: "_scrollerVirtualized_cpm34_106",
|
|
16
|
+
table: "_table_cpm34_112",
|
|
17
|
+
row: "_row_cpm34_168",
|
|
18
|
+
controlCol: "_controlCol_cpm34_174",
|
|
19
|
+
controlCell: "_controlCell_cpm34_178",
|
|
20
|
+
sortButton: "_sortButton_cpm34_184",
|
|
21
|
+
emptyCell: "_emptyCell_cpm34_232",
|
|
22
|
+
expansionRow: "_expansionRow_cpm34_239",
|
|
23
|
+
expansionGrid: "_expansionGrid_cpm34_245",
|
|
24
|
+
expansionInner: "_expansionInner_cpm34_249",
|
|
25
|
+
expandButton: "_expandButton_cpm34_254",
|
|
26
|
+
chevron: "_chevron_cpm34_277",
|
|
27
|
+
shimmer: "_shimmer_cpm34_292",
|
|
28
|
+
footer: "_footer_cpm34_319",
|
|
29
|
+
pageSize: "_pageSize_cpm34_329",
|
|
30
|
+
range: "_range_cpm34_355",
|
|
31
|
+
pageButtons: "_pageButtons_cpm34_360",
|
|
32
|
+
pageButton: "_pageButton_cpm34_360",
|
|
33
|
+
srOnly: "_srOnly_cpm34_401"
|
|
34
34
|
};
|
|
35
35
|
//#endregion
|
|
36
36
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._wrapper_6chzy_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_6chzy_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_6chzy_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_6chzy_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_6chzy_27{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_6chzy_34{align-items:center;display:flex;position:relative}._trigger_6chzy_40{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_6chzy_40:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_6chzy_40: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_6chzy_40:disabled{opacity:.5;cursor:not-allowed}._wrapper_6chzy_2[data-state=error] ._trigger_6chzy_40{border-color:var(--cascivo-color-danger)}._value_6chzy_78{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_6chzy_84{color:var(--cascivo-color-text-subtle)}._icon_6chzy_87{color:var(--cascivo-color-text-muted);font-style:normal}._clear_6chzy_92{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_6chzy_92:hover{color:var(--cascivo-color-text)}._clear_6chzy_92:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_6chzy_117{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_6chzy_117[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_6chzy_117[data-state=open]{opacity:0;translate:0 -.25rem}}._header_6chzy_149{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_6chzy_156{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_6chzy_162{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_6chzy_162:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_6chzy_162:focus-visible{border-color:var(--cascivo-color-accent)}._grid_6chzy_184{border-collapse:collapse;inline-size:100%}._weekday_6chzy_189{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_6chzy_198{text-align:center;padding:2px}._empty_6chzy_202{inline-size:2.25rem}._day_6chzy_206{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_6chzy_206:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_6chzy_206:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_6chzy_206[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_6chzy_206[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_6chzy_206[aria-disabled]{opacity:.35;cursor:not-allowed}._error_6chzy_241{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_6chzy_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|