@cascivo/react 1.0.0 → 1.2.0

package/dist/node/command-menu/command-menu.js

@@ -1,421 +1 @@
-"use client";
-
-import { Spinner as e } from "../spinner/spinner.js";
-import { Kbd as t } from "../kbd/kbd.js";
-import n from "./command-menu.module.js";
-import { useId as r, useRef as i } from "react";
-import { batch as a, cn as o, focusElement as s, useEffectPropSignal as c, useSignal as l, useSignalEffect as u, useSignals as d } from "@cascivo/core";
-import { builtin as f, t as p } from "@cascivo/i18n";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region ../components/src/command-menu/command-menu.tsx
-function g(e, t) {
-	if (e.length === 0) return {
-		score: 1,
-		indices: []
-	};
-	let n = e.toLowerCase(), r = t.toLowerCase(), i = 0, a = 0, o = -2, s = [];
-	for (let e = 0; e < r.length && a < n.length; e++) {
-		if (r[e] !== n[a]) continue;
-		i += 1, e === o + 1 && (i += 4);
-		let t = e === 0 ? " " : r[e - 1];
-		(t === " " || t === "-" || t === "_" || t === "/") && (i += 8), o = e, s.push(e), a++;
-	}
-	return a === n.length ? {
-		score: i,
-		indices: s
-	} : null;
-}
-function _(e, t) {
-	return g(e, t)?.score ?? 0;
-}
-function v(e, t) {
-	let n = _(e, t.label);
-	for (let r of t.keywords ?? []) {
-		let t = _(e, r);
-		t > n && (n = t);
-	}
-	return n;
-}
-function ee(e, t) {
-	if (t.length === 0) return e;
-	let r = new Set(t), i = [], a = "", o = r.has(0), s = (e) => {
-		a !== "" && (i.push(o ? /* @__PURE__ */ m("mark", {
-			className: n.match,
-			children: a
-		}, e) : a), a = "");
-	};
-	for (let t = 0; t < e.length; t++) {
-		let n = r.has(t);
-		n !== o && (s(t), o = n), a += e[t];
-	}
-	return s(e.length), i;
-}
-function te(e, t) {
-	for (let n of t) {
-		let t = n.prefix;
-		if (t) {
-			if (e.startsWith(`${t} `) || e.startsWith(`${t}:`)) return {
-				scope: n,
-				rest: e.slice(t.length + 1).replace(/^\s+/, "")
-			};
-			if (!/\w/.test(t) && e.startsWith(t)) return {
-				scope: n,
-				rest: e.slice(t.length).replace(/^\s+/, "")
-			};
-		}
-	}
-	return null;
-}
-function y({ open: _, onOpenChange: y, groups: ne, placeholder: b, emptyLabel: x, hotkey: re = !0, label: S, ariaLabel: ie, loading: C = !1, onQueryChange: w, scopes: T = [], className: ae }) {
-	d();
-	let E = ie ?? S ?? p(f.commandMenu.label), D = x ?? p(f.commandMenu.empty), O = r(), k = `${O}-listbox`, A = i(null), j = i(null), M = i([]), N = i(y);
-	N.current = y;
-	let P = i(w);
-	P.current = w;
-	let F = c(_), oe = c(re), I = l(""), L = l(0), R = l([]), z = l(null), se = R.value.at(-1)?.groups ?? ne, B = b ?? R.value.at(-1)?.placeholder ?? p(f.commandMenu.placeholder), V = T.find((e) => e.id === z.value) ?? null, H = se.filter((e) => !z.value || !e.scope || e.scope === z.value).map((e) => ({
-		heading: e.heading,
-		items: e.items.map((e) => ({
-			item: e,
-			score: v(I.value, e)
-		})).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score).map(({ item: e }) => ({
-			item: e,
-			indices: g(I.value, e.label)?.indices ?? []
-		}))
-	})).filter((e) => e.items.length > 0), U = H.flatMap((e) => e.items.map((e) => e.item)), W = U.flatMap((e, t) => e.disabled ? [] : [t]), G = W.includes(L.value) ? L.value : W[0] ?? -1, K = (e) => `${O}-option-${e}`;
-	u(() => {
-		let e = A.current;
-		e && (F.value ? e.open || (a(() => {
-			I.value = "", L.value = 0, R.value = [], z.value = null;
-		}), typeof e.showModal == "function" && e.showModal(), s(j.current)) : e.open && (R.value = [], e.close()));
-	}), u(() => {
-		let e = A.current;
-		if (!e) return;
-		let t = () => N.current(!1);
-		return e.addEventListener("close", t), () => e.removeEventListener("close", t);
-	}), u(() => {
-		if (!oe.value) return;
-		let e = (e) => {
-			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), N.current(!F.value));
-		};
-		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	});
-	let q = (e) => {
-		L.value = e;
-		let t = M.current[e];
-		t && typeof t.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
-	}, J = (e) => {
-		if (W.length === 0) return;
-		let t = W[(W.indexOf(G) + e + W.length) % W.length];
-		t !== void 0 && q(t);
-	}, Y = (e) => {
-		e.onSelect(), y(!1);
-	}, X = (e, t) => {
-		if (!(!e || e.disabled)) {
-			if (e.page) {
-				if (t === "secondary") return;
-				a(() => {
-					R.value = [...R.value, e.page], I.value = "", L.value = 0;
-				});
-				return;
-			}
-			if (e.actions && e.actions.length > 0) {
-				let n = t === "secondary" ? e.actions[1] : e.actions[0];
-				n && Y(n);
-				return;
-			}
-			t !== "secondary" && (e.onSelect?.(), y(!1));
-		}
-	}, ce = (e) => {
-		if (T.length === 0) return;
-		let t = [null, ...T.map((e) => e.id)], n = t[(t.indexOf(z.value) + e + t.length) % t.length];
-		a(() => {
-			z.value = n ?? null, L.value = 0;
-		});
-	}, Z = () => {
-		a(() => {
-			z.value = null, L.value = 0;
-		}), s(j.current);
-	}, Q = () => {
-		a(() => {
-			R.value = R.value.slice(0, -1), I.value = "", L.value = 0;
-		});
-	}, le = (e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), J(1);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), J(-1);
-				break;
-			case "Tab":
-				T.length > 0 && (e.preventDefault(), ce(e.shiftKey ? -1 : 1));
-				break;
-			case "Home":
-				e.preventDefault(), W[0] !== void 0 && q(W[0]);
-				break;
-			case "End": {
-				e.preventDefault();
-				let t = W[W.length - 1];
-				t !== void 0 && q(t);
-				break;
-			}
-			case "Enter":
-				e.preventDefault(), G >= 0 && X(U[G], e.metaKey || e.ctrlKey ? "secondary" : "primary");
-				break;
-			case "Backspace":
-				I.value === "" && (R.value.length > 0 ? (e.preventDefault(), Q()) : z.value && (e.preventDefault(), Z()));
-				break;
-		}
-	}, ue = (e) => {
-		e.key === "Escape" && (e.preventDefault(), R.value.length > 0 ? Q() : A.current?.close());
-	}, de = (e) => {
-		e.target === A.current && A.current?.close();
-	}, $ = -1;
-	return /* @__PURE__ */ m("dialog", {
-		ref: A,
-		"aria-label": E,
-		className: o(n.dialog, ae),
-		onClick: de,
-		onKeyDown: ue,
-		children: /* @__PURE__ */ h("div", {
-			className: n.panel,
-			children: [
-				/* @__PURE__ */ h("div", {
-					className: n.search,
-					children: [
-						/* @__PURE__ */ h("svg", {
-							className: n.searchIcon,
-							"aria-hidden": "true",
-							viewBox: "0 0 16 16",
-							width: "16",
-							height: "16",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							children: [/* @__PURE__ */ m("circle", {
-								cx: "7",
-								cy: "7",
-								r: "4.5"
-							}), /* @__PURE__ */ m("line", {
-								x1: "10.5",
-								y1: "10.5",
-								x2: "14",
-								y2: "14"
-							})]
-						}),
-						V && /* @__PURE__ */ h("span", {
-							className: n.scopeChip,
-							children: [V.label, /* @__PURE__ */ m("button", {
-								type: "button",
-								className: n.scopeClear,
-								"aria-label": p(f.commandMenu.clearScope),
-								onClick: Z,
-								children: /* @__PURE__ */ m("svg", {
-									viewBox: "0 0 16 16",
-									width: "12",
-									height: "12",
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ m("path", {
-										d: "M4 4l8 8M12 4l-8 8",
-										fill: "none",
-										stroke: "currentColor",
-										strokeWidth: "1.5",
-										strokeLinecap: "round"
-									})
-								})
-							})]
-						}),
-						/* @__PURE__ */ m("input", {
-							ref: j,
-							type: "text",
-							role: "combobox",
-							"aria-expanded": "true",
-							"aria-controls": k,
-							"aria-activedescendant": G >= 0 ? K(G) : void 0,
-							"aria-autocomplete": "list",
-							"aria-label": E,
-							autoComplete: "off",
-							spellCheck: !1,
-							className: n.input,
-							placeholder: B,
-							value: I.value,
-							onChange: (e) => {
-								let t = e.target.value;
-								if (!z.value && T.length > 0) {
-									let e = te(t, T);
-									e && (z.value = e.scope.id, t = e.rest);
-								}
-								I.value = t, L.value = 0, P.current?.(t);
-							},
-							onKeyDown: le
-						})
-					]
-				}),
-				T.length > 0 && /* @__PURE__ */ h("div", {
-					className: n.scopes,
-					children: [/* @__PURE__ */ m("span", {
-						className: n.scopesLabel,
-						children: p(f.commandMenu.scopeLabel)
-					}), T.map((e) => /* @__PURE__ */ h("button", {
-						type: "button",
-						className: n.scopePill,
-						"data-active": e.id === z.value || void 0,
-						onClick: () => {
-							a(() => {
-								z.value = z.value === e.id ? null : e.id, L.value = 0;
-							}), s(j.current);
-						},
-						children: [e.prefix && /* @__PURE__ */ m("span", {
-							className: n.scopePrefix,
-							children: e.prefix
-						}), e.label]
-					}, e.id))]
-				}),
-				/* @__PURE__ */ h("div", {
-					className: n.list,
-					children: [/* @__PURE__ */ m("div", {
-						role: "listbox",
-						id: k,
-						"aria-label": S,
-						tabIndex: 0,
-						children: H.map((e, r) => /* @__PURE__ */ h("div", {
-							role: "group",
-							"aria-label": e.heading,
-							className: n.group,
-							children: [e.heading && /* @__PURE__ */ h("div", {
-								className: n.heading,
-								"aria-hidden": "true",
-								children: [/* @__PURE__ */ m("span", { children: e.heading }), I.value !== "" && /* @__PURE__ */ m("span", {
-									className: n.count,
-									children: p(f.commandMenu.matches, { count: e.items.length })
-								})]
-							}), e.items.map((e) => {
-								let { item: r, indices: i } = e;
-								$++;
-								let a = $;
-								return /* @__PURE__ */ h("div", {
-									ref: (e) => {
-										M.current[a] = e;
-									},
-									id: K(a),
-									role: "option",
-									"aria-selected": a === G,
-									"aria-disabled": r.disabled || void 0,
-									"data-state": a === G ? "active" : void 0,
-									"data-disabled": r.disabled || void 0,
-									className: n.option,
-									onMouseEnter: () => {
-										r.disabled || (L.value = a);
-									},
-									onClick: () => X(r, "primary"),
-									children: [
-										r.icon && /* @__PURE__ */ m("span", {
-											className: n.icon,
-											"aria-hidden": "true",
-											children: r.icon
-										}),
-										/* @__PURE__ */ h("span", {
-											className: n.text,
-											children: [/* @__PURE__ */ m("span", {
-												className: n.label,
-												children: ee(r.label, i)
-											}), r.description && /* @__PURE__ */ m("span", {
-												className: n.description,
-												children: r.description
-											})]
-										}),
-										r.status && /* @__PURE__ */ h("span", {
-											className: n.status,
-											"data-tone": r.status.tone ?? "neutral",
-											children: [/* @__PURE__ */ m("span", {
-												className: n.statusDot,
-												"aria-hidden": "true"
-											}), r.status.label]
-										}),
-										r.actions && r.actions.length > 0 && /* @__PURE__ */ m("span", {
-											className: n.actions,
-											children: r.actions.map((e) => /* @__PURE__ */ h("span", {
-												className: n.action,
-												onClick: (t) => {
-													t.stopPropagation(), Y(e);
-												},
-												children: [e.label, e.shortcut && /* @__PURE__ */ m("span", {
-													className: n.actionKeys,
-													"aria-hidden": "true",
-													children: e.shortcut.map((e, n) => /* @__PURE__ */ m(t, {
-														size: "sm",
-														children: e
-													}, n))
-												})]
-											}, e.id))
-										}),
-										r.shortcut && /* @__PURE__ */ m("span", {
-											className: n.shortcut,
-											"aria-hidden": "true",
-											children: r.shortcut.map((e, n) => /* @__PURE__ */ m(t, {
-												size: "sm",
-												children: e
-											}, n))
-										})
-									]
-								}, r.id);
-							})]
-						}, e.heading ?? `group-${r}`))
-					}), U.length === 0 && (C ? /* @__PURE__ */ h("div", {
-						role: "status",
-						className: n.empty,
-						children: [/* @__PURE__ */ m(e, { size: "sm" }), p(f.commandMenu.loading)]
-					}) : /* @__PURE__ */ m("div", {
-						role: "status",
-						className: n.empty,
-						children: D
-					}))]
-				}),
-				/* @__PURE__ */ h("div", {
-					className: n.footer,
-					"aria-hidden": "true",
-					children: [
-						/* @__PURE__ */ h("span", {
-							className: n.hint,
-							children: [
-								/* @__PURE__ */ m(t, {
-									size: "sm",
-									children: "↑"
-								}),
-								/* @__PURE__ */ m(t, {
-									size: "sm",
-									children: "↓"
-								}),
-								" navigate"
-							]
-						}),
-						/* @__PURE__ */ h("span", {
-							className: n.hint,
-							children: [/* @__PURE__ */ m(t, {
-								size: "sm",
-								children: "↵"
-							}), " open"]
-						}),
-						T.length > 0 && /* @__PURE__ */ h("span", {
-							className: n.hint,
-							children: [/* @__PURE__ */ m(t, {
-								size: "sm",
-								children: "Tab"
-							}), " scope"]
-						}),
-						/* @__PURE__ */ h("span", {
-							className: n.hint,
-							children: [/* @__PURE__ */ m(t, {
-								size: "sm",
-								children: "esc"
-							}), " close"]
-						})
-					]
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { y as CommandMenu, g as fuzzyMatch, _ as fuzzyScore };
+"use client";import{Spinner as e}from"../spinner/spinner.js";import{Kbd as t}from"../kbd/kbd.js";import n from"./command-menu.module.js";import{useId as r,useRef as i}from"react";import{batch as a,cn as o,focusElement as s,useEffectPropSignal as c,useSignal as l,useSignalEffect as u,useSignals as d}from"@cascivo/core";import{builtin as f,t as p}from"@cascivo/i18n";import{jsx as m,jsxs as h}from"react/jsx-runtime";function fuzzyMatch(e,t){if(e.length===0)return{score:1,indices:[]};let n=e.toLowerCase(),r=t.toLowerCase(),i=0,a=0,o=-2,s=[];for(let e=0;e<r.length&&a<n.length;e++){if(r[e]!==n[a])continue;i+=1,e===o+1&&(i+=4);let t=e===0?` `:r[e-1];(t===` `||t===`-`||t===`_`||t===`/`)&&(i+=8),o=e,s.push(e),a++}return a===n.length?{score:i,indices:s}:null}function fuzzyScore(e,t){return fuzzyMatch(e,t)?.score??0}function itemScore(e,t){let n=fuzzyScore(e,t.label);for(let r of t.keywords??[]){let t=fuzzyScore(e,r);t>n&&(n=t)}return n}function highlightLabel(e,t){if(t.length===0)return e;let r=new Set(t),i=[],a=``,o=r.has(0),flush=e=>{a!==``&&(i.push(o?m(`mark`,{className:n.match,children:a},e):a),a=``)};for(let t=0;t<e.length;t++){let n=r.has(t);n!==o&&(flush(t),o=n),a+=e[t]}return flush(e.length),i}function matchScopePrefix(e,t){for(let n of t){let t=n.prefix;if(t){if(e.startsWith(`${t} `)||e.startsWith(`${t}:`))return{scope:n,rest:e.slice(t.length+1).replace(/^\s+/,``)};if(!/\w/.test(t)&&e.startsWith(t))return{scope:n,rest:e.slice(t.length).replace(/^\s+/,``)}}}return null}function CommandMenu({open:g,onOpenChange:_,groups:v,placeholder:y,emptyLabel:b,hotkey:x=!0,label:S,ariaLabel:C,loading:w=!1,onQueryChange:T,scopes:E=[],className:D}){d();let O=C??S??p(f.commandMenu.label),k=b??p(f.commandMenu.empty),A=r(),j=`${A}-listbox`,M=i(null),N=i(null),P=i([]),F=i(_);F.current=_;let I=i(T);I.current=T;let L=c(g),R=c(x),z=l(``),B=l(0),V=l([]),H=l(null),U=V.value.at(-1)?.groups??v,W=y??V.value.at(-1)?.placeholder??p(f.commandMenu.placeholder),G=E.find(e=>e.id===H.value)??null,K=U.filter(e=>!H.value||!e.scope||e.scope===H.value).map(e=>({heading:e.heading,items:e.items.map(e=>({item:e,score:itemScore(z.value,e)})).filter(({score:e})=>e>0).sort((e,t)=>t.score-e.score).map(({item:e})=>({item:e,indices:fuzzyMatch(z.value,e.label)?.indices??[]}))})).filter(e=>e.items.length>0),q=K.flatMap(e=>e.items.map(e=>e.item)),J=q.flatMap((e,t)=>e.disabled?[]:[t]),Y=J.includes(B.value)?B.value:J[0]??-1,optionId=e=>`${A}-option-${e}`;u(()=>{let e=M.current;e&&(L.value?e.open||(a(()=>{z.value=``,B.value=0,V.value=[],H.value=null}),typeof e.showModal==`function`&&e.showModal(),s(N.current)):e.open&&(V.value=[],e.close()))}),u(()=>{let e=M.current;if(!e)return;let handler=()=>F.current(!1);return e.addEventListener(`close`,handler),()=>e.removeEventListener(`close`,handler)}),u(()=>{if(!R.value)return;let handler=e=>{(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===`k`&&(e.preventDefault(),F.current(!L.value))};return window.addEventListener(`keydown`,handler),()=>window.removeEventListener(`keydown`,handler)});let setActive=e=>{B.value=e;let t=P.current[e];t&&typeof t.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})},moveActive=e=>{if(J.length===0)return;let t=J[(J.indexOf(Y)+e+J.length)%J.length];t!==void 0&&setActive(t)},runAction=e=>{e.onSelect(),_(!1)},activateItem=(e,t)=>{if(!(!e||e.disabled)){if(e.page){if(t===`secondary`)return;a(()=>{V.value=[...V.value,e.page],z.value=``,B.value=0});return}if(e.actions&&e.actions.length>0){let n=t===`secondary`?e.actions[1]:e.actions[0];n&&runAction(n);return}t!==`secondary`&&(e.onSelect?.(),_(!1))}},cycleScope=e=>{if(E.length===0)return;let t=[null,...E.map(e=>e.id)],n=t[(t.indexOf(H.value)+e+t.length)%t.length];a(()=>{H.value=n??null,B.value=0})},clearScope=()=>{a(()=>{H.value=null,B.value=0}),s(N.current)},popPage=()=>{a(()=>{V.value=V.value.slice(0,-1),z.value=``,B.value=0})},handleInputKeyDown=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),moveActive(1);break;case`ArrowUp`:e.preventDefault(),moveActive(-1);break;case`Tab`:E.length>0&&(e.preventDefault(),cycleScope(e.shiftKey?-1:1));break;case`Home`:e.preventDefault(),J[0]!==void 0&&setActive(J[0]);break;case`End`:{e.preventDefault();let t=J[J.length-1];t!==void 0&&setActive(t);break}case`Enter`:e.preventDefault(),Y>=0&&activateItem(q[Y],e.metaKey||e.ctrlKey?`secondary`:`primary`);break;case`Backspace`:z.value===``&&(V.value.length>0?(e.preventDefault(),popPage()):H.value&&(e.preventDefault(),clearScope()));break}},handleDialogKeyDown=e=>{e.key===`Escape`&&(e.preventDefault(),V.value.length>0?popPage():M.current?.close())},handleBackdropClick=e=>{e.target===M.current&&M.current?.close()},X=-1;return m(`dialog`,{ref:M,"aria-label":O,className:o(n.dialog,D),onClick:handleBackdropClick,onKeyDown:handleDialogKeyDown,children:h(`div`,{className:n.panel,children:[h(`div`,{className:n.search,children:[h(`svg`,{className:n.searchIcon,"aria-hidden":`true`,viewBox:`0 0 16 16`,width:`16`,height:`16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,children:[m(`circle`,{cx:`7`,cy:`7`,r:`4.5`}),m(`line`,{x1:`10.5`,y1:`10.5`,x2:`14`,y2:`14`})]}),G&&h(`span`,{className:n.scopeChip,children:[G.label,m(`button`,{type:`button`,className:n.scopeClear,"aria-label":p(f.commandMenu.clearScope),onClick:clearScope,children:m(`svg`,{viewBox:`0 0 16 16`,width:`12`,height:`12`,"aria-hidden":`true`,children:m(`path`,{d:`M4 4l8 8M12 4l-8 8`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})})})]}),m(`input`,{ref:N,type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-controls":j,"aria-activedescendant":Y>=0?optionId(Y):void 0,"aria-autocomplete":`list`,"aria-label":O,autoComplete:`off`,spellCheck:!1,className:n.input,placeholder:W,value:z.value,onChange:e=>{let t=e.target.value;if(!H.value&&E.length>0){let e=matchScopePrefix(t,E);e&&(H.value=e.scope.id,t=e.rest)}z.value=t,B.value=0,I.current?.(t)},onKeyDown:handleInputKeyDown})]}),E.length>0&&h(`div`,{className:n.scopes,children:[m(`span`,{className:n.scopesLabel,children:p(f.commandMenu.scopeLabel)}),E.map(e=>h(`button`,{type:`button`,className:n.scopePill,"data-active":e.id===H.value||void 0,onClick:()=>{a(()=>{H.value=H.value===e.id?null:e.id,B.value=0}),s(N.current)},children:[e.prefix&&m(`span`,{className:n.scopePrefix,children:e.prefix}),e.label]},e.id))]}),h(`div`,{className:n.list,children:[m(`div`,{role:`listbox`,id:j,"aria-label":S,tabIndex:0,children:K.map((e,r)=>h(`div`,{role:`group`,"aria-label":e.heading,className:n.group,children:[e.heading&&h(`div`,{className:n.heading,"aria-hidden":`true`,children:[m(`span`,{children:e.heading}),z.value!==``&&m(`span`,{className:n.count,children:p(f.commandMenu.matches,{count:e.items.length})})]}),e.items.map(e=>{let{item:r,indices:i}=e;X++;let a=X;return h(`div`,{ref:e=>{P.current[a]=e},id:optionId(a),role:`option`,"aria-selected":a===Y,"aria-disabled":r.disabled||void 0,"data-state":a===Y?`active`:void 0,"data-disabled":r.disabled||void 0,className:n.option,onMouseEnter:()=>{r.disabled||(B.value=a)},onClick:()=>activateItem(r,`primary`),children:[r.icon&&m(`span`,{className:n.icon,"aria-hidden":`true`,children:r.icon}),h(`span`,{className:n.text,children:[m(`span`,{className:n.label,children:highlightLabel(r.label,i)}),r.description&&m(`span`,{className:n.description,children:r.description})]}),r.status&&h(`span`,{className:n.status,"data-tone":r.status.tone??`neutral`,children:[m(`span`,{className:n.statusDot,"aria-hidden":`true`}),r.status.label]}),r.actions&&r.actions.length>0&&m(`span`,{className:n.actions,children:r.actions.map(e=>h(`span`,{className:n.action,onClick:t=>{t.stopPropagation(),runAction(e)},children:[e.label,e.shortcut&&m(`span`,{className:n.actionKeys,"aria-hidden":`true`,children:e.shortcut.map((e,n)=>m(t,{size:`sm`,children:e},n))})]},e.id))}),r.shortcut&&m(`span`,{className:n.shortcut,"aria-hidden":`true`,children:r.shortcut.map((e,n)=>m(t,{size:`sm`,children:e},n))})]},r.id)})]},e.heading??`group-${r}`))}),q.length===0&&(w?h(`div`,{role:`status`,className:n.empty,children:[m(e,{size:`sm`}),p(f.commandMenu.loading)]}):m(`div`,{role:`status`,className:n.empty,children:k}))]}),h(`div`,{className:n.footer,"aria-hidden":`true`,children:[h(`span`,{className:n.hint,children:[m(t,{size:`sm`,children:`↑`}),m(t,{size:`sm`,children:`↓`}),` navigate`]}),h(`span`,{className:n.hint,children:[m(t,{size:`sm`,children:`↵`}),` open`]}),E.length>0&&h(`span`,{className:n.hint,children:[m(t,{size:`sm`,children:`Tab`}),` scope`]}),h(`span`,{className:n.hint,children:[m(t,{size:`sm`,children:`esc`}),` close`]})]})]})})}export{CommandMenu,fuzzyMatch,fuzzyScore};

package/dist/node/command-menu/command-menu.module.js

@@ -1,34 +1 @@
-var e = {
-	dialog: "_dialog_1dfrg_2",
-	panel: "_panel_1dfrg_62",
-	search: "_search_1dfrg_72",
-	searchIcon: "_searchIcon_1dfrg_80",
-	scopeChip: "_scopeChip_1dfrg_85",
-	scopeClear: "_scopeClear_1dfrg_101",
-	input: "_input_1dfrg_123",
-	scopes: "_scopes_1dfrg_142",
-	scopesLabel: "_scopesLabel_1dfrg_153",
-	scopePill: "_scopePill_1dfrg_163",
-	scopePrefix: "_scopePrefix_1dfrg_193",
-	list: "_list_1dfrg_199",
-	group: "_group_1dfrg_205",
-	heading: "_heading_1dfrg_209",
-	count: "_count_1dfrg_222",
-	option: "_option_1dfrg_228",
-	icon: "_icon_1dfrg_253",
-	text: "_text_1dfrg_260",
-	label: "_label_1dfrg_268",
-	match: "_match_1dfrg_274",
-	description: "_description_1dfrg_280",
-	status: "_status_1dfrg_289",
-	statusDot: "_statusDot_1dfrg_316",
-	actions: "_actions_1dfrg_325",
-	action: "_action_1dfrg_325",
-	actionKeys: "_actionKeys_1dfrg_369",
-	shortcut: "_shortcut_1dfrg_374",
-	empty: "_empty_1dfrg_392",
-	footer: "_footer_1dfrg_400",
-	hint: "_hint_1dfrg_411"
-};
-//#endregion
-export { e as default };
+var e={dialog:`_dialog_1dfrg_2`,panel:`_panel_1dfrg_62`,search:`_search_1dfrg_72`,searchIcon:`_searchIcon_1dfrg_80`,scopeChip:`_scopeChip_1dfrg_85`,scopeClear:`_scopeClear_1dfrg_101`,input:`_input_1dfrg_123`,scopes:`_scopes_1dfrg_142`,scopesLabel:`_scopesLabel_1dfrg_153`,scopePill:`_scopePill_1dfrg_163`,scopePrefix:`_scopePrefix_1dfrg_193`,list:`_list_1dfrg_199`,group:`_group_1dfrg_205`,heading:`_heading_1dfrg_209`,count:`_count_1dfrg_222`,option:`_option_1dfrg_228`,icon:`_icon_1dfrg_253`,text:`_text_1dfrg_260`,label:`_label_1dfrg_268`,match:`_match_1dfrg_274`,description:`_description_1dfrg_280`,status:`_status_1dfrg_289`,statusDot:`_statusDot_1dfrg_316`,actions:`_actions_1dfrg_325`,action:`_action_1dfrg_325`,actionKeys:`_actionKeys_1dfrg_369`,shortcut:`_shortcut_1dfrg_374`,empty:`_empty_1dfrg_392`,footer:`_footer_1dfrg_400`,hint:`_hint_1dfrg_411`};export{e as default};

package/dist/node/comparison/comparison.js

@@ -1,69 +1 @@
-"use client";
-
-import e from "./comparison.module.js";
-import { useRef as t } from "react";
-import { cn as n, useControllableSignal as r, useSignal as i, useSignals as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../components/src/comparison/comparison.tsx
-var u = (e) => Math.min(100, Math.max(0, e));
-function d({ after: d, before: f, position: p, defaultPosition: m = 50, onPositionChange: h, orientation: g = "horizontal", keyboardStep: _ = 5, label: v, ariaLabel: y, className: b, ...x }) {
-	a();
-	let S = t(null), C = i(!1), [w, T] = r({
-		value: p,
-		defaultValue: m,
-		onChange: h
-	}), E = Math.round(u(w.value)), D = (e) => {
-		let t = S.current;
-		if (!t) return;
-		let n = t.getBoundingClientRect();
-		T(u(g === "vertical" ? (e.clientY - n.top) / n.height * 100 : (e.clientX - n.left) / n.width * 100));
-	}, O = (e) => {
-		let t = g === "vertical" ? "ArrowUp" : "ArrowLeft", n = g === "vertical" ? "ArrowDown" : "ArrowRight", r = null;
-		e.key === t || e.key === "ArrowLeft" || e.key === "ArrowUp" ? r = E - _ : e.key === n || e.key === "ArrowRight" || e.key === "ArrowDown" ? r = E + _ : e.key === "Home" ? r = 0 : e.key === "End" ? r = 100 : e.key === "PageUp" ? r = E + _ * 2 : e.key === "PageDown" && (r = E - _ * 2), r !== null && (e.preventDefault(), T(u(r)));
-	};
-	return /* @__PURE__ */ l("div", {
-		ref: S,
-		"data-orientation": g,
-		"data-dragging": C.value || void 0,
-		className: n(e.comparison, b),
-		style: { "--position": `${E}%` },
-		onPointerDown: (e) => {
-			C.value = !0, e.currentTarget.setPointerCapture?.(e.pointerId), D(e);
-		},
-		onPointerMove: (e) => {
-			C.value && D(e);
-		},
-		onPointerUp: (e) => {
-			C.value = !1, e.currentTarget.releasePointerCapture?.(e.pointerId);
-		},
-		...x,
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: e.item,
-				children: d
-			}),
-			/* @__PURE__ */ c("div", {
-				className: e.before,
-				"aria-hidden": "true",
-				children: f
-			}),
-			/* @__PURE__ */ c("div", {
-				className: e.divider,
-				children: /* @__PURE__ */ c("div", {
-					role: "slider",
-					tabIndex: 0,
-					"aria-label": y ?? v ?? s(o.comparison.label),
-					"aria-orientation": g,
-					"aria-valuemin": 0,
-					"aria-valuemax": 100,
-					"aria-valuenow": E,
-					className: e.handle,
-					onKeyDown: O
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { d as Comparison };
+"use client";import e from"./comparison.module.js";import{useRef as t}from"react";import{cn as n,useControllableSignal as r,useSignal as i,useSignals as a}from"@cascivo/core";import{builtin as o,t as s}from"@cascivo/i18n";import{jsx as c,jsxs as l}from"react/jsx-runtime";var clamp=e=>Math.min(100,Math.max(0,e));function Comparison({after:u,before:d,position:f,defaultPosition:p=50,onPositionChange:m,orientation:h=`horizontal`,keyboardStep:g=5,label:_,ariaLabel:v,className:y,...b}){a();let x=t(null),S=i(!1),[C,w]=r({value:f,defaultValue:p,onChange:m}),T=Math.round(clamp(C.value)),updateFromPointer=e=>{let t=x.current;if(!t)return;let n=t.getBoundingClientRect();w(clamp(h===`vertical`?(e.clientY-n.top)/n.height*100:(e.clientX-n.left)/n.width*100))},onKeyDown=e=>{let t=h===`vertical`?`ArrowUp`:`ArrowLeft`,n=h===`vertical`?`ArrowDown`:`ArrowRight`,r=null;e.key===t||e.key===`ArrowLeft`||e.key===`ArrowUp`?r=T-g:e.key===n||e.key===`ArrowRight`||e.key===`ArrowDown`?r=T+g:e.key===`Home`?r=0:e.key===`End`?r=100:e.key===`PageUp`?r=T+g*2:e.key===`PageDown`&&(r=T-g*2),r!==null&&(e.preventDefault(),w(clamp(r)))};return l(`div`,{ref:x,"data-orientation":h,"data-dragging":S.value||void 0,className:n(e.comparison,y),style:{"--position":`${T}%`},onPointerDown:e=>{S.value=!0,e.currentTarget.setPointerCapture?.(e.pointerId),updateFromPointer(e)},onPointerMove:e=>{S.value&&updateFromPointer(e)},onPointerUp:e=>{S.value=!1,e.currentTarget.releasePointerCapture?.(e.pointerId)},...b,children:[c(`div`,{className:e.item,children:u}),c(`div`,{className:e.before,"aria-hidden":`true`,children:d}),c(`div`,{className:e.divider,children:c(`div`,{role:`slider`,tabIndex:0,"aria-label":v??_??s(o.comparison.label),"aria-orientation":h,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":T,className:e.handle,onKeyDown})})]})}export{Comparison};

package/dist/node/comparison/comparison.module.js

@@ -1,9 +1 @@
-var e = {
-	comparison: "_comparison_zo41p_2",
-	item: "_item_zo41p_11",
-	before: "_before_zo41p_12",
-	divider: "_divider_zo41p_36",
-	handle: "_handle_zo41p_56"
-};
-//#endregion
-export { e as default };
+var e={comparison:`_comparison_zo41p_2`,item:`_item_zo41p_11`,before:`_before_zo41p_12`,divider:`_divider_zo41p_36`,handle:`_handle_zo41p_56`};export{e as default};

package/dist/node/contained-list/contained-list.js

@@ -1,41 +1 @@
-"use client";
-
-import e from "./contained-list.module.js";
-import { Slot as t, cn as n } from "@cascivo/core";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../components/src/contained-list/contained-list.tsx
-function a({ label: t, kind: a = "on-page", action: o, className: s, children: c, ...l }) {
-	return /* @__PURE__ */ i("div", {
-		"data-kind": a,
-		className: n(e.root, s),
-		...l,
-		children: [/* @__PURE__ */ i("div", {
-			className: e.header,
-			children: [/* @__PURE__ */ r("h3", {
-				className: e.label,
-				children: t
-			}), o ? /* @__PURE__ */ r("div", {
-				className: e.action,
-				children: o
-			}) : null]
-		}), /* @__PURE__ */ r("ul", {
-			className: e.list,
-			children: c
-		})]
-	});
-}
-function o({ asChild: i = !1, onClick: a, className: o, children: s, ...c }) {
-	let l = i || typeof a == "function", u = i ? t : "div";
-	return /* @__PURE__ */ r("li", {
-		className: e.item,
-		"data-interactive": l ? "" : void 0,
-		children: /* @__PURE__ */ r(u, {
-			className: n(e.itemContent, o),
-			onClick: a,
-			...c,
-			children: s
-		})
-	});
-}
-//#endregion
-export { a as ContainedList, o as ContainedListItem };
+"use client";import e from"./contained-list.module.js";import{Slot as t,cn as n}from"@cascivo/core";import{jsx as r,jsxs as i}from"react/jsx-runtime";function ContainedList({label:t,kind:a=`on-page`,action:o,className:s,children:c,...l}){return i(`div`,{"data-kind":a,className:n(e.root,s),...l,children:[i(`div`,{className:e.header,children:[r(`h3`,{className:e.label,children:t}),o?r(`div`,{className:e.action,children:o}):null]}),r(`ul`,{className:e.list,children:c})]})}function ContainedListItem({asChild:i=!1,onClick:a,className:o,children:s,...c}){let l=i||typeof a==`function`,u=i?t:`div`;return r(`li`,{className:e.item,"data-interactive":l?``:void 0,children:r(u,{className:n(e.itemContent,o),onClick:a,...c,children:s})})}export{ContainedList,ContainedListItem};

package/dist/node/contained-list/contained-list.module.js

@@ -1,11 +1 @@
-var e = {
-	root: "_root_u2rtc_2",
-	header: "_header_u2rtc_11",
-	label: "_label_u2rtc_25",
-	action: "_action_u2rtc_33",
-	list: "_list_u2rtc_39",
-	item: "_item_u2rtc_45",
-	itemContent: "_itemContent_u2rtc_57"
-};
-//#endregion
-export { e as default };
+var e={root:`_root_u2rtc_2`,header:`_header_u2rtc_11`,label:`_label_u2rtc_25`,action:`_action_u2rtc_33`,list:`_list_u2rtc_39`,item:`_item_u2rtc_45`,itemContent:`_itemContent_u2rtc_57`};export{e as default};