@cascivo/react 0.3.4 → 0.3.8

package/dist/side-nav/side-nav.js

@@ -0,0 +1,326 @@
+"use client";
+
+import { Tooltip as e } from "../tooltip/tooltip.js";
+import { usePopover as t } from "../popover/use-popover.js";
+import n from "./side-nav.module.js";
+import { cn as r, useSignal as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Fragment as d, useId as f } from "react";
+//#region ../components/src/side-nav/side-nav.tsx
+function p(e) {
+	return !("type" in e);
+}
+function m() {
+	return /* @__PURE__ */ l("svg", {
+		viewBox: "0 0 16 16",
+		width: "14",
+		height: "14",
+		"aria-hidden": "true",
+		className: n.checkMark,
+		children: /* @__PURE__ */ l("path", {
+			d: "M3.5 8.5l3 3 6-7",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function h(e, { inMenu: t, onActivate: i, extraClass: a }) {
+	let o = t ? "menuitem" : void 0, s = r(n.link, n.sublink, a), d = /* @__PURE__ */ u(c, { children: [
+		e.icon ? /* @__PURE__ */ l("span", {
+			className: n.icon,
+			"aria-hidden": "true",
+			children: e.icon
+		}) : null,
+		/* @__PURE__ */ l("span", {
+			className: n.label,
+			children: e.label
+		}),
+		e.selected ? /* @__PURE__ */ l(m, {}) : null
+	] });
+	return e.onSelect && !e.href ? /* @__PURE__ */ l("button", {
+		type: "button",
+		role: o,
+		"aria-current": e.active ? "page" : void 0,
+		"data-state": e.active ? "active" : void 0,
+		"data-selected": e.selected || void 0,
+		disabled: e.disabled,
+		className: s,
+		onClick: () => {
+			e.onSelect?.(), i?.();
+		},
+		children: d
+	}) : /* @__PURE__ */ l("a", {
+		href: e.disabled ? void 0 : e.href,
+		role: o,
+		"aria-current": e.active ? "page" : void 0,
+		"aria-disabled": e.disabled || void 0,
+		tabIndex: e.disabled ? -1 : void 0,
+		"data-state": e.active ? "active" : void 0,
+		"data-selected": e.selected || void 0,
+		className: s,
+		onClick: (t) => {
+			if (e.disabled) {
+				t.preventDefault();
+				return;
+			}
+			e.onSelect?.(), i?.();
+		},
+		children: d
+	});
+}
+function g(e) {
+	if (typeof Intl < "u" && "Segmenter" in Intl) {
+		let t = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+		for (let n of t.segment(e)) return n.segment;
+	}
+	return [...e][0] ?? "";
+}
+function _({ item: e }) {
+	let { triggerRef: r, popoverRef: i, isOpen: a, anchorName: o, open: s, close: f, toggle: m } = t(), _ = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+		ref: r,
+		type: "button",
+		"aria-haspopup": "menu",
+		"aria-expanded": a.value,
+		"aria-label": e.label,
+		"data-state": a.value ? "open" : "closed",
+		style: { anchorName: o },
+		className: n.groupTrigger,
+		onClick: () => m(),
+		onKeyDown: (e) => {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), a.value || s();
+				let t = i.current;
+				t && setTimeout(() => {
+					t.querySelector(_)?.focus();
+				}, 0);
+			} else e.key === "Escape" && f();
+		},
+		children: e.icon ? /* @__PURE__ */ l("span", {
+			className: n.icon,
+			"aria-hidden": "true",
+			children: e.icon
+		}) : /* @__PURE__ */ l("span", {
+			className: n.fallbackIcon,
+			"data-fallback-icon": !0,
+			"aria-hidden": "true",
+			children: g(e.label)
+		})
+	}), /* @__PURE__ */ u("div", {
+		ref: i,
+		popover: "auto",
+		role: "menu",
+		"aria-label": e.label,
+		style: { positionAnchor: o },
+		className: n.railFlyout,
+		onKeyDown: (e) => {
+			let t = i.current;
+			if (!t) return;
+			let n = Array.from(t.querySelectorAll(_)), a = n.indexOf(e.target);
+			e.key === "ArrowDown" ? (e.preventDefault(), n[(a + 1) % n.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), n[(a - 1 + n.length) % n.length]?.focus()) : e.key === "Escape" && (e.preventDefault(), f(), r.current?.focus());
+		},
+		children: [/* @__PURE__ */ l("div", {
+			className: n.railFlyoutCaption,
+			"aria-hidden": "true",
+			children: e.label
+		}), e.items.map((e, t) => p(e) ? /* @__PURE__ */ l(d, { children: h(e, {
+			inMenu: !0,
+			onActivate: f,
+			extraClass: n.flyoutItem
+		}) }, t) : e.type === "separator" ? /* @__PURE__ */ l("div", {
+			role: "separator",
+			className: n.flyoutSeparator
+		}, t) : /* @__PURE__ */ l("div", {
+			className: n.railFlyoutCaption,
+			"aria-hidden": "true",
+			children: e.label
+		}, t))]
+	})] });
+}
+function v({ items: t, groups: d, collapsed: m, defaultCollapsed: v = !1, onCollapsedChange: y, ariaLabel: b, collapseLabel: x, expandLabel: S, expandOnHover: C = !1, showCollapseToggle: w = !0, header: T, footer: E, className: D }) {
+	a();
+	let O = b ?? s(o.sideNav.nav), k = x ?? s(o.sideNav.collapse), A = S ?? s(o.sideNav.expand), j = f(), M = i(m ?? v);
+	m !== void 0 && (M.value = m);
+	let N = d ?? (t ? [{ items: t }] : [{ items: [] }]), P = i(N.flatMap((e) => e.items).filter((e) => e.items?.some((e) => p(e) && e.active)).map((e) => e.label)), F = (e) => {
+		let t = P.value;
+		P.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
+	}, I = () => {
+		let e = !M.value;
+		m === void 0 && (M.value = e), y?.(e);
+	}, L = M.value;
+	return /* @__PURE__ */ u("nav", {
+		"aria-label": O,
+		"data-state": L ? "collapsed" : "expanded",
+		"data-expand-on-hover": L && C ? "" : void 0,
+		className: r(n.sideNav, D),
+		children: [
+			T && /* @__PURE__ */ l("div", {
+				className: n.header,
+				children: T
+			}),
+			/* @__PURE__ */ l("ul", {
+				className: n.list,
+				children: N.map((t, r) => /* @__PURE__ */ u("li", {
+					className: n.group,
+					children: [t.label && /* @__PURE__ */ l("h3", {
+						className: n.groupLabel,
+						children: t.label
+					}), /* @__PURE__ */ l("ul", {
+						className: n.groupItems,
+						children: t.items.map((t, i) => {
+							let a = `${r}-${i}`;
+							if (t.items) {
+								if (L && !C) return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(_, { item: t }) }, t.label);
+								let e = P.value.includes(t.label), r = `${j}-group-${a}`;
+								return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ u("button", {
+									type: "button",
+									"aria-expanded": e,
+									"aria-controls": r,
+									"aria-label": L ? t.label : void 0,
+									"data-state": e ? "open" : "closed",
+									className: n.groupTrigger,
+									onClick: () => F(t.label),
+									children: [
+										t.icon ? /* @__PURE__ */ l("span", {
+											className: n.icon,
+											"aria-hidden": "true",
+											children: t.icon
+										}) : L ? /* @__PURE__ */ l("span", {
+											className: n.fallbackIcon,
+											"data-fallback-icon": !0,
+											"aria-hidden": "true",
+											children: g(t.label)
+										}) : null,
+										/* @__PURE__ */ l("span", {
+											className: n.label,
+											"data-rail-hidden": L || void 0,
+											children: t.label
+										}),
+										/* @__PURE__ */ l("svg", {
+											viewBox: "0 0 16 16",
+											width: "12",
+											height: "12",
+											"aria-hidden": "true",
+											className: n.groupIndicator,
+											children: /* @__PURE__ */ l("path", {
+												d: "M4 6l4 4 4-4",
+												fill: "none",
+												stroke: "currentColor",
+												strokeWidth: "1.5",
+												strokeLinecap: "round",
+												strokeLinejoin: "round"
+											})
+										})
+									]
+								}), /* @__PURE__ */ l("div", {
+									id: r,
+									"data-state": e ? "open" : "closed",
+									className: n.sublist,
+									children: /* @__PURE__ */ l("ul", {
+										className: n.sublistInner,
+										children: t.items.map((e, t) => p(e) ? /* @__PURE__ */ l("li", { children: h(e, { inMenu: !1 }) }, t) : e.type === "separator" ? /* @__PURE__ */ l("li", {
+											role: "separator",
+											className: n.subSeparator
+										}, t) : /* @__PURE__ */ l("li", {
+											className: n.subGroupLabel,
+											children: e.label
+										}, t))
+									})
+								})] }, t.label);
+							}
+							if (t.render) return /* @__PURE__ */ l("li", {
+								className: n.customItem,
+								children: t.render({ collapsed: L })
+							}, t.label);
+							let o = /* @__PURE__ */ u(c, { children: [
+								t.icon ? /* @__PURE__ */ l("span", {
+									className: n.icon,
+									"aria-hidden": "true",
+									children: t.icon
+								}) : L ? /* @__PURE__ */ l("span", {
+									className: n.fallbackIcon,
+									"data-fallback-icon": !0,
+									"aria-hidden": "true",
+									children: g(t.label)
+								}) : null,
+								/* @__PURE__ */ l("span", {
+									className: n.label,
+									"data-rail-hidden": L || void 0,
+									children: t.label
+								}),
+								t.trailing == null ? null : /* @__PURE__ */ l("span", {
+									className: n.trailing,
+									"data-rail-hidden": L || void 0,
+									children: t.trailing
+								})
+							] }), s = t.tone && t.tone !== "default" ? t.tone : void 0, d = t.onClick && !t.href ? /* @__PURE__ */ l("button", {
+								type: "button",
+								"aria-current": t.active ? "page" : void 0,
+								"aria-label": L ? t.label : void 0,
+								"data-state": t.active ? "active" : void 0,
+								"data-tone": s,
+								className: n.link,
+								disabled: t.disabled,
+								onClick: (e) => t.onClick?.(e),
+								children: o
+							}) : /* @__PURE__ */ l("a", {
+								href: t.disabled ? void 0 : t.href,
+								"aria-current": t.active ? "page" : void 0,
+								"aria-label": L ? t.label : void 0,
+								"aria-disabled": t.disabled || void 0,
+								tabIndex: t.disabled ? -1 : void 0,
+								"data-state": t.active ? "active" : void 0,
+								"data-tone": s,
+								className: n.link,
+								onClick: (e) => {
+									if (t.disabled) {
+										e.preventDefault();
+										return;
+									}
+									t.onClick?.(e);
+								},
+								children: o
+							});
+							return /* @__PURE__ */ l("li", { children: L && !C ? /* @__PURE__ */ l(e, {
+								content: t.label,
+								placement: "right",
+								children: d
+							}) : d }, t.label);
+						})
+					})]
+				}, r))
+			}),
+			E && /* @__PURE__ */ l("div", {
+				className: n.footer,
+				children: E
+			}),
+			w && /* @__PURE__ */ l("button", {
+				type: "button",
+				"aria-label": L ? A : k,
+				className: n.collapseToggle,
+				onClick: I,
+				children: /* @__PURE__ */ l("svg", {
+					viewBox: "0 0 16 16",
+					width: "14",
+					height: "14",
+					"aria-hidden": "true",
+					className: n.collapseIcon,
+					children: /* @__PURE__ */ l("path", {
+						d: "M10 4l-4 4 4 4",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { v as SideNav };

package/dist/side-nav/side-nav.module.js

@@ -0,0 +1,34 @@
+"use client";
+
+import './side-nav.css';
+var e = {
+	sideNav: "_sideNav_1v53b_2",
+	label: "_label_1v53b_24",
+	trailing: "_trailing_1v53b_25",
+	groupIndicator: "_groupIndicator_1v53b_29",
+	link: "_link_1v53b_50",
+	groupTrigger: "_groupTrigger_1v53b_51",
+	fallbackIcon: "_fallbackIcon_1v53b_60",
+	list: "_list_1v53b_67",
+	sublistInner: "_sublistInner_1v53b_68",
+	groupItems: "_groupItems_1v53b_69",
+	group: "_group_1v53b_29",
+	groupLabel: "_groupLabel_1v53b_84",
+	checkMark: "_checkMark_1v53b_185",
+	icon: "_icon_1v53b_191",
+	sublist: "_sublist_1v53b_68",
+	sublink: "_sublink_1v53b_251",
+	subSeparator: "_subSeparator_1v53b_263",
+	subGroupLabel: "_subGroupLabel_1v53b_270",
+	header: "_header_1v53b_282",
+	footer: "_footer_1v53b_289",
+	customItem: "_customItem_1v53b_296",
+	collapseToggle: "_collapseToggle_1v53b_301",
+	collapseIcon: "_collapseIcon_1v53b_327",
+	railFlyout: "_railFlyout_1v53b_336",
+	railFlyoutCaption: "_railFlyoutCaption_1v53b_368",
+	flyoutItem: "_flyoutItem_1v53b_378",
+	flyoutSeparator: "_flyoutSeparator_1v53b_383"
+};
+//#endregion
+export { e as default };

package/dist/skeleton/skeleton.css

@@ -0,0 +1 @@
+@layer cascivo.component{._skeleton_14kv6_2[data-variant=text]{gap:var(--cascivo-space-2);inline-size:var(--cascivo-skeleton-width,100%);flex-direction:column;display:flex}._skeleton_14kv6_2[data-variant=circle]{inline-size:var(--cascivo-skeleton-width,var(--cascivo-space-10));block-size:var(--cascivo-skeleton-height,var(--cascivo-space-10));border-radius:var(--cascivo-radius-full)}._skeleton_14kv6_2[data-variant=rect]{inline-size:var(--cascivo-skeleton-width,100%);block-size:var(--cascivo-skeleton-height,var(--cascivo-space-24));border-radius:var(--cascivo-radius-surface)}._line_14kv6_23{inline-size:100%;block-size:var(--cascivo-skeleton-height,1em);border-radius:var(--cascivo-radius-indicator);display:block}._line_14kv6_23:last-child:not(:first-child){inline-size:60%}._skeleton_14kv6_2[data-variant=circle],._skeleton_14kv6_2[data-variant=rect],._line_14kv6_23{background-color:var(--cascivo-color-border);background-image:linear-gradient(90deg, var(--cascivo-color-border) 25%, var(--cascivo-color-bg-subtle) 50%, var(--cascivo-color-border) 75%);background-size:200% 100%;animation:1.5s linear infinite _cascade-shimmer_14kv6_1}@keyframes _cascade-shimmer_14kv6_1{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){._skeleton_14kv6_2[data-variant=circle],._skeleton_14kv6_2[data-variant=rect],._line_14kv6_23{background-image:none;animation:none}}}

package/dist/skeleton/skeleton.js

@@ -0,0 +1,25 @@
+"use client";
+
+import e from "./skeleton.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/skeleton/skeleton.tsx
+function r({ variant: r = "text", width: i, height: a, lines: o = 1, className: s, style: c, ...l }) {
+	let u = {
+		...i !== void 0 && { "--cascivo-skeleton-width": i },
+		...a !== void 0 && { "--cascivo-skeleton-height": a }
+	};
+	return /* @__PURE__ */ n("div", {
+		"aria-hidden": "true",
+		"data-variant": r,
+		className: t(e.skeleton, s),
+		style: {
+			...u,
+			...c
+		},
+		...l,
+		children: r === "text" && Array.from({ length: o }, (t, r) => /* @__PURE__ */ n("span", { className: e.line }, r))
+	});
+}
+//#endregion
+export { r as Skeleton };

package/dist/skeleton/skeleton.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './skeleton.css';
+var e = {
+	skeleton: "_skeleton_14kv6_2",
+	line: "_line_14kv6_23",
+	"cascade-shimmer": "_cascade-shimmer_14kv6_1"
+};
+//#endregion
+export { e as default };

package/dist/skip-nav/skip-nav.css

@@ -0,0 +1 @@
+@layer cascivo.component{._link_19qpc_2{z-index:100;padding:var(--cascivo-space-2) var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);clip-path:inset(50%);text-decoration:none;position:fixed;inset-block-start:var(--cascivo-space-2);inset-inline-start:var(--cascivo-space-2)}._link_19qpc_2:focus-visible{clip-path:none;box-shadow:var(--cascivo-focus-ring);outline:none}}

package/dist/skip-nav/skip-nav.js

@@ -0,0 +1,27 @@
+"use client";
+
+import e from "./skip-nav.module.js";
+import { cn as t, useSignals as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a } from "react/jsx-runtime";
+//#region ../components/src/skip-nav/skip-nav.tsx
+var o = "cascade-skip-target";
+function s({ targetId: s = o, labels: c, className: l, ...u }) {
+	n();
+	let d = c?.label ?? i(r.skipNav.label);
+	return /* @__PURE__ */ a("a", {
+		href: `#${s}`,
+		className: t(e.link, l),
+		...u,
+		children: d
+	});
+}
+function c({ id: e = o, ...t }) {
+	return /* @__PURE__ */ a("div", {
+		id: e,
+		tabIndex: -1,
+		...t
+	});
+}
+//#endregion
+export { s as SkipNavLink, c as SkipNavTarget };

package/dist/skip-nav/skip-nav.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './skip-nav.css';
+var e = { link: "_link_19qpc_2" };
+//#endregion
+export { e as default };

package/dist/slider/slider.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_vzj57_2{gap:var(--cascivo-space-2);flex-direction:column;display:flex}._wrapper_vzj57_2[data-disabled]{opacity:.5;cursor:not-allowed}._label_vzj57_13{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._slider_vzj57_21{appearance:none;cursor:pointer;background:0 0;block-size:1.25rem;inline-size:100%}._slider_vzj57_21:disabled{cursor:not-allowed}._slider_vzj57_21:focus-visible{outline:none}@supports selector(::-webkit-slider-runnable-track){._slider_vzj57_21::-webkit-slider-runnable-track{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border-strong);block-size:.375rem}._slider_vzj57_21::-webkit-slider-thumb{appearance:none;border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-accent);border:2px solid var(--cascivo-color-surface);block-size:1.25rem;inline-size:1.25rem;box-shadow:var(--cascivo-shadow-sm);margin-block-start:-.4375rem}._slider_vzj57_21:focus-visible::-webkit-slider-thumb{box-shadow:var(--cascivo-focus-ring)}}@supports selector(::-moz-range-track){._slider_vzj57_21::-moz-range-track{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border-strong);block-size:.375rem}._slider_vzj57_21::-moz-range-thumb{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-accent);border:2px solid var(--cascivo-color-surface);block-size:1.25rem;inline-size:1.25rem;box-shadow:var(--cascivo-shadow-sm)}._slider_vzj57_21:focus-visible::-moz-range-thumb{box-shadow:var(--cascivo-focus-ring)}}}@media (forced-colors:active){._slider_vzj57_21::-webkit-slider-thumb{background-color:buttontext;border:2px solid buttontext}._slider_vzj57_21:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid highlight}._slider_vzj57_21::-moz-range-thumb{background-color:buttontext;border:2px solid buttontext}._slider_vzj57_21:focus-visible::-moz-range-thumb{outline-offset:2px;outline:2px solid highlight}}

package/dist/slider/slider.js

@@ -0,0 +1,29 @@
+"use client";
+
+import e from "./slider.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/slider/slider.tsx
+function i({ label: i, className: a, id: o, min: s = 0, max: c = 100, step: l = 1, disabled: u, ...d }) {
+	let f = o ?? (i ? `cascade-slider-${i.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ r("div", {
+		className: t(e.wrapper, a),
+		"data-disabled": u || void 0,
+		children: [i && /* @__PURE__ */ n("label", {
+			className: e.label,
+			htmlFor: f,
+			children: i
+		}), /* @__PURE__ */ n("input", {
+			id: f,
+			type: "range",
+			min: s,
+			max: c,
+			step: l,
+			disabled: u,
+			className: e.slider,
+			...d
+		})]
+	});
+}
+//#endregion
+export { i as Slider };

package/dist/slider/slider.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './slider.css';
+var e = {
+	wrapper: "_wrapper_vzj57_2",
+	label: "_label_vzj57_13",
+	slider: "_slider_vzj57_21"
+};
+//#endregion
+export { e as default };

package/dist/spinner/spinner.css

@@ -0,0 +1 @@
+@layer cascivo.component{._spinner_a8uzh_2{box-sizing:border-box;border-style:solid;border-color:currentColor;border-radius:var(--cascivo-radius-full);border-block-start-color:#0000;animation:.6s linear infinite _cascade-spin_a8uzh_1;display:inline-block}._spinner_a8uzh_2[data-size=sm]{border-width:2px;width:1rem;height:1rem}._spinner_a8uzh_2[data-size=md]{border-width:2px;width:1.5rem;height:1.5rem}._spinner_a8uzh_2[data-size=lg]{border-width:3px;width:2rem;height:2rem}@keyframes _cascade-spin_a8uzh_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._spinner_a8uzh_2{animation-duration:1.5s}}}

package/dist/spinner/spinner.js

@@ -0,0 +1,18 @@
+"use client";
+
+import e from "./spinner.module.js";
+import { cn as t, useSignals as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a } from "react/jsx-runtime";
+//#region ../components/src/spinner/spinner.tsx
+function o({ size: o = "md", label: s, className: c, ...l }) {
+	return n(), /* @__PURE__ */ a("span", {
+		role: "status",
+		"aria-label": s ?? i(r.spinner.label),
+		"data-size": o,
+		className: t(e.spinner, c),
+		...l
+	});
+}
+//#endregion
+export { o as Spinner };

package/dist/spinner/spinner.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './spinner.css';
+var e = {
+	spinner: "_spinner_a8uzh_2",
+	"cascade-spin": "_cascade-spin_a8uzh_1"
+};
+//#endregion
+export { e as default };

package/dist/stack/stack.css

@@ -0,0 +1 @@
+@layer cascivo.component{._stack_2ay4v_2{isolation:isolate;grid-template-areas:"stack";display:grid}._layer_2ay4v_8{transform:translate(calc(var(--cascivo-stack-index,0) * var(--cascivo-stack-offset,4px)), calc(var(--cascivo-stack-index,0) * var(--cascivo-stack-offset,4px)));z-index:calc(10 - var(--cascivo-stack-index,0));grid-area:stack}}

package/dist/stack/stack.js

@@ -0,0 +1,19 @@
+"use client";
+
+import e from "./stack.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../components/src/stack/stack.tsx
+function n({ children: n, offset: r = 4, className: i }) {
+	let a = Array.isArray(n) ? n : [n];
+	return /* @__PURE__ */ t("div", {
+		className: [e.stack, i].filter(Boolean).join(" "),
+		style: { "--cascivo-stack-offset": `${r}px` },
+		children: a.map((n, r) => /* @__PURE__ */ t("div", {
+			className: e.layer,
+			style: { "--cascivo-stack-index": r },
+			children: n
+		}, r))
+	});
+}
+//#endregion
+export { n as Stack };

package/dist/stack/stack.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './stack.css';
+var e = {
+	stack: "_stack_2ay4v_2",
+	layer: "_layer_2ay4v_8"
+};
+//#endregion
+export { e as default };

package/dist/stat/stat.css

@@ -0,0 +1 @@
+@layer cascivo.component{._stat_1gtqw_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._label_1gtqw_9{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._value_1gtqw_15{font-size:var(--cascivo-text-2xl);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);font-variant-numeric:tabular-nums}._delta_1gtqw_23{align-items:center;gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);font-variant-numeric:tabular-nums;display:inline-flex}._delta_1gtqw_23[data-trend=up]{color:var(--cascivo-color-success)}._delta_1gtqw_23[data-trend=down]{color:var(--cascivo-color-destructive)}._delta_1gtqw_23[data-trend=flat]{color:var(--cascivo-color-text-subtle)}._arrow_1gtqw_44{font-size:var(--cascivo-text-xs);line-height:1}._help_1gtqw_49{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}}

package/dist/stat/stat.js

@@ -0,0 +1,37 @@
+"use client";
+
+import e from "./stat.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/stat/stat.tsx
+function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, className: l, ...u }) {
+	return /* @__PURE__ */ r("div", {
+		className: t(e.stat, l),
+		...u,
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: e.label,
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e.value,
+				children: a
+			}),
+			o && /* @__PURE__ */ r("span", {
+				"data-trend": s,
+				className: e.delta,
+				children: [/* @__PURE__ */ n("span", {
+					"aria-hidden": "true",
+					className: e.arrow,
+					children: s === "up" ? "▲" : s === "down" ? "▼" : "–"
+				}), o]
+			}),
+			c && /* @__PURE__ */ n("span", {
+				className: e.help,
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+export { i as Stat };

package/dist/stat/stat.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+import './stat.css';
+var e = {
+	stat: "_stat_1gtqw_2",
+	label: "_label_1gtqw_9",
+	value: "_value_1gtqw_15",
+	delta: "_delta_1gtqw_23",
+	arrow: "_arrow_1gtqw_44",
+	help: "_help_1gtqw_49"
+};
+//#endregion
+export { e as default };

package/dist/status/status.css

@@ -0,0 +1 @@
+@layer cascivo.component{._status_u4gep_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);display:inline-flex}._status_u4gep_2[data-status=success] ._dot_u4gep_11{background-color:var(--cascivo-color-success)}._status_u4gep_2[data-status=warning] ._dot_u4gep_11{background-color:var(--cascivo-color-warning)}._status_u4gep_2[data-status=error] ._dot_u4gep_11{background-color:var(--cascivo-color-error)}._status_u4gep_2[data-status=info] ._dot_u4gep_11{background-color:var(--cascivo-color-info)}._status_u4gep_2[data-status=neutral] ._dot_u4gep_11{background-color:var(--cascivo-color-text-muted)}._dot_u4gep_11{border-radius:var(--cascivo-radius-full);flex-shrink:0;block-size:.5rem;inline-size:.5rem}@media (prefers-reduced-motion:no-preference){._status_u4gep_2[data-pulse] ._dot_u4gep_11{animation:_cascade-status-pulse_u4gep_1 2s var(--cascivo-ease-in-out) infinite}}@keyframes _cascade-status-pulse_u4gep_1{0%,to{opacity:1}50%{opacity:.4}}}

package/dist/status/status.js

@@ -0,0 +1,20 @@
+"use client";
+
+import e from "./status.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/status/status.tsx
+function i({ status: i = "neutral", pulse: a = !1, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ r("span", {
+		"data-status": i,
+		"data-pulse": a ? "" : void 0,
+		className: t(e.status, o),
+		...c,
+		children: [/* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: e.dot
+		}), s]
+	});
+}
+//#endregion
+export { i as Status };

package/dist/status/status.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+import './status.css';
+var e = {
+	status: "_status_u4gep_2",
+	dot: "_dot_u4gep_11",
+	"cascade-status-pulse": "_cascade-status-pulse_u4gep_1"
+};
+//#endregion
+export { e as default };

package/dist/steps/steps.css

@@ -0,0 +1 @@
+@layer cascivo.component{._steps_1xps1_2{gap:0;margin:0;padding:0;list-style:none;display:flex}._steps_1xps1_2[data-orientation=horizontal]{flex-direction:row;align-items:center}._steps_1xps1_2[data-orientation=vertical]{flex-direction:column}._step_1xps1_2{flex:1;align-items:center;gap:.5rem;display:flex;position:relative}._step_1xps1_2:not(:last-child):after{content:"";background-color:var(--cascivo-border-default);flex:1;block-size:1px}._steps_1xps1_2[data-orientation=vertical] ._step_1xps1_2:not(:last-child):after{flex:none;block-size:calc(100% - 1.5rem);inline-size:1px;position:absolute;inset-block-start:2rem;inset-inline-start:.75rem}._circle_1xps1_42{border-radius:var(--cascivo-radius-full);border:2px solid var(--cascivo-border-default);background-color:var(--cascivo-color-surface);block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);transition:background-color .15s var(--cascivo-ease-out), border-color .15s var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}._step_1xps1_2[data-state=active] ._circle_1xps1_42{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-content)}._step_1xps1_2[data-state=complete] ._circle_1xps1_42{background-color:var(--cascivo-color-success);border-color:var(--cascivo-color-success);color:var(--cascivo-color-success-content)}._step_1xps1_2[data-state=error] ._circle_1xps1_42{background-color:var(--cascivo-color-error);border-color:var(--cascivo-color-error);color:var(--cascivo-color-error-content)}._step_1xps1_2[data-state=complete]:not(:last-child):after{background-color:var(--cascivo-color-success)}._label_1xps1_82{color:var(--cascivo-color-text-subtle);font-size:.875rem}._step_1xps1_2[data-state=active] ._label_1xps1_82{color:var(--cascivo-color-text);font-weight:500}._step_1xps1_2[data-state=complete] ._label_1xps1_82{color:var(--cascivo-color-text-subtle)}._step_1xps1_2[data-state=error] ._label_1xps1_82{color:var(--cascivo-color-error)}}