@cascivo/react 0.18.0 → 1.1.0

package/dist/reorder-list/reorder-list.module.js

@@ -1,12 +1,2 @@
 import './reorder-list.css';
-var e = {
-	root: "_root_1tie9_4",
-	list: "_list_1tie9_8",
-	row: "_row_1tie9_16",
-	handle: "_handle_1tie9_34",
-	grip: "_grip_1tie9_69",
-	label: "_label_1tie9_74",
-	srOnly: "_srOnly_1tie9_79"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1vypz_4`,list:`_list_1vypz_8`,row:`_row_1vypz_16`,handle:`_handle_1vypz_34`,grip:`_grip_1vypz_69`,label:`_label_1vypz_74`,srOnly:`_srOnly_1vypz_79`};export{e as default};

package/dist/resizable/resizable.js

@@ -1,80 +1 @@
-"use client";
-
-import e from "./resizable.module.js";
-import { Children as t, useRef as n } from "react";
-import { cn as r, useControllableSignal as i, useSignal as a, useSignalEffect 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/resizable/resizable.tsx
-function f(e, t, n) {
-	return Math.min(n, Math.max(t, e));
-}
-function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, ratio: g, minRatio: _ = .1, maxRatio: v = .9, onRatioChange: y, className: b, label: x }) {
-	s();
-	let [S, C] = t.toArray(p), [w, T] = i({
-		value: g,
-		defaultValue: h,
-		onChange: y
-	}), E = n(null), D = a(!1), O = (e) => {
-		T(f(e, _, v));
-	}, k = (e, t) => {
-		let n = E.current;
-		if (!n) return w.value;
-		let r = n.getBoundingClientRect();
-		return m === "horizontal" ? (e - r.left) / r.width : (t - r.top) / r.height;
-	};
-	o(() => {
-		if (!D.value) return;
-		let e = (e) => O(k(e.clientX, e.clientY)), t = () => {
-			D.value = !1;
-		};
-		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
-			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
-		};
-	});
-	let A = (e) => {
-		let t = e.shiftKey ? .1 : .02, n = m === "horizontal" ? "ArrowLeft" : "ArrowUp", r = m === "horizontal" ? "ArrowRight" : "ArrowDown";
-		if (e.key === n) O(w.value - t);
-		else if (e.key === r) O(w.value + t);
-		else if (e.key === "Home") O(_);
-		else if (e.key === "End") O(v);
-		else return;
-		e.preventDefault();
-	}, j = x ?? l(c.resizable.handle), M = Math.round(w.value * 100);
-	return /* @__PURE__ */ d("div", {
-		ref: E,
-		className: r(e.resizable, b),
-		"data-orientation": m,
-		style: { "--cascivo-resizable-ratio": w.value },
-		children: [
-			/* @__PURE__ */ u("div", {
-				className: e.pane,
-				children: S
-			}),
-			/* @__PURE__ */ u("div", {
-				className: e.handle,
-				role: "separator",
-				"aria-orientation": m,
-				"aria-label": j,
-				"aria-valuenow": M,
-				"aria-valuemin": Math.round(_ * 100),
-				"aria-valuemax": Math.round(v * 100),
-				tabIndex: 0,
-				onKeyDown: A,
-				onPointerDown: (e) => {
-					e.preventDefault(), D.value = !0;
-				},
-				children: /* @__PURE__ */ u("span", {
-					className: e.grip,
-					"aria-hidden": "true"
-				})
-			}),
-			/* @__PURE__ */ u("div", {
-				className: e.pane,
-				children: C
-			})
-		]
-	});
-}
-//#endregion
-export { p as Resizable };
+"use client";import e from"./resizable.module.js";import{Children as t,useRef as n}from"react";import{cn as r,useControllableSignal as i,useSignal as a,useSignalEffect 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(e,t,n){return Math.min(n,Math.max(t,e))}function p({children:p,orientation:m=`horizontal`,defaultRatio:h=.5,ratio:g,minRatio:_=.1,maxRatio:v=.9,onRatioChange:y,className:b,label:x,ariaLabel:S}){s();let[C,w]=t.toArray(p),[T,E]=i({value:g,defaultValue:h,onChange:y}),D=n(null),O=a(!1),k=e=>{E(f(e,_,v))},A=(e,t)=>{let n=D.current;if(!n)return T.value;let r=n.getBoundingClientRect();return m===`horizontal`?(e-r.left)/r.width:(t-r.top)/r.height};o(()=>{if(!O.value)return;let e=e=>k(A(e.clientX,e.clientY)),t=()=>{O.value=!1};return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}});let j=e=>{let t=e.shiftKey?.1:.02,n=m===`horizontal`?`ArrowLeft`:`ArrowUp`,r=m===`horizontal`?`ArrowRight`:`ArrowDown`;if(e.key===n)k(T.value-t);else if(e.key===r)k(T.value+t);else if(e.key===`Home`)k(_);else if(e.key===`End`)k(v);else return;e.preventDefault()},M=S??x??l(c.resizable.handle),N=Math.round(T.value*100);return d(`div`,{ref:D,className:r(e.resizable,b),"data-orientation":m,style:{"--cascivo-resizable-ratio":T.value},children:[u(`div`,{className:e.pane,children:C}),u(`div`,{className:e.handle,role:`separator`,"aria-orientation":m,"aria-label":M,"aria-valuenow":N,"aria-valuemin":Math.round(_*100),"aria-valuemax":Math.round(v*100),tabIndex:0,onKeyDown:j,onPointerDown:e=>{e.preventDefault(),O.value=!0},children:u(`span`,{className:e.grip,"aria-hidden":`true`})}),u(`div`,{className:e.pane,children:w})]})}export{p as Resizable};

package/dist/resizable/resizable.module.js

@@ -1,9 +1,2 @@
 import './resizable.css';
-var e = {
-	resizable: "_resizable_1agxs_2",
-	pane: "_pane_1agxs_17",
-	handle: "_handle_1agxs_31",
-	grip: "_grip_1agxs_50"
-};
-//#endregion
-export { e as default };
+var e={resizable:`_resizable_1agxs_2`,pane:`_pane_1agxs_17`,handle:`_handle_1agxs_31`,grip:`_grip_1agxs_50`};export{e as default};

package/dist/scroll-area/scroll-area.css

@@ -1 +1 @@
-@layer cascivo.component{._root_v07bg_2{max-block-size:var(--cascivo-scroll-area-height,none);max-inline-size:var(--cascivo-scroll-area-width,none);scrollbar-width:thin;scrollbar-color:var(--cascivo-color-border) transparent}._root_v07bg_2[data-orientation=vertical]{overflow:hidden auto}._root_v07bg_2[data-orientation=horizontal]{overflow:auto hidden}._root_v07bg_2[data-orientation=both]{overflow:auto}._root_v07bg_2::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}._root_v07bg_2::-webkit-scrollbar-track{background:0 0}._root_v07bg_2::-webkit-scrollbar-thumb{background-color:var(--cascivo-color-border);border-radius:var(--cascivo-radius-control)}._root_v07bg_2::-webkit-scrollbar-thumb:hover{background-color:var(--cascivo-color-text-subtle)}._root_v07bg_2{background:linear-gradient(var(--cascivo-color-surface) 30%, transparent) center top / 100% 1.5rem no-repeat, linear-gradient(transparent, var(--cascivo-color-surface) 70%) center bottom / 100% 1.5rem no-repeat;background-attachment:local,local}._root_v07bg_2[data-scroll-top]:not([data-edges=none]){box-shadow:inset 0 .5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_v07bg_2[data-scroll-bottom]:not([data-edges=none]){box-shadow:inset 0 -.5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_v07bg_2[data-scroll-top][data-scroll-bottom]:not([data-edges=none]){box-shadow:inset 0 .5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent), inset 0 -.5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_v07bg_2[data-edges=mask][data-scroll-top]{-webkit-mask-image:linear-gradient(#0000,#000 1.5rem);mask-image:linear-gradient(#0000,#000 1.5rem)}._root_v07bg_2[data-edges=mask][data-scroll-bottom]{-webkit-mask-image:linear-gradient(0deg,#0000,#000 1.5rem);mask-image:linear-gradient(0deg,#0000,#000 1.5rem)}._root_v07bg_2[data-edges=mask][data-scroll-top][data-scroll-bottom]{-webkit-mask-image:linear-gradient(#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}}
+@layer cascivo.component{._root_1d40j_2{max-block-size:var(--cascivo-scroll-area-height,none);max-inline-size:var(--cascivo-scroll-area-width,none);scrollbar-width:thin;scrollbar-color:var(--cascivo-color-border) transparent}._root_1d40j_2[data-orientation=vertical]{overflow:hidden auto}._root_1d40j_2[data-orientation=horizontal]{overflow:auto hidden}._root_1d40j_2[data-orientation=both]{overflow:auto}._root_1d40j_2::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}._root_1d40j_2::-webkit-scrollbar-track{background:0 0}._root_1d40j_2::-webkit-scrollbar-thumb{background-color:var(--cascivo-color-border);border-radius:var(--cascivo-radius-control)}._root_1d40j_2::-webkit-scrollbar-thumb:hover{background-color:var(--cascivo-color-text-subtle)}._root_1d40j_2{background:linear-gradient(var(--cascivo-color-surface) 30%, transparent) center top / 100% 1.5rem no-repeat, linear-gradient(transparent, var(--cascivo-color-surface) 70%) center bottom / 100% 1.5rem no-repeat;background-attachment:local,local}._root_1d40j_2[data-scroll-top]:not([data-edges=none]){box-shadow:inset 0 .5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_1d40j_2[data-scroll-bottom]:not([data-edges=none]){box-shadow:inset 0 -.5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_1d40j_2[data-scroll-top][data-scroll-bottom]:not([data-edges=none]){box-shadow:inset 0 .5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent), inset 0 -.5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent)}._root_1d40j_2[data-edges=mask][data-scroll-top]{-webkit-mask-image:linear-gradient(#0000,#000 1.5rem);mask-image:linear-gradient(#0000,#000 1.5rem)}._root_1d40j_2[data-edges=mask][data-scroll-bottom]{-webkit-mask-image:linear-gradient(0deg,#0000,#000 1.5rem);mask-image:linear-gradient(0deg,#0000,#000 1.5rem)}._root_1d40j_2[data-edges=mask][data-scroll-top][data-scroll-bottom]{-webkit-mask-image:linear-gradient(#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}@supports (container-type:scroll-state){._root_1d40j_2[data-edges=shadow]{container-type:scroll-state}._root_1d40j_2[data-edges=shadow]:before,._root_1d40j_2[data-edges=shadow]:after{content:"";z-index:1;opacity:0;pointer-events:none;block-size:0;transition:opacity var(--cascivo-duration-150) var(--cascivo-ease-out);display:block;position:sticky}._root_1d40j_2[data-edges=shadow]:before{box-shadow:0 .5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent);inset-block-start:0}._root_1d40j_2[data-edges=shadow]:after{box-shadow:0 -.5rem .4rem -.4rem color-mix(in srgb, var(--cascivo-color-text) 12%, transparent);inset-block-end:0}@container scroll-state(scrollable:top){._root_1d40j_2[data-edges=shadow]:before{opacity:1}}@container scroll-state(scrollable:bottom){._root_1d40j_2[data-edges=shadow]:after{opacity:1}}}}

package/dist/scroll-area/scroll-area.js

@@ -1,38 +1 @@
-"use client";
-
-import e from "./scroll-area.module.js";
-import { useRef as t } from "react";
-import { cn as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
-import { jsx as a } from "react/jsx-runtime";
-//#region ../components/src/scroll-area/scroll-area.tsx
-function o({ height: o, width: s, orientation: c = "vertical", edges: l = "shadow", className: u, style: d, children: f, ...p }) {
-	i();
-	let m = t(null);
-	r(() => {
-		let e = m.current;
-		if (!e) return;
-		let t = () => {
-			let t = e.scrollTop <= 0, n = e.scrollTop + e.clientHeight >= e.scrollHeight - 1, r = e.scrollLeft <= 0, i = e.scrollLeft + e.clientWidth >= e.scrollWidth - 1;
-			e.toggleAttribute("data-scroll-top", !t), e.toggleAttribute("data-scroll-bottom", !n), e.toggleAttribute("data-scroll-start", !r), e.toggleAttribute("data-scroll-end", !i);
-		};
-		return t(), e.addEventListener("scroll", t, { passive: !0 }), () => {
-			e.removeEventListener("scroll", t);
-		};
-	});
-	let h = {
-		...o === void 0 ? {} : { "--cascivo-scroll-area-height": o },
-		...s === void 0 ? {} : { "--cascivo-scroll-area-width": s },
-		...d
-	};
-	return /* @__PURE__ */ a("div", {
-		ref: m,
-		"data-orientation": c,
-		"data-edges": l,
-		className: n(e.root, u),
-		style: h,
-		...p,
-		children: f
-	});
-}
-//#endregion
-export { o as ScrollArea };
+"use client";import e from"./scroll-area.module.js";import{useRef as t}from"react";import{cn as n,useSignalEffect as r,useSignals as i}from"@cascivo/core";import{jsx as a}from"react/jsx-runtime";function o(){return typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`container-type`,`scroll-state`)}function s({height:s,width:c,orientation:l=`vertical`,edges:u=`shadow`,className:d,style:f,children:p,...m}){i();let h=t(null);r(()=>{if(u===`shadow`&&o())return;let e=h.current;if(!e)return;let t=()=>{let t=e.scrollTop<=0,n=e.scrollTop+e.clientHeight>=e.scrollHeight-1,r=e.scrollLeft<=0,i=e.scrollLeft+e.clientWidth>=e.scrollWidth-1;e.toggleAttribute(`data-scroll-top`,!t),e.toggleAttribute(`data-scroll-bottom`,!n),e.toggleAttribute(`data-scroll-start`,!r),e.toggleAttribute(`data-scroll-end`,!i)};return t(),e.addEventListener(`scroll`,t,{passive:!0}),()=>{e.removeEventListener(`scroll`,t)}});let g={...s===void 0?{}:{"--cascivo-scroll-area-height":s},...c===void 0?{}:{"--cascivo-scroll-area-width":c},...f};return a(`div`,{ref:h,"data-orientation":l,"data-edges":u,className:n(e.root,d),style:g,...m,children:p})}export{s as ScrollArea};

package/dist/scroll-area/scroll-area.module.js

@@ -1,4 +1,2 @@
 import './scroll-area.css';
-var e = { root: "_root_v07bg_2" };
-//#endregion
-export { e as default };
+var e={root:`_root_1d40j_2`};export{e as default};

package/dist/search/search.js

@@ -1,92 +1 @@
-"use client";
-
-import e from "./search.module.js";
-import { useRef as t } from "react";
-import { cn as n, focusElement as r, useControllableSignal as i, useId as a, useSignalEffect 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/search/search.tsx
-function f() {
-	return /* @__PURE__ */ d("svg", {
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ u("circle", {
-			cx: "7",
-			cy: "7",
-			r: "4.5"
-		}), /* @__PURE__ */ u("line", {
-			x1: "10.5",
-			y1: "10.5",
-			x2: "14",
-			y2: "14"
-		})]
-	});
-}
-function p({ value: p, defaultValue: m = "", onValueChange: h, onChange: g, onSearch: _, debounceMs: v = 300, placeholder: y, size: b = "md", label: x, disabled: S = !1, clearLabel: C, id: w, className: T }) {
-	s();
-	let E = y ?? l(c.search.placeholder), D = x ?? l(c.search.label), O = C ?? l(c.search.clear), k = t(null), A = a("cascade-search"), j = w ?? A, M = p !== void 0, [N] = i({
-		value: p,
-		defaultValue: m
-	}), P = t(_);
-	P.current = _;
-	let F = t(null), I = () => {
-		F.current !== null && (clearTimeout(F.current), F.current = null);
-	};
-	o(() => I);
-	let L = (e) => {
-		let t = e.target.value;
-		M || (N.value = t), (h ?? g)?.(t), I(), F.current = setTimeout(() => {
-			F.current = null, P.current?.(t);
-		}, v);
-	}, R = (e) => {
-		e.key === "Enter" && (I(), _?.(N.value));
-	}, z = () => {
-		I(), M || (N.value = ""), (h ?? g)?.(""), _?.(""), r(k.current);
-	}, B = N.value !== "";
-	return /* @__PURE__ */ d("div", {
-		className: n(e.root, T),
-		"data-size": b,
-		"data-state": B ? "filled" : "empty",
-		children: [
-			/* @__PURE__ */ u("label", {
-				className: e.label,
-				htmlFor: j,
-				children: D
-			}),
-			/* @__PURE__ */ u("span", {
-				className: e.icon,
-				children: /* @__PURE__ */ u(f, {})
-			}),
-			/* @__PURE__ */ u("input", {
-				ref: k,
-				id: j,
-				type: "search",
-				className: e.input,
-				value: N.value,
-				placeholder: E,
-				disabled: S,
-				onChange: L,
-				onKeyDown: R
-			}),
-			B && /* @__PURE__ */ u("button", {
-				type: "button",
-				className: e.clear,
-				"aria-label": O,
-				disabled: S,
-				onClick: z,
-				children: /* @__PURE__ */ u("span", {
-					"aria-hidden": "true",
-					children: "✕"
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { p as Search };
+"use client";import e from"./search.module.js";import{useRef as t}from"react";import{cn as n,focusElement as r,useControllableSignal as i,useId as a,useSignalEffect 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(){return d(`svg`,{viewBox:`0 0 16 16`,width:`16`,height:`16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,"aria-hidden":`true`,children:[u(`circle`,{cx:`7`,cy:`7`,r:`4.5`}),u(`line`,{x1:`10.5`,y1:`10.5`,x2:`14`,y2:`14`})]})}function p({value:p,defaultValue:m=``,onValueChange:h,onSearch:g,debounceMs:_=300,placeholder:v,size:y=`md`,label:b,ariaLabel:x,disabled:S=!1,clearLabel:C,id:w,"aria-labelledby":T,"aria-describedby":E,"aria-invalid":D,className:O}){s();let k=v??l(c.search.placeholder),A=b??(T===void 0?l(c.search.label):void 0),j=C??l(c.search.clear),M=t(null),N=a(`cascade-search`),P=w??N,F=p!==void 0,[I]=i({value:p,defaultValue:m}),L=t(g);L.current=g;let R=t(null),z=()=>{R.current!==null&&(clearTimeout(R.current),R.current=null)};o(()=>z);let B=e=>{let t=e.target.value;F||(I.value=t),h?.(t),z(),R.current=setTimeout(()=>{R.current=null,L.current?.(t)},_)},V=e=>{e.key===`Enter`&&(z(),g?.(I.value))},H=()=>{z(),F||(I.value=``),h?.(``),g?.(``),r(M.current)},U=I.value!==``;return d(`div`,{className:n(e.root,O),"data-size":y,"data-state":U?`filled`:`empty`,children:[A!==void 0&&u(`label`,{className:e.label,htmlFor:P,children:A}),u(`span`,{className:e.icon,children:u(f,{})}),u(`input`,{ref:M,id:P,type:`search`,"aria-labelledby":T,"aria-label":x,"aria-describedby":E,"aria-invalid":D,className:e.input,value:I.value,placeholder:k,disabled:S,onChange:B,onKeyDown:V}),U&&u(`button`,{type:`button`,className:e.clear,"aria-label":j,disabled:S,onClick:H,children:u(`span`,{"aria-hidden":`true`,children:`✕`})})]})}export{p as Search};

package/dist/search/search.module.js

@@ -1,10 +1,2 @@
 import './search.css';
-var e = {
-	root: "_root_1ppci_2",
-	label: "_label_1ppci_35",
-	icon: "_icon_1ppci_48",
-	input: "_input_1ppci_57",
-	clear: "_clear_1ppci_103"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_1ppci_2`,label:`_label_1ppci_35`,icon:`_icon_1ppci_48`,input:`_input_1ppci_57`,clear:`_clear_1ppci_103`};export{e as default};

package/dist/segmented-control/segmented-control.js

@@ -1,43 +1 @@
-"use client";
-
-import e from "./segmented-control.module.js";
-import { cn as t } from "@cascivo/core";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/segmented-control/segmented-control.tsx
-function r({ options: r, value: i, onValueChange: a, size: o = "md", disabled: s = !1, className: c, ...l }) {
-	function u(e, t) {
-		let n = r.filter((e) => !e.disabled), i = n.findIndex((e) => e.value === r[t]?.value);
-		if (e.key === "ArrowRight") {
-			e.preventDefault();
-			let t = n[(i + 1) % n.length];
-			t && a(t.value);
-		} else if (e.key === "ArrowLeft") {
-			e.preventDefault();
-			let t = n[(i - 1 + n.length) % n.length];
-			t && a(t.value);
-		}
-	}
-	return /* @__PURE__ */ n("div", {
-		role: "group",
-		className: t(e.wrapper, c),
-		"data-size": o,
-		"data-disabled": s ? "" : void 0,
-		...l,
-		children: r.map((t, r) => /* @__PURE__ */ n("button", {
-			type: "button",
-			role: "radio",
-			"aria-checked": t.value === i,
-			"data-selected": t.value === i ? "" : void 0,
-			"data-size": o,
-			className: e.segment,
-			disabled: s || t.disabled,
-			onClick: () => {
-				t.disabled || a(t.value);
-			},
-			onKeyDown: (e) => u(e, r),
-			children: t.label
-		}, t.value))
-	});
-}
-//#endregion
-export { r as SegmentedControl };
+"use client";import e from"./segmented-control.module.js";import{cn as t}from"@cascivo/core";import{jsx as n}from"react/jsx-runtime";function r({options:r,value:i,onValueChange:a,size:o=`md`,disabled:s=!1,className:c,...l}){function u(e,t){let n=r.filter(e=>!e.disabled),i=n.findIndex(e=>e.value===r[t]?.value);if(e.key===`ArrowRight`){e.preventDefault();let t=n[(i+1)%n.length];t&&a(t.value)}else if(e.key===`ArrowLeft`){e.preventDefault();let t=n[(i-1+n.length)%n.length];t&&a(t.value)}}return n(`div`,{role:`group`,className:t(e.wrapper,c),"data-size":o,"data-disabled":s?``:void 0,...l,children:r.map((t,r)=>n(`button`,{type:`button`,role:`radio`,"aria-checked":t.value===i,"data-selected":t.value===i?``:void 0,"data-size":o,className:e.segment,disabled:s||t.disabled,onClick:()=>{t.disabled||a(t.value)},onKeyDown:e=>u(e,r),children:t.label},t.value))})}export{r as SegmentedControl};

package/dist/segmented-control/segmented-control.module.js

@@ -1,7 +1,2 @@
 import './segmented-control.css';
-var e = {
-	wrapper: "_wrapper_196gt_2",
-	segment: "_segment_196gt_33"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_196gt_2`,segment:`_segment_196gt_33`};export{e as default};

package/dist/select/select.js

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

package/dist/select/select.module.js

@@ -1,12 +1,2 @@
 import './select.css';
-var e = {
-	wrapper: "_wrapper_1b5d9_2",
-	label: "_label_1b5d9_24",
-	field: "_field_1b5d9_32",
-	select: "_select_1b5d9_37",
-	chevron: "_chevron_1b5d9_79",
-	error: "_error_1b5d9_92",
-	hint: "_hint_1b5d9_99"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_1b5d9_2`,label:`_label_1b5d9_24`,field:`_field_1b5d9_32`,select:`_select_1b5d9_37`,chevron:`_chevron_1b5d9_79`,error:`_error_1b5d9_92`,hint:`_hint_1b5d9_99`};export{e as default};

package/dist/separator/separator.js

@@ -1,19 +1 @@
-import e from "./separator.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../components/src/separator/separator.tsx
-function r({ orientation: r = "horizontal", decorative: i = !1, className: a, ...o }) {
-	return r === "horizontal" && !i ? /* @__PURE__ */ n("hr", {
-		"data-orientation": "horizontal",
-		className: t(e.separator, a),
-		...o
-	}) : /* @__PURE__ */ n("div", {
-		role: i ? "none" : "separator",
-		"aria-orientation": i ? void 0 : r,
-		"data-orientation": r,
-		className: t(e.separator, a),
-		...o
-	});
-}
-//#endregion
-export { r as Separator };
+import e from"./separator.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function r({orientation:r=`horizontal`,decorative:i=!1,className:a,...o}){return r===`horizontal`&&!i?n(`hr`,{"data-orientation":`horizontal`,className:t(e.separator,a),...o}):n(`div`,{role:i?`none`:`separator`,"aria-orientation":i?void 0:r,"data-orientation":r,className:t(e.separator,a),...o})}export{r as Separator};

package/dist/separator/separator.module.js

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

package/dist/sheet/sheet.js

@@ -1,49 +1 @@
-"use client";
-
-import e from "./sheet.module.js";
-import { useId as t, useRef as n } from "react";
-import { useEffectPropSignal as r, useSignalEffect as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/sheet/sheet.tsx
-function l({ open: l, onClose: u, title: d, children: f, side: p = "end" }) {
-	let m = n(null), h = t(), g = r(l), _ = n(u);
-	return _.current = u, i(() => {
-		let e = m.current;
-		if (e) if (g.value) try {
-			e.showPopover();
-		} catch {}
-		else try {
-			e.hidePopover();
-		} catch {}
-	}), /* @__PURE__ */ c("div", {
-		ref: m,
-		popover: "manual",
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": d == null ? void 0 : h,
-		"data-state": l ? "open" : "closed",
-		"data-side": p,
-		className: e.sheet,
-		children: [/* @__PURE__ */ c("div", {
-			className: e.header,
-			children: [d != null && /* @__PURE__ */ s("span", {
-				id: h,
-				className: e.title,
-				children: d
-			}), /* @__PURE__ */ s("button", {
-				type: "button",
-				"aria-label": o(a.sheet.close),
-				onClick: () => _.current(),
-				className: e.close,
-				children: "✕"
-			})]
-		}), /* @__PURE__ */ s("div", {
-			className: e.body,
-			"data-cascivo-sheet-body": "",
-			children: f
-		})]
-	});
-}
-//#endregion
-export { l as Sheet };
+"use client";import e from"./sheet.module.js";import{useId as t,useRef as n}from"react";import{useEffectPropSignal as r,useSignalEffect as i}from"@cascivo/core";import{builtin as a,t as o}from"@cascivo/i18n";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({open:l,onClose:u,title:d,children:f,side:p=`end`}){let m=n(null),h=t(),g=r(l),_=n(u);return _.current=u,i(()=>{let e=m.current;if(e)if(g.value)try{e.showPopover()}catch{}else try{e.hidePopover()}catch{}}),c(`div`,{ref:m,popover:`manual`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":d==null?void 0:h,"data-state":l?`open`:`closed`,"data-side":p,className:e.sheet,children:[c(`div`,{className:e.header,children:[d!=null&&s(`span`,{id:h,className:e.title,children:d}),s(`button`,{type:`button`,"aria-label":o(a.sheet.close),onClick:()=>_.current(),className:e.close,children:`✕`})]}),s(`div`,{className:e.body,"data-cascivo-sheet-body":``,children:f})]})}export{l as Sheet};

package/dist/sheet/sheet.module.js

@@ -1,10 +1,2 @@
 import './sheet.css';
-var e = {
-	sheet: "_sheet_gx7nz_2",
-	header: "_header_gx7nz_141",
-	title: "_title_gx7nz_150",
-	close: "_close_gx7nz_156",
-	body: "_body_gx7nz_184"
-};
-//#endregion
-export { e as default };
+var e={sheet:`_sheet_gx7nz_2`,header:`_header_gx7nz_141`,title:`_title_gx7nz_150`,close:`_close_gx7nz_156`,body:`_body_gx7nz_184`};export{e as default};

package/dist/shell-header/shell-header.css

@@ -1 +1 @@
-@layer cascivo.component{._header_6njjo_2{align-items:center;gap:var(--cascivo-space-2);block-size:var(--cascivo-shell-header-block-size);padding-inline:var(--cascivo-space-3);background:var(--cascivo-color-surface);border-block-end:1px solid var(--cascivo-color-border);font-family:var(--cascivo-font-sans);display:flex;position:relative}._skipLink_6njjo_14{z-index:100;padding:var(--cascivo-space-2) var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text);font-size:var(--cascivo-text-sm);clip-path:inset(50%);text-decoration:none;position:absolute;inset-block-start:var(--cascivo-space-2);inset-inline-start:var(--cascivo-space-2)}._skipLink_6njjo_14:focus-visible{clip-path:none;box-shadow:var(--cascivo-focus-ring);outline:none}._menuButton_6njjo_36{border-radius:var(--cascivo-radius-control);block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._menuButton_6njjo_36:hover{background:var(--cascivo-color-bg-subtle)}._menuButton_6njjo_36:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._brand_6njjo_59{align-items:baseline;gap:var(--cascivo-space-1);color:var(--cascivo-color-text);white-space:nowrap;font-size:var(--cascivo-text-sm);text-decoration:none;display:inline-flex}._brandPrefix_6njjo_69{font-weight:var(--cascivo-font-normal)}._brandName_6njjo_73{font-weight:var(--cascivo-font-semibold)}._nav_6njjo_77{min-inline-size:0}._navList_6njjo_81{align-items:center;gap:var(--cascivo-space-1);margin:0;padding:0;list-style:none;display:flex}._navLink_6njjo_90{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);white-space:nowrap;border-radius:var(--cascivo-radius-control);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);align-items:center;text-decoration:none;display:inline-flex}._navLink_6njjo_90:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navLink_6njjo_90:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navLink_6njjo_90[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._navMenuWrapper_6njjo_119{list-style:none;position:relative}._navMenuTrigger_6njjo_124{align-items:center;gap:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-control);cursor:pointer;white-space:nowrap;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;display:inline-flex}._navMenuTrigger_6njjo_124:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navMenuTrigger_6njjo_124:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navMenuTrigger_6njjo_124[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._chevron_6njjo_156{transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out)}[aria-expanded=true] ._chevron_6njjo_156{transform:rotate(180deg)}._navMenuPanel_6njjo_164{position-anchor:var(--cascivo-popover-anchor,inherit);margin:var(--cascivo-space-1) 0 0;padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);min-inline-size:12rem;box-shadow:var(--cascivo-shadow-md);transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;list-style:none;position:fixed;inset-block-start:anchor(end);inset-inline-start:anchor(start);translate:0}@starting-style{._navMenuPanel_6njjo_164{translate:0 -.5rem}}._navMenuPanel_6njjo_164[data-state=closed]{transition:translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete;translate:0 -.5rem}._navMenuItem_6njjo_197{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);white-space:nowrap;text-decoration:none;display:block}._navMenuItem_6njjo_197:hover,._navMenuItem_6njjo_197:focus-visible{background:var(--cascivo-color-bg-subtle);outline:none}._navMenuItem_6njjo_197[data-state=active]{background:var(--cascivo-color-active-bg);font-weight:var(--cascivo-font-medium)}._spacer_6njjo_219{flex:1}._center_6njjo_226{min-inline-size:0;padding-inline:var(--cascivo-space-2);flex:1;justify-content:center;align-items:center;display:flex}._actions_6njjo_235{align-items:center;gap:var(--cascivo-space-1);display:flex}._action_6njjo_235{border:none;block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-control);background:0 0;border-block-end:2px solid #0000;justify-content:center;align-items:center;display:inline-flex}._action_6njjo_235:hover{background:var(--cascivo-color-bg-subtle)}._action_6njjo_235:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._action_6njjo_235[data-state=active]{border-block-end-color:var(--cascivo-color-accent);background:var(--cascivo-color-bg-subtle)}._actionIcon_6njjo_269{justify-content:center;align-items:center;block-size:1.25rem;inline-size:1.25rem;display:inline-flex}._end_6njjo_277{align-items:center;gap:var(--cascivo-space-2);padding-inline-start:var(--cascivo-space-2);display:flex}}
+@layer cascivo.component{._header_awr9h_2{align-items:center;gap:var(--cascivo-space-2);block-size:var(--cascivo-shell-header-block-size);padding-inline:var(--cascivo-space-3);background:var(--cascivo-color-surface);border-block-end:1px solid var(--cascivo-color-border);font-family:var(--cascivo-font-sans);display:flex;position:relative}._skipLink_awr9h_14{z-index:100;padding:var(--cascivo-space-2) var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text);font-size:var(--cascivo-text-sm);clip-path:inset(50%);text-decoration:none;position:absolute;inset-block-start:var(--cascivo-space-2);inset-inline-start:var(--cascivo-space-2)}._skipLink_awr9h_14:focus-visible{clip-path:none;box-shadow:var(--cascivo-focus-ring);outline:none}._menuButton_awr9h_36{border-radius:var(--cascivo-radius-control);block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._menuButton_awr9h_36:hover{background:var(--cascivo-color-bg-subtle)}._menuButton_awr9h_36:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._brand_awr9h_59{align-items:baseline;gap:var(--cascivo-space-1);color:var(--cascivo-color-text);white-space:nowrap;font-size:var(--cascivo-text-sm);text-decoration:none;display:inline-flex}._brandPrefix_awr9h_69{font-weight:var(--cascivo-font-normal)}._brandName_awr9h_73{font-weight:var(--cascivo-font-semibold)}._nav_awr9h_77{min-inline-size:0}._navList_awr9h_81{align-items:center;gap:var(--cascivo-space-1);margin:0;padding:0;list-style:none;display:flex}._navLink_awr9h_90{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);white-space:nowrap;border-radius:var(--cascivo-radius-control);transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);align-items:center;text-decoration:none;display:inline-flex}._navLink_awr9h_90:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navLink_awr9h_90:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navLink_awr9h_90[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._navMenuWrapper_awr9h_119{list-style:none;position:relative}._navMenuTrigger_awr9h_124{align-items:center;gap:var(--cascivo-space-1);padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);border-radius:var(--cascivo-radius-control);cursor:pointer;white-space:nowrap;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;display:inline-flex}._navMenuTrigger_awr9h_124:hover{color:var(--cascivo-color-text);background:var(--cascivo-color-bg-subtle)}._navMenuTrigger_awr9h_124:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._navMenuTrigger_awr9h_124[data-state=active]{color:var(--cascivo-color-text);font-weight:var(--cascivo-font-semibold);background:var(--cascivo-color-bg-subtle)}._chevron_awr9h_156{transition:rotate var(--cascivo-duration-150) var(--cascivo-ease-out)}[aria-expanded=true] ._chevron_awr9h_156{rotate:180deg}._navMenuPanel_awr9h_164{position-anchor:var(--cascivo-popover-anchor,inherit);margin:var(--cascivo-space-1) 0 0;padding:var(--cascivo-space-1);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);min-inline-size:12rem;box-shadow:var(--cascivo-shadow-md);transition:translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;list-style:none;position:fixed;inset-block-start:anchor(end);inset-inline-start:anchor(start);translate:0}@starting-style{._navMenuPanel_awr9h_164{translate:0 -.5rem}}._navMenuPanel_awr9h_164[data-state=closed]{transition:translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete;translate:0 -.5rem}._navMenuItem_awr9h_197{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);white-space:nowrap;text-decoration:none;display:block}._navMenuItem_awr9h_197:hover,._navMenuItem_awr9h_197:focus-visible{background:var(--cascivo-color-bg-subtle);outline:none}._navMenuItem_awr9h_197[data-state=active]{background:var(--cascivo-color-active-bg);font-weight:var(--cascivo-font-medium)}._spacer_awr9h_219{flex:1}._center_awr9h_226{min-inline-size:0;padding-inline:var(--cascivo-space-2);flex:1;justify-content:center;align-items:center;display:flex}._actions_awr9h_235{align-items:center;gap:var(--cascivo-space-1);display:flex}._action_awr9h_235{border:none;block-size:2.5rem;inline-size:2.5rem;color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-control);background:0 0;border-block-end:2px solid #0000;justify-content:center;align-items:center;display:inline-flex}._action_awr9h_235:hover{background:var(--cascivo-color-bg-subtle)}._action_awr9h_235:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._action_awr9h_235[data-state=active]{border-block-end-color:var(--cascivo-color-accent);background:var(--cascivo-color-bg-subtle)}._actionIcon_awr9h_269{justify-content:center;align-items:center;block-size:1.25rem;inline-size:1.25rem;display:inline-flex}._end_awr9h_277{align-items:center;gap:var(--cascivo-space-2);padding-inline-start:var(--cascivo-space-2);display:flex}}