@cascivo/react 0.18.0 → 1.1.0

package/dist/time-picker/time-picker.js

@@ -1,63 +1 @@
-"use client";
-
-import e from "./time-picker.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/time-picker/time-picker.tsx
-var c = r({
-	initial: "idle",
-	states: {
-		idle: { on: { FOCUS: "focused" } },
-		focused: { on: { BLUR: "idle" } }
-	}
-}), l = t(function({ value: t, defaultValue: r, onValueChange: l, onChange: u, min: d, max: f, step: p, label: m, hint: h, error: g, size: _ = "md", className: v, id: y, onFocus: b, onBlur: x, ...S }, C) {
-	a();
-	let [w, T] = i(c), E = y ?? (m ? `cascade-time-picker-${m.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-	return /* @__PURE__ */ s("div", {
-		className: n(e.wrapper, v),
-		"data-state": g ? "error" : w.value,
-		"data-size": _,
-		children: [
-			m && /* @__PURE__ */ o("label", {
-				className: e.label,
-				htmlFor: E,
-				children: m
-			}),
-			/* @__PURE__ */ o("input", {
-				id: E,
-				type: "time",
-				className: e.input,
-				value: t,
-				defaultValue: r,
-				min: d,
-				max: f,
-				step: p,
-				"aria-invalid": g ? !0 : void 0,
-				"aria-describedby": g ? `${E}-error` : h ? `${E}-hint` : void 0,
-				onChange: (e) => (l ?? u)?.(e.target.value),
-				onFocus: (e) => {
-					T("FOCUS"), b?.(e);
-				},
-				onBlur: (e) => {
-					T("BLUR"), x?.(e);
-				},
-				ref: C,
-				...S
-			}),
-			g && /* @__PURE__ */ o("span", {
-				id: `${E}-error`,
-				className: e.error,
-				role: "alert",
-				children: g
-			}),
-			!g && h && /* @__PURE__ */ o("span", {
-				id: `${E}-hint`,
-				className: e.hint,
-				children: h
-			})
-		]
-	});
-});
-//#endregion
-export { l as TimePicker };
+"use client";import e from"./time-picker.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i,useSignals as a}from"@cascivo/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c=r({initial:`idle`,states:{idle:{on:{FOCUS:`focused`}},focused:{on:{BLUR:`idle`}}}}),l=t(function({value:t,defaultValue:r,onValueChange:l,min:u,max:d,step:f,label:p,hint:m,error:h,size:g=`md`,className:_,id:v,onFocus:y,onBlur:b,ariaLabel:x,...S},C){a();let[w,T]=i(c),E=v??(p?`cascade-time-picker-${p.toLowerCase().replace(/\s+/g,`-`)}`:void 0);return s(`div`,{className:n(e.wrapper,_),"data-state":h?`error`:w.value,"data-size":g,children:[p&&o(`label`,{className:e.label,htmlFor:E,children:p}),o(`input`,{id:E,type:`time`,className:e.input,value:t,defaultValue:r,min:u,max:d,step:f,"aria-invalid":h?!0:void 0,"aria-describedby":h?`${E}-error`:m?`${E}-hint`:void 0,onChange:e=>l?.(e.target.value),onFocus:e=>{T(`FOCUS`),y?.(e)},onBlur:e=>{T(`BLUR`),b?.(e)},ref:C,...S,"aria-label":S[`aria-label`]??x}),h&&o(`span`,{id:`${E}-error`,className:e.error,role:`alert`,children:h}),!h&&m&&o(`span`,{id:`${E}-hint`,className:e.hint,children:m})]})});export{l as TimePicker};

package/dist/time-picker/time-picker.module.js

@@ -1,10 +1,2 @@
 import './time-picker.css';
-var e = {
-	wrapper: "_wrapper_gwf19_2",
-	label: "_label_gwf19_29",
-	input: "_input_gwf19_36",
-	error: "_error_gwf19_70",
-	hint: "_hint_gwf19_75"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_gwf19_2`,label:`_label_gwf19_29`,input:`_input_gwf19_36`,error:`_error_gwf19_70`,hint:`_hint_gwf19_75`};export{e as default};

package/dist/timeline/timeline.js

@@ -1,55 +1 @@
-import e from "./timeline.module.js";
-import { cn as t, normalizeProgress as n, normalizeTone as r } from "@cascivo/core/pure";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region ../components/src/timeline/timeline.tsx
-var o = {
-	pending: "upcoming",
-	active: "current",
-	complete: "complete",
-	error: "error"
-}, s = {
-	neutral: "neutral",
-	info: "info",
-	success: "success",
-	warning: "warning",
-	danger: "danger"
-};
-function c({ items: c, orientation: l = "vertical", className: u, ...d }) {
-	return /* @__PURE__ */ i("ol", {
-		"data-orientation": l,
-		className: t(e.list, u),
-		...d,
-		children: c.map((t) => {
-			let c = n(t.status ?? "pending");
-			return /* @__PURE__ */ a("li", {
-				"data-status": o[c] ?? "upcoming",
-				"data-tone": t.tone ? s[r(t.tone)] ?? t.tone : void 0,
-				"aria-current": c === "active" ? "step" : void 0,
-				className: e.item,
-				children: [/* @__PURE__ */ i("span", {
-					className: e.marker,
-					"aria-hidden": "true",
-					children: t.icon ?? (c === "error" ? "✕" : null)
-				}), /* @__PURE__ */ a("div", {
-					className: e.content,
-					children: [
-						/* @__PURE__ */ i("div", {
-							className: e.title,
-							children: t.title
-						}),
-						t.time ? /* @__PURE__ */ i("time", {
-							className: e.time,
-							children: t.time
-						}) : null,
-						t.description ? /* @__PURE__ */ i("div", {
-							className: e.description,
-							children: t.description
-						}) : null
-					]
-				})]
-			}, t.id);
-		})
-	});
-}
-//#endregion
-export { c as Timeline };
+import e from"./timeline.module.js";import{cn as t,normalizeProgress as n,normalizeTone as r}from"@cascivo/core/pure";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o={pending:`upcoming`,active:`current`,complete:`complete`,error:`error`},s={neutral:`neutral`,info:`info`,success:`success`,warning:`warning`,danger:`danger`};function c({items:c,orientation:l=`vertical`,className:u,...d}){return i(`ol`,{"data-orientation":l,className:t(e.list,u),...d,children:c.map(t=>{let c=n(t.status??`pending`);return a(`li`,{"data-status":o[c]??`upcoming`,"data-tone":t.tone?s[r(t.tone)]??t.tone:void 0,"aria-current":c===`active`?`step`:void 0,className:e.item,children:[i(`span`,{className:e.marker,"aria-hidden":`true`,children:t.icon??(c===`error`?`✕`:null)}),a(`div`,{className:e.content,children:[i(`div`,{className:e.title,children:t.title}),t.time?i(`time`,{className:e.time,children:t.time}):null,t.description?i(`div`,{className:e.description,children:t.description}):null]})]},t.id)})})}export{c as Timeline};

package/dist/timeline/timeline.module.js

@@ -1,12 +1,2 @@
 import './timeline.css';
-var e = {
-	list: "_list_4utvf_2",
-	item: "_item_4utvf_21",
-	marker: "_marker_4utvf_63",
-	content: "_content_4utvf_137",
-	title: "_title_4utvf_144",
-	time: "_time_4utvf_151",
-	description: "_description_4utvf_156"
-};
-//#endregion
-export { e as default };
+var e={list:`_list_4utvf_2`,item:`_item_4utvf_21`,marker:`_marker_4utvf_63`,content:`_content_4utvf_137`,title:`_title_4utvf_144`,time:`_time_4utvf_151`,description:`_description_4utvf_156`};export{e as default};

package/dist/toast/toast.css

@@ -1 +1 @@
-@layer cascivo.component{._viewport_cshyp_2{z-index:var(--cascivo-z-toast);gap:var(--cascivo-space-2);inline-size:min(24rem, calc(100vw - var(--cascivo-space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--cascivo-space-4);inset-inline-end:var(--cascivo-space-4)}@media (width<=30rem){._viewport_cshyp_2{inset-inline:var(--cascivo-space-4);inline-size:auto}}._toast_cshyp_23{align-items:flex-start;gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);max-inline-size:calc(min(28rem, 100vw) - var(--cascivo-space-4,1rem));background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);pointer-events:auto;opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);display:flex;translate:0}@starting-style{._toast_cshyp_23{opacity:0;translate:0 var(--cascivo-space-4)}}._toast_cshyp_23[data-state=dismissing],._toast_cshyp_23[data-state=gone]{opacity:0;translate:0 var(--cascivo-space-4);transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}._toast_cshyp_23[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border))}._toast_cshyp_23[data-variant=success] ._icon_cshyp_62,._toast_cshyp_23[data-variant=success] ._title_cshyp_63{color:var(--cascivo-color-success)}._toast_cshyp_23[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border))}._toast_cshyp_23[data-variant=warning] ._icon_cshyp_62,._toast_cshyp_23[data-variant=warning] ._title_cshyp_63{color:var(--cascivo-color-warning)}._toast_cshyp_23[data-variant=destructive]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border))}._toast_cshyp_23[data-variant=destructive] ._icon_cshyp_62,._toast_cshyp_23[data-variant=destructive] ._title_cshyp_63{color:var(--cascivo-color-destructive)}._body_cshyp_92{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_cshyp_63{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._description_cshyp_108{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._close_cshyp_115{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_cshyp_115:hover{color:var(--cascivo-color-text)}._close_cshyp_115:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._toast_cshyp_23{border:1px solid canvastext}._close_cshyp_115:focus-visible{outline-offset:2px;outline:2px solid highlight}}
+@layer cascivo.component{._viewport_1gnpp_2{z-index:var(--cascivo-z-toast);gap:var(--cascivo-space-2);inline-size:min(24rem, calc(100vw - var(--cascivo-space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--cascivo-space-4);inset-inline-end:var(--cascivo-space-4)}@media (width<=30rem){._viewport_1gnpp_2{inset-inline:var(--cascivo-space-4);inline-size:auto}}._toast_1gnpp_24{align-items:flex-start;gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);max-inline-size:calc(min(28rem, 100vw) - var(--cascivo-space-4,1rem));background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);pointer-events:auto;opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter);display:flex;translate:0}@starting-style{._toast_1gnpp_24{opacity:0;translate:0 var(--cascivo-space-4)}}._toast_1gnpp_24[data-state=dismissing],._toast_1gnpp_24[data-state=gone]{opacity:0;translate:0 var(--cascivo-space-4);transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit)}._toast_1gnpp_24[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border))}._toast_1gnpp_24[data-variant=success] ._icon_1gnpp_63,._toast_1gnpp_24[data-variant=success] ._title_1gnpp_64{color:var(--cascivo-color-success)}._toast_1gnpp_24[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border))}._toast_1gnpp_24[data-variant=warning] ._icon_1gnpp_63,._toast_1gnpp_24[data-variant=warning] ._title_1gnpp_64{color:var(--cascivo-color-warning)}._toast_1gnpp_24[data-variant=destructive]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border))}._toast_1gnpp_24[data-variant=destructive] ._icon_1gnpp_63,._toast_1gnpp_24[data-variant=destructive] ._title_1gnpp_64{color:var(--cascivo-color-destructive)}._body_1gnpp_93{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_1gnpp_64{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._description_1gnpp_109{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._close_1gnpp_116{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._close_1gnpp_116:hover{color:var(--cascivo-color-text)}._close_1gnpp_116:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._toast_1gnpp_24{border:1px solid canvastext}._close_1gnpp_116:focus-visible{outline-offset:2px;outline:2px solid highlight}}

package/dist/toast/toast.js

@@ -1,85 +1 @@
-"use client";
-
-import e from "./toast.module.js";
-import { useRef as t } from "react";
-import { createMachine as n, signal as r, useMachine as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { builtin as s, t as c } from "@cascivo/i18n";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../components/src/toast/toast.tsx
-var f = 5e3, p = 160, m = 0, h = r([]);
-function g(e) {
-	h.value = [...h.value, {
-		id: m++,
-		...e
-	}];
-}
-function _(e) {
-	h.value = h.value.filter((t) => t.id !== e);
-}
-function v({ children: t }) {
-	o();
-	let n = h.value.slice(-3);
-	return /* @__PURE__ */ d(l, { children: [t, /* @__PURE__ */ u("div", {
-		className: e.viewport,
-		role: "region",
-		"aria-label": c(s.toast.region),
-		children: n.map((e) => /* @__PURE__ */ u(b, {
-			toast: e,
-			onDismiss: () => _(e.id)
-		}, e.id))
-	})] });
-}
-var y = n({
-	initial: "visible",
-	states: {
-		visible: { on: { DISMISS: "dismissing" } },
-		dismissing: { on: { END: "gone" } }
-	}
-});
-function b({ toast: n, onDismiss: r }) {
-	o();
-	let [l, m] = i(y), h = t(r);
-	h.current = r;
-	let g = n.duration ?? f, _ = n.variant === "destructive";
-	return a(() => {
-		let e = l.value;
-		if (e === "visible") {
-			let e = setTimeout(() => m("DISMISS"), g);
-			return () => clearTimeout(e);
-		}
-		if (e === "dismissing") {
-			let e = setTimeout(() => h.current(), p);
-			return () => clearTimeout(e);
-		}
-	}), /* @__PURE__ */ d("div", {
-		role: _ ? "alert" : "status",
-		"aria-live": _ ? "assertive" : "polite",
-		"data-variant": n.variant ?? "default",
-		"data-state": l.value,
-		className: e.toast,
-		children: [/* @__PURE__ */ d("div", {
-			className: e.body,
-			children: [/* @__PURE__ */ u("div", {
-				className: e.title,
-				children: n.title
-			}), n.description && /* @__PURE__ */ u("div", {
-				className: e.description,
-				children: n.description
-			})]
-		}), /* @__PURE__ */ u("button", {
-			type: "button",
-			className: e.close,
-			"aria-label": c(s.toast.dismiss),
-			onClick: () => m("DISMISS"),
-			children: "✕"
-		})]
-	});
-}
-function x() {
-	return { toast: g };
-}
-function S() {
-	h.value = [];
-}
-//#endregion
-export { v as ToastProvider, S as dismissAllToasts, x as useToast };
+"use client";import e from"./toast.module.js";import{useRef as t}from"react";import{createMachine as n,signal as r,useMachine as i,useSignalEffect as a,useSignals as o}from"@cascivo/core";import{builtin as s,t as c}from"@cascivo/i18n";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";var f=5e3,p=160,m=0,h=r([]);function g(e){h.value=[...h.value,{id:m++,...e}]}function _(e){h.value=h.value.filter(t=>t.id!==e)}function v({children:t}){o();let n=h.value.slice(-3);return d(l,{children:[t,u(`div`,{className:e.viewport,role:`region`,"aria-label":c(s.toast.region),children:n.map(e=>u(b,{toast:e,onDismiss:()=>_(e.id)},e.id))})]})}var y=n({initial:`visible`,states:{visible:{on:{DISMISS:`dismissing`}},dismissing:{on:{END:`gone`}}}});function b({toast:n,onDismiss:r}){o();let[l,m]=i(y),h=t(r);h.current=r;let g=n.duration??f,_=n.variant===`destructive`;return a(()=>{let e=l.value;if(e===`visible`){let e=setTimeout(()=>m(`DISMISS`),g);return()=>clearTimeout(e)}if(e===`dismissing`){let e=setTimeout(()=>h.current(),p);return()=>clearTimeout(e)}}),d(`div`,{role:_?`alert`:`status`,"aria-live":_?`assertive`:`polite`,"data-variant":n.variant??`default`,"data-state":l.value,className:e.toast,children:[d(`div`,{className:e.body,children:[u(`div`,{className:e.title,children:n.title}),n.description&&u(`div`,{className:e.description,children:n.description})]}),u(`button`,{type:`button`,className:e.close,"aria-label":c(s.toast.dismiss),onClick:()=>m(`DISMISS`),children:`✕`})]})}function x(){return{toast:g}}function S(){h.value=[]}export{v as ToastProvider,S as dismissAllToasts,x as useToast};

package/dist/toast/toast.module.js

@@ -1,12 +1,2 @@
 import './toast.css';
-var e = {
-	viewport: "_viewport_cshyp_2",
-	toast: "_toast_cshyp_23",
-	icon: "_icon_cshyp_62",
-	title: "_title_cshyp_63",
-	body: "_body_cshyp_92",
-	description: "_description_cshyp_108",
-	close: "_close_cshyp_115"
-};
-//#endregion
-export { e as default };
+var e={viewport:`_viewport_1gnpp_2`,toast:`_toast_1gnpp_24`,icon:`_icon_1gnpp_63`,title:`_title_1gnpp_64`,body:`_body_1gnpp_93`,description:`_description_1gnpp_109`,close:`_close_1gnpp_116`};export{e as default};

package/dist/toc/toc.css

@@ -1 +1 @@
-@layer cascivo.component{._toc_1w9fk_2{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug)}._toc_1w9fk_2 ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._toc_1w9fk_2 li{padding-inline-start:calc((var(--toc-level,2) - 2) * var(--cascivo-space-3))}._toc_1w9fk_2 a{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);border-inline-start:2px solid #0000;text-decoration:none;display:block}._toc_1w9fk_2 a:hover{color:var(--cascivo-color-text)}._toc_1w9fk_2 a:focus-visible{box-shadow:var(--cascivo-focus-ring);border-radius:var(--cascivo-radius-sm);outline:none}._toc_1w9fk_2 a[aria-current=location]{color:var(--cascivo-color-accent);border-inline-start-color:var(--cascivo-color-accent);font-weight:var(--cascivo-font-medium)}@media (pointer:coarse){._toc_1w9fk_2 a{min-block-size:var(--cascivo-target-min-coarse,2.75rem);align-items:center;display:flex}}}
+@layer cascivo.component{._toc_1jgqp_2{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-snug)}._toc_1jgqp_2 ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._toc_1jgqp_2 li{padding-inline-start:calc((var(--toc-level,2) - 2) * var(--cascivo-space-3))}._toc_1jgqp_2 a{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);border-inline-start:2px solid #0000;text-decoration:none;display:block}._toc_1jgqp_2 a:hover{color:var(--cascivo-color-text)}._toc_1jgqp_2 a:focus-visible{box-shadow:var(--cascivo-focus-ring);border-radius:var(--cascivo-radius-sm);outline:none}._toc_1jgqp_2 a[aria-current=location]{color:var(--cascivo-color-accent-text);border-inline-start-color:var(--cascivo-color-accent);font-weight:var(--cascivo-font-medium)}@media (pointer:coarse){._toc_1jgqp_2 a{min-block-size:var(--cascivo-target-min-coarse,2.75rem);align-items:center;display:flex}}}

package/dist/toc/toc.js

@@ -1,43 +1 @@
-"use client";
-
-import e from "./toc.module.js";
-import { useRef as t } from "react";
-import { cn as n, useControllableSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c } from "react/jsx-runtime";
-//#region ../components/src/toc/toc.tsx
-function l({ items: l, activeId: u, onActiveChange: d, labels: f, className: p }) {
-	a();
-	let m = u !== void 0, [h] = r({
-		value: u,
-		defaultValue: l[0]?.id ?? ""
-	}), g = t(d);
-	return g.current = d, i(() => {
-		if (m || typeof document > "u" || typeof IntersectionObserver > "u") return;
-		let e = l.map((e) => document.getElementById(e.id)).filter((e) => e !== null);
-		if (e.length === 0) return;
-		let t = /* @__PURE__ */ new Set(), n = new IntersectionObserver((e) => {
-			for (let n of e) n.isIntersecting ? t.add(n.target.id) : t.delete(n.target.id);
-			let n = l.find((e) => t.has(e.id));
-			n && n.id !== h.value && (h.value = n.id, g.current?.(n.id));
-		}, {
-			rootMargin: "0px 0px -70% 0px",
-			threshold: 0
-		});
-		for (let t of e) n.observe(t);
-		return () => n.disconnect();
-	}), /* @__PURE__ */ c("nav", {
-		"aria-label": f?.nav ?? s(o.toc.nav),
-		className: n(e.toc, p),
-		children: /* @__PURE__ */ c("ol", { children: l.map((e) => /* @__PURE__ */ c("li", {
-			style: { "--toc-level": e.level ?? 2 },
-			children: /* @__PURE__ */ c("a", {
-				href: `#${e.id}`,
-				"aria-current": e.id === h.value ? "location" : void 0,
-				children: e.label
-			})
-		}, e.id)) })
-	});
-}
-//#endregion
-export { l as Toc };
+"use client";import e from"./toc.module.js";import{useRef as t}from"react";import{cn as n,useControllableSignal as r,useSignalEffect as i,useSignals as a}from"@cascivo/core";import{builtin as o,t as s}from"@cascivo/i18n";import{jsx as c}from"react/jsx-runtime";function l({items:l,activeId:u,onActiveChange:d,labels:f,className:p}){a();let m=u!==void 0,[h]=r({value:u,defaultValue:l[0]?.id??``}),g=t(d);return g.current=d,i(()=>{if(m||typeof document>`u`||typeof IntersectionObserver>`u`)return;let e=l.map(e=>document.getElementById(e.id)).filter(e=>e!==null);if(e.length===0)return;let t=new Set,n=new IntersectionObserver(e=>{for(let n of e)n.isIntersecting?t.add(n.target.id):t.delete(n.target.id);let n=l.find(e=>t.has(e.id));n&&n.id!==h.value&&(h.value=n.id,g.current?.(n.id))},{rootMargin:`0px 0px -70% 0px`,threshold:0});for(let t of e)n.observe(t);return()=>n.disconnect()}),c(`nav`,{"aria-label":f?.nav??s(o.toc.nav),className:n(e.toc,p),children:c(`ol`,{children:l.map(e=>c(`li`,{style:{"--toc-level":e.level??2},children:c(`a`,{href:`#${e.id}`,"aria-current":e.id===h.value?`location`:void 0,children:e.label})},e.id))})})}export{l as Toc};

package/dist/toc/toc.module.js

@@ -1,4 +1,2 @@
 import './toc.css';
-var e = { toc: "_toc_1w9fk_2" };
-//#endregion
-export { e as default };
+var e={toc:`_toc_1jgqp_2`};export{e as default};

package/dist/toc/use-toc-from-region.js

@@ -1,18 +1 @@
-"use client";
-
-import { useSignal as e, useSignalEffect as t, useSignals as n } from "@cascivo/core";
-//#region ../components/src/toc/use-toc-from-region.ts
-function r(r, i = {}) {
-	n();
-	let a = i.selector ?? "h2, h3, h4", o = e([]);
-	return t(() => {
-		let e = r.current;
-		e && (o.value = Array.from(e.querySelectorAll(a)).filter((e) => e.id !== "").map((e) => ({
-			id: e.id,
-			label: e.textContent?.trim() ?? "",
-			level: Number(e.tagName.slice(1)) || 2
-		})));
-	}), o;
-}
-//#endregion
-export { r as useTocFromRegion };
+"use client";import{useSignal as e,useSignalEffect as t,useSignals as n}from"@cascivo/core";function r(r,i={}){n();let a=i.selector??`h2, h3, h4`,o=e([]);return t(()=>{let e=r.current;e&&(o.value=Array.from(e.querySelectorAll(a)).filter(e=>e.id!==``).map(e=>({id:e.id,label:e.textContent?.trim()??``,level:Number(e.tagName.slice(1))||2})))}),o}export{r as useTocFromRegion};

package/dist/toggle/toggle.js

@@ -1,41 +1 @@
-"use client";
-
-import e from "./toggle.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, createMachine as r, useMachine as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/toggle/toggle.tsx
-var c = t(function({ checked: t, defaultChecked: c = !1, onValueChange: l, onChange: u, label: d, size: f = "md", className: p, disabled: m, ...h }, g) {
-	a();
-	let [_, v] = i(r({
-		initial: c ? "on" : "off",
-		states: {
-			off: { on: { TOGGLE: "on" } },
-			on: { on: { TOGGLE: "off" } }
-		}
-	})), y = t !== void 0, b = y ? t : _.value === "on";
-	return /* @__PURE__ */ s("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": b,
-		"data-state": b ? "on" : "off",
-		"data-size": f,
-		disabled: m,
-		className: n(e.toggle, p),
-		onClick: () => {
-			y || v("TOGGLE"), (l ?? u)?.(!b);
-		},
-		ref: g,
-		...h,
-		children: [/* @__PURE__ */ o("span", {
-			className: e.track,
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ o("span", { className: e.thumb })
-		}), d && /* @__PURE__ */ o("span", {
-			className: e.label,
-			children: d
-		})]
-	});
-});
-//#endregion
-export { c as Toggle };
+"use client";import e from"./toggle.module.js";import{forwardRef as t}from"react";import{cn as n,createMachine as r,useMachine as i,useSignals as a}from"@cascivo/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c=t(function({checked:t,defaultChecked:c=!1,onValueChange:l,label:u,size:d=`md`,className:f,disabled:p,ariaLabel:m,...h},g){a();let[_,v]=i(r({initial:c?`on`:`off`,states:{off:{on:{TOGGLE:`on`}},on:{on:{TOGGLE:`off`}}}})),y=t!==void 0,b=y?t:_.value===`on`;return s(`button`,{type:`button`,role:`switch`,"aria-checked":b,"data-state":b?`on`:`off`,"data-size":d,disabled:p,className:n(e.toggle,f),onClick:()=>{y||v(`TOGGLE`),l?.(!b)},ref:g,...h,"aria-label":h[`aria-label`]??m,children:[o(`span`,{className:e.track,"aria-hidden":`true`,children:o(`span`,{className:e.thumb})}),u&&o(`span`,{className:e.label,children:u})]})});export{c as Toggle};

package/dist/toggle/toggle.module.js

@@ -1,9 +1,2 @@
 import './toggle.css';
-var e = {
-	toggle: "_toggle_1vvuo_2",
-	track: "_track_1vvuo_33",
-	thumb: "_thumb_1vvuo_53",
-	label: "_label_1vvuo_66"
-};
-//#endregion
-export { e as default };
+var e={toggle:`_toggle_1vvuo_2`,track:`_track_1vvuo_33`,thumb:`_thumb_1vvuo_53`,label:`_label_1vvuo_66`};export{e as default};

package/dist/toggle-group/toggle-group.js

@@ -1,55 +1 @@
-"use client";
-
-import e from "./toggle-group.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, useControllableSignal as r, useRovingFocus as i, useSignals as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../components/src/toggle-group/toggle-group.tsx
-function c(e, t) {
-	return Array.isArray(e) ? e.includes(t) : e === t;
-}
-var l = t(function({ type: t, value: l, defaultValue: u, onValueChange: d, items: f, orientation: p = "horizontal", size: m = "md", disabled: h = !1, className: g, ..._ }, v) {
-	a();
-	let [y, b] = r({
-		value: l,
-		defaultValue: u ?? (t === "multiple" ? [] : ""),
-		onChange: d
-	}), x = i({
-		orientation: p,
-		loop: !0
-	}), S = (e) => {
-		let n = y.value;
-		if (t === "multiple") {
-			let t = Array.isArray(n) ? n : [];
-			b(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-		} else b(n === e ? "" : e);
-	};
-	return /* @__PURE__ */ o("div", {
-		role: t === "single" ? "radiogroup" : "group",
-		"data-orientation": p,
-		"data-size": m,
-		className: n(e.toggleGroup, g),
-		ref: v,
-		..._,
-		children: f.map((n, r) => {
-			let i = c(y.value, n.value), a = h || n.disabled, { ref: l, ...u } = x.getItemProps(r);
-			return /* @__PURE__ */ s("button", {
-				type: "button",
-				...t === "single" ? {
-					role: "radio",
-					"aria-checked": i
-				} : { "aria-pressed": i },
-				...u,
-				ref: l,
-				"data-state": i ? "on" : "off",
-				disabled: a,
-				"aria-label": n.icon && !n.label ? n.value : void 0,
-				className: e.item,
-				onClick: () => S(n.value),
-				children: [n.icon, n.label && /* @__PURE__ */ o("span", { children: n.label })]
-			}, n.value);
-		})
-	});
-});
-//#endregion
-export { l as ToggleGroup };
+"use client";import e from"./toggle-group.module.js";import{forwardRef as t}from"react";import{cn as n,useControllableSignal as r,useRovingFocus as i,useSignals as a}from"@cascivo/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(e,t){return Array.isArray(e)?e.includes(t):e===t}var l=t(function({type:t,value:l,defaultValue:u,onValueChange:d,items:f,orientation:p=`horizontal`,size:m=`md`,disabled:h=!1,className:g,..._},v){a();let[y,b]=r({value:l,defaultValue:u??(t===`multiple`?[]:``),onChange:d}),x=i({orientation:p,loop:!0}),S=e=>{let n=y.value;if(t===`multiple`){let t=Array.isArray(n)?n:[];b(t.includes(e)?t.filter(t=>t!==e):[...t,e])}else b(n===e?``:e)};return o(`div`,{role:t===`single`?`radiogroup`:`group`,"data-orientation":p,"data-size":m,className:n(e.toggleGroup,g),ref:v,..._,children:f.map((n,r)=>{let i=c(y.value,n.value),a=h||n.disabled,{ref:l,...u}=x.getItemProps(r);return s(`button`,{type:`button`,...t===`single`?{role:`radio`,"aria-checked":i}:{"aria-pressed":i},...u,ref:l,"data-state":i?`on`:`off`,disabled:a,"aria-label":n.icon&&!n.label?n.value:void 0,className:e.item,onClick:()=>S(n.value),children:[n.icon,n.label&&o(`span`,{children:n.label})]},n.value)})})});export{l as ToggleGroup};

package/dist/toggle-group/toggle-group.module.js

@@ -1,7 +1,2 @@
 import './toggle-group.css';
-var e = {
-	toggleGroup: "_toggleGroup_s4o5x_2",
-	item: "_item_s4o5x_33"
-};
-//#endregion
-export { e as default };
+var e={toggleGroup:`_toggleGroup_s4o5x_2`,item:`_item_s4o5x_33`};export{e as default};

package/dist/toggletip/toggletip.js

@@ -1,49 +1 @@
-"use client";
-
-import e from "./toggletip.module.js";
-import { useId as t, useRef as n } from "react";
-import { DismissableLayer as r, cn as i, useAnchorPosition as a, useControllableSignal as o, useSignals as s } from "@cascivo/core";
-import { builtin as c, t as l } from "@cascivo/i18n";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../components/src/toggletip/toggletip.tsx
-function f({ trigger: f, children: p, placement: m = "top", defaultOpen: h = !1, open: g, onOpenChange: _, labels: v, className: y }) {
-	s();
-	let [b, x] = o({
-		...g !== void 0 && { value: g },
-		defaultValue: h,
-		..._ && { onChange: _ }
-	}), S = n(null), C = n(null), w = t(), { anchorStyle: T, floatingStyle: E } = a({
-		anchorRef: S,
-		floatingRef: C,
-		placement: m,
-		enabled: b
-	});
-	return /* @__PURE__ */ d("span", {
-		className: i(e.root, y),
-		children: [/* @__PURE__ */ u("button", {
-			ref: S,
-			type: "button",
-			className: e.trigger,
-			"aria-expanded": b.value,
-			"aria-controls": w,
-			"aria-label": v?.label ?? l(c.toggletip.label),
-			style: T,
-			onClick: () => x(!b.value),
-			children: f
-		}), b.value ? /* @__PURE__ */ u(r, {
-			onDismiss: () => x(!1),
-			children: /* @__PURE__ */ u("div", {
-				ref: C,
-				id: w,
-				role: "status",
-				"data-state": "open",
-				"data-placement": m,
-				className: e.bubble,
-				style: E,
-				children: p
-			})
-		}) : null]
-	});
-}
-//#endregion
-export { f as Toggletip };
+"use client";import e from"./toggletip.module.js";import{useId as t,useRef as n}from"react";import{DismissableLayer as r,cn as i,useAnchorPosition as a,useControllableSignal as o,useSignals as s}from"@cascivo/core";import{builtin as c,t as l}from"@cascivo/i18n";import{jsx as u,jsxs as d}from"react/jsx-runtime";function f({trigger:f,children:p,placement:m=`top`,defaultOpen:h=!1,open:g,onOpenChange:_,labels:v,className:y}){s();let[b,x]=o({...g!==void 0&&{value:g},defaultValue:h,..._&&{onChange:_}}),S=n(null),C=n(null),w=t(),{anchorStyle:T,floatingStyle:E}=a({anchorRef:S,floatingRef:C,placement:m,enabled:b});return d(`span`,{className:i(e.root,y),children:[u(`button`,{ref:S,type:`button`,className:e.trigger,"aria-expanded":b.value,"aria-controls":w,"aria-label":v?.label??l(c.toggletip.label),style:T,onClick:()=>x(!b.value),children:f}),b.value?u(r,{onDismiss:()=>x(!1),children:u(`div`,{ref:C,id:w,role:`status`,"data-state":`open`,"data-placement":m,className:e.bubble,style:E,children:p})}):null]})}export{f as Toggletip};

package/dist/toggletip/toggletip.module.js

@@ -1,8 +1,2 @@
 import './toggletip.css';
-var e = {
-	root: "_root_1t09l_2",
-	trigger: "_trigger_1t09l_7",
-	bubble: "_bubble_1t09l_28"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1t09l_2`,trigger:`_trigger_1t09l_7`,bubble:`_bubble_1t09l_28`};export{e as default};

package/dist/tooltip/tooltip.css

@@ -1 +1 @@
-@layer cascivo.component{._root_1t9q1_2{display:inline-flex;position:relative}._tooltip_1t9q1_7{z-index:var(--cascivo-z-tooltip);inline-size:max-content;max-inline-size:16rem;padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-xs);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-on-accent);background-color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute}._tooltip_1t9q1_7:popover-open{opacity:1;visibility:visible}._tooltip_1t9q1_7[data-state=visible]{opacity:1;visibility:visible}@starting-style{._tooltip_1t9q1_7[data-state=visible]{opacity:0}}._tooltip_1t9q1_7[data-placement=top]{inset-block-end:calc(100% + var(--cascivo-space-2));inset-inline-start:50%;translate:-50%}._tooltip_1t9q1_7[data-placement=bottom]{inset-block-start:calc(100% + var(--cascivo-space-2));inset-inline-start:50%;translate:-50%}._tooltip_1t9q1_7[data-placement=left]{inset-block-start:50%;inset-inline-end:calc(100% + var(--cascivo-space-2));translate:0 -50%}._tooltip_1t9q1_7[data-placement=right]{inset-block-start:50%;inset-inline-start:calc(100% + var(--cascivo-space-2));translate:0 -50%}@supports (anchor-name:--a) and (position-anchor:--a){._tooltip_1t9q1_7{position-anchor:var(--cascivo-tooltip-anchor,attr(data-anchor));margin:var(--cascivo-space-2);position:fixed;inset:auto}._tooltip_1t9q1_7[data-placement=top]{inset-area:block-start span-inline-start;translate:0}._tooltip_1t9q1_7[data-placement=bottom]{inset-area:block-end span-inline-start;translate:0}._tooltip_1t9q1_7[data-placement=left]{inset-area:inline-start span-block-start;translate:0}._tooltip_1t9q1_7[data-placement=right]{inset-area:inline-end span-block-start;translate:0}@media (prefers-reduced-motion:no-preference){._tooltip_1t9q1_7{transition:opacity var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}@starting-style{._tooltip_1t9q1_7[data-state=visible]{opacity:0}}}}}@media (forced-colors:active){._tooltip_1t9q1_7{color:canvastext;background-color:canvas;border:1px solid canvastext}}
+@layer cascivo.component{._root_127nw_2{display:inline-flex;position:relative}._tooltip_127nw_7{z-index:var(--cascivo-z-tooltip);inline-size:max-content;max-inline-size:16rem;padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-xs);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-on-accent);background-color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute}._tooltip_127nw_7:popover-open{opacity:1;visibility:visible}._tooltip_127nw_7[data-state=visible]{opacity:1;visibility:visible}@starting-style{._tooltip_127nw_7[data-state=visible]{opacity:0}}._tooltip_127nw_7[data-placement=top]{inset-block-end:calc(100% + var(--cascivo-space-2));inset-inline-start:50%;translate:-50%}._tooltip_127nw_7[data-placement=bottom]{inset-block-start:calc(100% + var(--cascivo-space-2));inset-inline-start:50%;translate:-50%}._tooltip_127nw_7[data-placement=left]{inset-block-start:50%;inset-inline-end:calc(100% + var(--cascivo-space-2));translate:0 -50%}._tooltip_127nw_7[data-placement=right]{inset-block-start:50%;inset-inline-start:calc(100% + var(--cascivo-space-2));translate:0 -50%}@supports (anchor-name:--a) and (position-anchor:--a){._tooltip_127nw_7{position-anchor:var(--cascivo-tooltip-anchor,attr(data-anchor));margin:var(--cascivo-space-2);position-visibility:anchors-visible;position:fixed;inset:auto}._tooltip_127nw_7[data-placement=top]{position-area:block-start span-inline-start;translate:0}._tooltip_127nw_7[data-placement=bottom]{position-area:block-end span-inline-start;translate:0}._tooltip_127nw_7[data-placement=left]{position-area:inline-start span-block-start;translate:0}._tooltip_127nw_7[data-placement=right]{position-area:inline-end span-block-start;translate:0}@media (prefers-reduced-motion:no-preference){._tooltip_127nw_7{transition:opacity var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete}@starting-style{._tooltip_127nw_7[data-state=visible]{opacity:0}}}}}@media (forced-colors:active){._tooltip_127nw_7{color:canvastext;background-color:canvas;border:1px solid canvastext}}

package/dist/tooltip/tooltip.js

@@ -1,58 +1 @@
-"use client";
-
-import e from "./tooltip.module.js";
-import { cloneElement as t, useRef as n } from "react";
-import { createMachine as r, useId as i, useMachine as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../components/src/tooltip/tooltip.tsx
-var u = r({
-	initial: "hidden",
-	states: {
-		hidden: { on: { SHOW: "visible" } },
-		visible: { on: { HIDE: "hidden" } }
-	}
-});
-function d({ content: r, placement: d = "top", children: f, delay: p = 200 }) {
-	s();
-	let [m, h] = a(u), g = i("cascivo-tooltip"), _ = i("cascivo-anchor"), v = n(void 0), y = n(null), b = m.value === "visible", x = () => {
-		clearTimeout(v.current), v.current = setTimeout(() => h("SHOW"), p);
-	}, S = () => {
-		clearTimeout(v.current), h("HIDE");
-	};
-	o(() => () => clearTimeout(v.current)), o(() => {
-		m.value === "visible" ? y.current?.showPopover() : y.current?.hidePopover();
-	});
-	let C = f, w = C.props, T = {
-		id: _,
-		style: { anchorName: `--tooltip-${_}` },
-		onMouseEnter: (e) => {
-			w.onMouseEnter?.(e), x();
-		},
-		onMouseLeave: (e) => {
-			w.onMouseLeave?.(e), S();
-		},
-		onFocus: (e) => {
-			w.onFocus?.(e), x();
-		},
-		onBlur: (e) => {
-			w.onBlur?.(e), S();
-		},
-		"aria-describedby": b ? g : w["aria-describedby"]
-	};
-	return /* @__PURE__ */ l("span", {
-		className: e.root,
-		children: [t(C, T), /* @__PURE__ */ c("span", {
-			ref: y,
-			popover: "manual",
-			role: "tooltip",
-			id: g,
-			"data-placement": d,
-			"data-state": b ? "visible" : "hidden",
-			"data-anchor": `--tooltip-${_}`,
-			className: e.tooltip,
-			children: r
-		})]
-	});
-}
-//#endregion
-export { d as Tooltip };
+"use client";import e from"./tooltip.module.js";import{cloneElement as t,useRef as n}from"react";import{createMachine as r,useId as i,useMachine as a,useSignalEffect as o,useSignals as s}from"@cascivo/core";import{jsx as c,jsxs as l}from"react/jsx-runtime";var u=r({initial:`hidden`,states:{hidden:{on:{SHOW:`visible`}},visible:{on:{HIDE:`hidden`}}}});function d({content:r,placement:d=`top`,children:f,delay:p=200}){s();let[m,h]=a(u),g=i(`cascivo-tooltip`),_=i(`cascivo-anchor`),v=n(void 0),y=n(null),b=m.value===`visible`,x=()=>{clearTimeout(v.current),v.current=setTimeout(()=>h(`SHOW`),p)},S=()=>{clearTimeout(v.current),h(`HIDE`)};o(()=>()=>clearTimeout(v.current)),o(()=>{m.value===`visible`?y.current?.showPopover():y.current?.hidePopover()});let C=f,w=C.props,T={id:_,style:{anchorName:`--tooltip-${_}`},onMouseEnter:e=>{w.onMouseEnter?.(e),x()},onMouseLeave:e=>{w.onMouseLeave?.(e),S()},onFocus:e=>{w.onFocus?.(e),x()},onBlur:e=>{w.onBlur?.(e),S()},"aria-describedby":b?g:w[`aria-describedby`]};return l(`span`,{className:e.root,children:[t(C,T),c(`span`,{ref:y,popover:`manual`,role:`tooltip`,id:g,"data-placement":d,"data-state":b?`visible`:`hidden`,"data-anchor":`--tooltip-${_}`,className:e.tooltip,children:r})]})}export{d as Tooltip};

package/dist/tooltip/tooltip.module.js

@@ -1,7 +1,2 @@
 import './tooltip.css';
-var e = {
-	root: "_root_1t9q1_2",
-	tooltip: "_tooltip_1t9q1_7"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_127nw_2`,tooltip:`_tooltip_127nw_7`};export{e as default};

package/dist/tree-view/tree-view.css

@@ -1 +1 @@
-@layer cascivo.component{._tree_ufkml_2{--cascivo-tree-indent:var(--cascivo-space-5);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);margin:0;padding:0;list-style:none}._item_ufkml_12{list-style:none}._row_ufkml_16{align-items:center;gap:var(--cascivo-space-2);padding-inline-start:calc(var(--cascivo-tree-indent) * (var(--cascivo-tree-level) - 1));padding-block:var(--cascivo-space-2);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);padding-inline-end:var(--cascivo-space-3);display:flex}._row_ufkml_16:hover{background-color:var(--cascivo-color-bg-subtle)}._item_ufkml_12:focus-visible{outline:none}._item_ufkml_12:focus-visible>._row_ufkml_16{box-shadow:var(--cascivo-focus-ring)}._item_ufkml_12[data-selected]>._row_ufkml_16{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium)}._twisty_ufkml_47{block-size:.75rem;inline-size:.75rem;transition:rotate var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:currentColor;flex-shrink:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat}._twisty_ufkml_47[data-state=open]{rotate:90deg}._twistySpacer_ufkml_61{flex-shrink:0;block-size:.75rem;inline-size:.75rem}._icon_ufkml_67{block-size:1rem;inline-size:1rem;color:var(--cascivo-color-text-subtle);flex-shrink:0;display:inline-flex}._label_ufkml_75{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}._groupWrap_ufkml_83{visibility:hidden;transition:grid-template-rows var(--cascivo-duration-200) var(--cascivo-ease-out), visibility var(--cascivo-duration-200) var(--cascivo-ease-out);grid-template-rows:0fr;display:grid}._groupWrap_ufkml_83[data-state=open]{visibility:visible;grid-template-rows:1fr}@starting-style{._groupWrap_ufkml_83[data-state=open]{grid-template-rows:0fr}}._group_ufkml_83{min-block-size:0;margin:0;padding:0;list-style:none;overflow:hidden}}@media (prefers-reduced-motion:reduce){._groupWrap_ufkml_83,._row_ufkml_16,._twisty_ufkml_47{transition:none}}@media (forced-colors:active){._item_ufkml_12:focus-visible>._row_ufkml_16{outline-offset:-2px;outline:2px solid highlight}._item_ufkml_12[data-selected]>._row_ufkml_16{color:highlighttext;background-color:highlight}}
+@layer cascivo.component{._tree_awpgc_2{--cascivo-tree-indent:var(--cascivo-space-5);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);margin:0;padding:0;list-style:none}._item_awpgc_12{list-style:none}._row_awpgc_16{align-items:center;gap:var(--cascivo-space-2);padding-inline-start:calc(var(--cascivo-tree-indent) * (var(--cascivo-tree-level) - 1));padding-block:var(--cascivo-space-2);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);padding-inline-end:var(--cascivo-space-3);display:flex}._row_awpgc_16:hover{background-color:var(--cascivo-color-bg-subtle)}._item_awpgc_12:focus-visible{outline:none}._item_awpgc_12:focus-visible>._row_awpgc_16{box-shadow:var(--cascivo-focus-ring)}._item_awpgc_12[data-selected]>._row_awpgc_16{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text);font-weight:var(--cascivo-font-medium)}._twisty_awpgc_47{block-size:.75rem;inline-size:.75rem;transition:rotate var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:currentColor;flex-shrink:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat}._twisty_awpgc_47[data-state=open]{rotate:90deg}._twistySpacer_awpgc_61{flex-shrink:0;block-size:.75rem;inline-size:.75rem}._icon_awpgc_67{block-size:1rem;inline-size:1rem;color:var(--cascivo-color-text-subtle);flex-shrink:0;display:inline-flex}._label_awpgc_75{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}._groupWrap_awpgc_83{visibility:hidden;transition:grid-template-rows var(--cascivo-duration-200) var(--cascivo-ease-out), visibility var(--cascivo-duration-200) var(--cascivo-ease-out);grid-template-rows:0fr;display:grid}._groupWrap_awpgc_83[data-state=open]{visibility:visible;grid-template-rows:1fr}@starting-style{._groupWrap_awpgc_83[data-state=open]{grid-template-rows:0fr}}._group_awpgc_83{min-block-size:0;margin:0;padding:0;list-style:none;overflow:hidden}}@media (prefers-reduced-motion:reduce){._groupWrap_awpgc_83,._row_awpgc_16,._twisty_awpgc_47{transition:none}}@media (forced-colors:active){._item_awpgc_12:focus-visible>._row_awpgc_16{outline-offset:-2px;outline:2px solid highlight}._item_awpgc_12[data-selected]>._row_awpgc_16{color:highlighttext;background-color:highlight}@media (pointer:coarse){._row_awpgc_16{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}