@nocoo/basalt 2.2.0 → 3.1.0

package/dist/utils/cn.js

@@ -1,11 +1,32 @@
 "use client";
 import { clsx as e } from "clsx";
-import { twMerge as t } from "tailwind-merge";
+import { extendTailwindMerge as t } from "tailwind-merge";
 //#region src/utils/cn.ts
-function n(...n) {
-	return t(e(n));
+var n = t({ extend: { theme: {
+	spacing: [(e) => e.startsWith("basalt-")],
+	radius: [(e) => e.startsWith("basalt-")],
+	text: [
+		"basalt-xs",
+		"basalt-sm",
+		"basalt-code",
+		"basalt-base",
+		"basalt-lg",
+		"basalt-xl",
+		"basalt-2xl",
+		"basalt-3xl",
+		"basalt-4xl",
+		"basalt-5xl",
+		"basalt-6xl",
+		"basalt-7xl",
+		"basalt-8xl",
+		"basalt-9xl",
+		"basalt-10xl"
+	]
+} } });
+function r(...t) {
+	return n(e(t));
 }
 //#endregion
-export { n as cn };
+export { r as cn };
 
 //# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","names":["cn","inputs","twMerge","clsx"],"sources":["../../src/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgBA,EAAG,GAAGC,GAAsB;CAC3C,OAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC5B"}
+{"version":3,"file":"cn.js","names":["twMerge","extendTailwindMerge","value","cn","inputs","clsx"],"sources":["../../src/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\ttheme: {\n\t\t\tspacing: [(value: string) => value.startsWith(\"basalt-\")],\n\t\t\tradius: [(value: string) => value.startsWith(\"basalt-\")],\n\t\t\ttext: [\n\t\t\t\t\"basalt-xs\",\n\t\t\t\t\"basalt-sm\",\n\t\t\t\t\"basalt-code\",\n\t\t\t\t\"basalt-base\",\n\t\t\t\t\"basalt-lg\",\n\t\t\t\t\"basalt-xl\",\n\t\t\t\t\"basalt-2xl\",\n\t\t\t\t\"basalt-3xl\",\n\t\t\t\t\"basalt-4xl\",\n\t\t\t\t\"basalt-5xl\",\n\t\t\t\t\"basalt-6xl\",\n\t\t\t\t\"basalt-7xl\",\n\t\t\t\t\"basalt-8xl\",\n\t\t\t\t\"basalt-9xl\",\n\t\t\t\t\"basalt-10xl\",\n\t\t\t],\n\t\t},\n\t},\n});\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,IAAMA,IAAUC,EAAoB,EACnC,QAAQ,EACP,OAAO;CACN,SAAS,EAAE,MAAkBC,EAAM,WAAW,SAAS,CAAC;CACxD,QAAQ,EAAE,MAAkBA,EAAM,WAAW,SAAS,CAAC;CACvD,MAAM;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACD,EACD,EACD,CAAC;AAED,SAAgBC,EAAG,GAAGC,GAAsB;CAC3C,OAAOJ,EAAQK,EAAKD,CAAM,CAAC;AAC5B"}

package/dist/utils/control-surface.d.ts

@@ -1,3 +1,3 @@
 export declare const BASALT_UI_CLASS = "basalt-ui";
-export declare const CONTROL_SURFACE_CLASS = "basalt-ui rounded-basalt-md border border-basalt-border bg-basalt-control text-sm";
+export declare const CONTROL_SURFACE_CLASS = "basalt-ui rounded-basalt-md border border-basalt-border bg-basalt-control";
 export declare function controlSurfaceClass(className?: string): string;

package/dist/utils/control-surface.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn as e } from "./cn.js";
 //#region src/utils/control-surface.ts
-var t = "basalt-ui", n = "basalt-ui rounded-basalt-md border border-basalt-border bg-basalt-control text-sm";
+var t = "basalt-ui", n = "basalt-ui rounded-basalt-md border border-basalt-border bg-basalt-control";
 function r(t) {
 	return e(n, t);
 }

package/dist/utils/control-surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-surface.js","names":["BASALT_UI_CLASS","CONTROL_SURFACE_CLASS","controlSurfaceClass","cn","className"],"sources":["../../src/utils/control-surface.ts"],"sourcesContent":["import { cn } from \"./cn\";\n\nexport const BASALT_UI_CLASS = \"basalt-ui\";\n\nexport const CONTROL_SURFACE_CLASS =\n\t\"basalt-ui rounded-basalt-md border border-basalt-border bg-basalt-control text-sm\";\n\nexport function controlSurfaceClass(className?: string) {\n\treturn cn(CONTROL_SURFACE_CLASS, className);\n}\n"],"mappings":";;;AAEA,IAAaA,IAAkB,aAElBC,IACZ;AAED,SAAgBC,EAAoB,GAAoB;CACvD,OAAOC,EAAGF,GAAuBG,CAAS;AAC3C"}
+{"version":3,"file":"control-surface.js","names":["BASALT_UI_CLASS","CONTROL_SURFACE_CLASS","controlSurfaceClass","cn","className"],"sources":["../../src/utils/control-surface.ts"],"sourcesContent":["import { cn } from \"./cn\";\n\nexport const BASALT_UI_CLASS = \"basalt-ui\";\n\nexport const CONTROL_SURFACE_CLASS =\n\t\"basalt-ui rounded-basalt-md border border-basalt-border bg-basalt-control\";\n\nexport function controlSurfaceClass(className?: string) {\n\treturn cn(CONTROL_SURFACE_CLASS, className);\n}\n"],"mappings":";;;AAEA,IAAaA,IAAkB,aAElBC,IACZ;AAED,SAAgBC,EAAoB,GAAoB;CACvD,OAAOC,EAAGF,GAAuBG,CAAS;AAC3C"}

package/dist/utils/navigation.d.ts

@@ -0,0 +1,3 @@
+export declare const NAV_LIST_CLASS = "basalt-ui basalt-hover-list flex gap-basalt-nav-gap p-basalt-nav-inset";
+export declare const NAV_ROW_CLASS = "flex min-w-0 shrink-0 min-h-basalt-control items-center gap-basalt-row-gap rounded-basalt-md px-basalt-row-x py-basalt-row-y text-left text-basalt-base font-normal leading-basalt-row [&>svg]:size-basalt-icon-lg [&>svg]:shrink-0";
+export declare const NAV_ITEM_CLASS = "basalt-ui basalt-nav-item flex min-w-0 shrink-0 min-h-basalt-control items-center gap-basalt-row-gap rounded-basalt-md px-basalt-row-x py-basalt-row-y text-left text-basalt-base font-normal leading-basalt-row [&>svg]:size-basalt-icon-lg [&>svg]:shrink-0 outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-basalt-ring";

package/dist/utils/navigation.js

@@ -0,0 +1,8 @@
+"use client";
+import { FOCUS_INSET as e } from "../components/overlay.js";
+//#region src/utils/navigation.ts
+var t = "basalt-ui basalt-hover-list flex gap-basalt-nav-gap p-basalt-nav-inset", n = "flex min-w-0 shrink-0 min-h-basalt-control items-center gap-basalt-row-gap rounded-basalt-md px-basalt-row-x py-basalt-row-y text-left text-basalt-base font-normal leading-basalt-row [&>svg]:size-basalt-icon-lg [&>svg]:shrink-0", r = `basalt-ui basalt-nav-item ${n} ${e}`;
+//#endregion
+export { r as NAV_ITEM_CLASS, t as NAV_LIST_CLASS, n as NAV_ROW_CLASS };
+
+//# sourceMappingURL=navigation.js.map

package/dist/utils/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","names":["NAV_LIST_CLASS","NAV_ROW_CLASS","NAV_ITEM_CLASS","FOCUS_INSET"],"sources":["../../src/utils/navigation.ts"],"sourcesContent":["import { FOCUS_INSET } from \"../components/overlay\";\n\nexport const NAV_LIST_CLASS =\n\t\"basalt-ui basalt-hover-list flex gap-basalt-nav-gap p-basalt-nav-inset\";\n\nexport const NAV_ROW_CLASS =\n\t\"flex min-w-0 shrink-0 min-h-basalt-control items-center gap-basalt-row-gap rounded-basalt-md px-basalt-row-x py-basalt-row-y text-left text-basalt-base font-normal leading-basalt-row [&>svg]:size-basalt-icon-lg [&>svg]:shrink-0\";\n\nexport const NAV_ITEM_CLASS = `basalt-ui basalt-nav-item ${NAV_ROW_CLASS} ${FOCUS_INSET}`;\n"],"mappings":";;;AAEA,IAAaA,IACZ,0EAEYC,IACZ,uOAEYC,IAAiB,6BAA6BD,EAAc,GAAGE"}

package/dist/utils/selection-indicator.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export declare const SELECTION_INDICATOR_MOTION_CLASS = "transition-[left,width,top,height] duration-200 ease-out";
+export declare const SELECTION_INDICATOR_MOTION_CLASS = "basalt-selection-motion";
 export type SelectionGeometry = {
     left: number;
     width: number;

package/dist/utils/selection-indicator.js

@@ -1,7 +1,7 @@
 "use client";
 import * as e from "react";
 //#region src/utils/selection-indicator.ts
-var t = "transition-[left,width,top,height] duration-200 ease-out", n = {
+var t = "basalt-selection-motion", n = {
 	left: 0,
 	width: 0,
 	top: 0,
@@ -18,91 +18,68 @@ function i(e) {
 		height: e.offsetHeight
 	};
 }
-function a() {
-	return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function o(e) {
-	let t = [e];
-	for (let n of e.children) n instanceof HTMLElement && n.getAttribute("aria-hidden") !== "true" && t.push(n);
-	return t;
-}
-function s({ itemSelector: s, enabled: c = !0, mapGeometry: l, ref: u }) {
-	let d = e.useRef(null), f = e.useMemo(() => (e) => {
-		d.current = e, r(u, e);
-	}, [u]), [p, m] = e.useState({
+function a({ itemSelector: a, enabled: o = !0, mapGeometry: s, ref: c }) {
+	let l = e.useRef(null), u = e.useCallback((e) => {
+		l.current = e, r(c, e);
+	}, [c]), [d, f] = e.useState({
 		...n,
 		visible: !1,
 		animated: !1
-	}), [h, g] = e.useState(a);
-	e.useEffect(() => {
-		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => g(e.matches);
-		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []);
-	let _ = e.useCallback(() => {
-		let e = d.current;
-		if (!e || !c) {
-			m((e) => ({
-				...e,
+	});
+	return e.useLayoutEffect(() => {
+		let e = l.current;
+		if (!e || !o) {
+			f({
 				...n,
 				visible: !1,
 				animated: !1
-			}));
-			return;
-		}
-		let t = e.querySelector(s);
-		if (!t) {
-			m((e) => ({
-				...e,
-				width: 0,
-				height: 0,
-				visible: !1,
-				animated: !1
-			}));
+			});
 			return;
 		}
-		let r = (l ?? i)(t, e);
-		m((e) => ({
-			...r,
-			visible: !0,
-			animated: e.visible && !h
-		}));
-	}, [
-		c,
-		s,
-		l,
-		h
-	]);
-	return e.useLayoutEffect(() => {
-		let e = d.current;
-		if (!e || !c) return;
-		let t = 0, n = new ResizeObserver(() => {
-			cancelAnimationFrame(t), t = requestAnimationFrame(_);
-		}), r = () => {
-			n.disconnect();
-			for (let t of o(e)) n.observe(t);
-		};
-		r(), _();
-		let i = new MutationObserver(() => {
-			cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-				r(), _();
-			});
+		let t = null, r = 0, c = window.matchMedia("(prefers-reduced-motion: reduce)"), u = () => {
+			r = 0;
+			let o = e.querySelector(a), l = o ? (s ?? i)(o, e) : n, u = !!o && o.offsetWidth > 0 && o.offsetHeight > 0, d = u && !!t && t !== o && !c.matches;
+			t = u ? o : null;
+			let p = {
+				...l,
+				visible: u,
+				animated: d
+			};
+			f((e) => e.visible === u && e.left === l.left && e.top === l.top && e.width === l.width && e.height === l.height && !(c.matches && e.animated) ? e : p);
+		}, d = () => {
+			r ||= requestAnimationFrame(u);
+		}, p = new ResizeObserver(d), m = () => {
+			p.disconnect(), p.observe(e);
+			for (let t of e.children) t instanceof HTMLElement && t.getAttribute("aria-hidden") !== "true" && p.observe(t);
+		}, h = new MutationObserver((e) => {
+			e.some((e) => e.type === "childList") && m(), d();
 		});
-		return i.observe(e, {
-			attributes: !0,
+		return m(), u(), h.observe(e, {
 			subtree: !0,
 			childList: !0,
-			characterData: !0,
-			attributeFilter: ["data-state", "aria-checked"]
-		}), () => {
-			cancelAnimationFrame(t), i.disconnect(), n.disconnect();
+			attributes: !0,
+			attributeFilter: [
+				"data-state",
+				"aria-checked",
+				"aria-current",
+				"data-selected",
+				"data-disabled",
+				"hidden"
+			]
+		}), c.addEventListener("change", d), () => {
+			cancelAnimationFrame(r), p.disconnect(), h.disconnect(), c.removeEventListener("change", d);
 		};
-	}, [c, _]), {
-		ref: f,
-		state: p,
-		motionClassName: p.animated && !h ? t : void 0
+	}, [
+		o,
+		a,
+		s
+	]), {
+		ref: u,
+		state: d,
+		motionClassName: d.animated ? t : void 0
 	};
 }
 //#endregion
-export { t as SELECTION_INDICATOR_MOTION_CLASS, r as assignRef, i as measureSelectionItem, s as useSelectionIndicator };
+export { t as SELECTION_INDICATOR_MOTION_CLASS, r as assignRef, i as measureSelectionItem, a as useSelectionIndicator };
 
 //# sourceMappingURL=selection-indicator.js.map

package/dist/utils/selection-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-indicator.js","names":["React","SELECTION_INDICATOR_MOTION_CLASS","EMPTY","assignRef","ref","value","measureSelectionItem","item","prefersReducedMotion","selectionTargets","targets","root","node","useSelectionIndicator","rootRef","composedRef","state","setState","reduced","setReduced","media","onChange","sync","enabled","current","itemSelector","geometry","mapGeometry","frame","ro","observe","mo"],"sources":["../../src/utils/selection-indicator.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport const SELECTION_INDICATOR_MOTION_CLASS =\n\t\"transition-[left,width,top,height] duration-200 ease-out\";\n\nexport type SelectionGeometry = {\n\tleft: number;\n\twidth: number;\n\ttop: number;\n\theight: number;\n};\n\nexport type SelectionIndicatorState = SelectionGeometry & {\n\tvisible: boolean;\n\tanimated: boolean;\n};\n\nconst EMPTY: SelectionGeometry = { left: 0, width: 0, top: 0, height: 0 };\n\nexport function assignRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n\tif (typeof ref === \"function\") {\n\t\tref(value);\n\t} else if (ref) {\n\t\t(ref as React.MutableRefObject<T | null>).current = value;\n\t}\n}\n\nexport function measureSelectionItem(item: HTMLElement): SelectionGeometry {\n\treturn {\n\t\tleft: item.offsetLeft,\n\t\twidth: item.offsetWidth,\n\t\ttop: item.offsetTop,\n\t\theight: item.offsetHeight,\n\t};\n}\n\nfunction prefersReducedMotion() {\n\treturn (\n\t\ttypeof window !== \"undefined\" && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n\t);\n}\n\nfunction selectionTargets(root: HTMLElement) {\n\tconst targets: HTMLElement[] = [root];\n\tfor (const node of root.children) {\n\t\tif (node instanceof HTMLElement && node.getAttribute(\"aria-hidden\") !== \"true\") {\n\t\t\ttargets.push(node);\n\t\t}\n\t}\n\treturn targets;\n}\n\nexport function useSelectionIndicator({\n\titemSelector,\n\tenabled = true,\n\tmapGeometry,\n\tref,\n}: {\n\titemSelector: string;\n\tenabled?: boolean;\n\tmapGeometry?: (item: HTMLElement, root: HTMLElement) => SelectionGeometry;\n\tref?: React.Ref<HTMLElement | null>;\n}) {\n\tconst rootRef = React.useRef<HTMLElement | null>(null);\n\tconst composedRef = React.useMemo(() => {\n\t\treturn (node: HTMLElement | null) => {\n\t\t\trootRef.current = node;\n\t\t\tassignRef(ref, node);\n\t\t};\n\t}, [ref]);\n\tconst [state, setState] = React.useState<SelectionIndicatorState>({\n\t\t...EMPTY,\n\t\tvisible: false,\n\t\tanimated: false,\n\t});\n\tconst [reduced, setReduced] = React.useState(prefersReducedMotion);\n\n\tReact.useEffect(() => {\n\t\tconst media = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\t\tconst onChange = () => setReduced(media.matches);\n\t\tonChange();\n\t\tmedia.addEventListener(\"change\", onChange);\n\t\treturn () => media.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\tconst sync = React.useCallback(() => {\n\t\tconst root = rootRef.current;\n\t\tif (!root || !enabled) {\n\t\t\tsetState((current) => ({ ...current, ...EMPTY, visible: false, animated: false }));\n\t\t\treturn;\n\t\t}\n\t\tconst item = root.querySelector<HTMLElement>(itemSelector);\n\t\tif (!item) {\n\t\t\tsetState((current) => ({ ...current, width: 0, height: 0, visible: false, animated: false }));\n\t\t\treturn;\n\t\t}\n\t\t// Keep the optional dependency undefined. Production optimizers may inline a\n\t\t// function-valued parameter default, creating a new effect dependency every render.\n\t\tconst geometry = (mapGeometry ?? measureSelectionItem)(item, root);\n\t\tsetState((current) => ({\n\t\t\t...geometry,\n\t\t\tvisible: true,\n\t\t\tanimated: current.visible && !reduced,\n\t\t}));\n\t}, [enabled, itemSelector, mapGeometry, reduced]);\n\n\tReact.useLayoutEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tif (!root || !enabled) {\n\t\t\treturn;\n\t\t}\n\t\tlet frame = 0;\n\t\tconst ro = new ResizeObserver(() => {\n\t\t\tcancelAnimationFrame(frame);\n\t\t\tframe = requestAnimationFrame(sync);\n\t\t});\n\t\tconst observe = () => {\n\t\t\tro.disconnect();\n\t\t\tfor (const node of selectionTargets(root)) {\n\t\t\t\tro.observe(node);\n\t\t\t}\n\t\t};\n\t\tobserve();\n\t\tsync();\n\t\tconst mo = new MutationObserver(() => {\n\t\t\tcancelAnimationFrame(frame);\n\t\t\tframe = requestAnimationFrame(() => {\n\t\t\t\tobserve();\n\t\t\t\tsync();\n\t\t\t});\n\t\t});\n\t\tmo.observe(root, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t\tchildList: true,\n\t\t\tcharacterData: true,\n\t\t\tattributeFilter: [\"data-state\", \"aria-checked\"],\n\t\t});\n\t\treturn () => {\n\t\t\tcancelAnimationFrame(frame);\n\t\t\tmo.disconnect();\n\t\t\tro.disconnect();\n\t\t};\n\t}, [enabled, sync]);\n\n\treturn {\n\t\tref: composedRef,\n\t\tstate,\n\t\tmotionClassName: state.animated && !reduced ? SELECTION_INDICATOR_MOTION_CLASS : undefined,\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"file":"selection-indicator.js","names":["React","SELECTION_INDICATOR_MOTION_CLASS","EMPTY","assignRef","ref","value","measureSelectionItem","item","useSelectionIndicator","rootRef","composedRef","node","state","setState","root","enabled","previous","frame","media","sync","itemSelector","box","mapGeometry","visible","animated","next","current","schedule","resize","observe","child","mutations","records","record"],"sources":["../../src/utils/selection-indicator.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport const SELECTION_INDICATOR_MOTION_CLASS = \"basalt-selection-motion\";\n\nexport type SelectionGeometry = { left: number; width: number; top: number; height: number };\nexport type SelectionIndicatorState = SelectionGeometry & { visible: boolean; animated: boolean };\nconst EMPTY: SelectionGeometry = { left: 0, width: 0, top: 0, height: 0 };\n\nexport function assignRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n\tif (typeof ref === \"function\") ref(value);\n\telse if (ref) (ref as React.MutableRefObject<T | null>).current = value;\n}\n\nexport function measureSelectionItem(item: HTMLElement): SelectionGeometry {\n\treturn {\n\t\tleft: item.offsetLeft,\n\t\twidth: item.offsetWidth,\n\t\ttop: item.offsetTop,\n\t\theight: item.offsetHeight,\n\t};\n}\n\nexport function useSelectionIndicator({\n\titemSelector,\n\tenabled = true,\n\tmapGeometry,\n\tref,\n}: {\n\titemSelector: string;\n\tenabled?: boolean;\n\tmapGeometry?: (item: HTMLElement, root: HTMLElement) => SelectionGeometry;\n\tref?: React.Ref<HTMLElement | null>;\n}) {\n\tconst rootRef = React.useRef<HTMLElement | null>(null);\n\tconst composedRef = React.useCallback(\n\t\t(node: HTMLElement | null) => {\n\t\t\trootRef.current = node;\n\t\t\tassignRef(ref, node);\n\t\t},\n\t\t[ref],\n\t);\n\tconst [state, setState] = React.useState<SelectionIndicatorState>({\n\t\t...EMPTY,\n\t\tvisible: false,\n\t\tanimated: false,\n\t});\n\tReact.useLayoutEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tif (!root || !enabled) {\n\t\t\tsetState({ ...EMPTY, visible: false, animated: false });\n\t\t\treturn;\n\t\t}\n\t\tlet previous: HTMLElement | null = null;\n\t\tlet frame = 0;\n\t\tconst media = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\t\tconst sync = () => {\n\t\t\tframe = 0;\n\t\t\tconst item = root.querySelector<HTMLElement>(itemSelector);\n\t\t\tconst box = item ? (mapGeometry ?? measureSelectionItem)(item, root) : EMPTY;\n\t\t\t// Hidden panels measure zero. They must never become the animation's origin.\n\t\t\tconst visible = !!item && item.offsetWidth > 0 && item.offsetHeight > 0;\n\t\t\tconst animated = visible && !!previous && previous !== item && !media.matches;\n\t\t\tprevious = visible ? item : null;\n\t\t\tconst next = { ...box, visible, animated };\n\t\t\tsetState((current) => {\n\t\t\t\tconst unchanged =\n\t\t\t\t\tcurrent.visible === visible &&\n\t\t\t\t\tcurrent.left === box.left &&\n\t\t\t\t\tcurrent.top === box.top &&\n\t\t\t\t\tcurrent.width === box.width &&\n\t\t\t\t\tcurrent.height === box.height;\n\t\t\t\t// Initial ResizeObserver delivery must not cancel an in-flight selection.\n\t\t\t\treturn unchanged && !(media.matches && current.animated) ? current : next;\n\t\t\t});\n\t\t};\n\t\tconst schedule = () => {\n\t\t\tif (!frame) frame = requestAnimationFrame(sync);\n\t\t};\n\t\tconst resize = new ResizeObserver(schedule);\n\t\tconst observe = () => {\n\t\t\tresize.disconnect();\n\t\t\tresize.observe(root);\n\t\t\tfor (const child of root.children)\n\t\t\t\tif (child instanceof HTMLElement && child.getAttribute(\"aria-hidden\") !== \"true\")\n\t\t\t\t\tresize.observe(child);\n\t\t};\n\t\tconst mutations = new MutationObserver((records) => {\n\t\t\tif (records.some((record) => record.type === \"childList\")) observe();\n\t\t\tschedule();\n\t\t});\n\t\tobserve();\n\t\tsync();\n\t\tmutations.observe(root, {\n\t\t\tsubtree: true,\n\t\t\tchildList: true,\n\t\t\tattributes: true,\n\t\t\tattributeFilter: [\n\t\t\t\t\"data-state\",\n\t\t\t\t\"aria-checked\",\n\t\t\t\t\"aria-current\",\n\t\t\t\t\"data-selected\",\n\t\t\t\t\"data-disabled\",\n\t\t\t\t\"hidden\",\n\t\t\t],\n\t\t});\n\t\tmedia.addEventListener(\"change\", schedule);\n\t\treturn () => {\n\t\t\tcancelAnimationFrame(frame);\n\t\t\tresize.disconnect();\n\t\t\tmutations.disconnect();\n\t\t\tmedia.removeEventListener(\"change\", schedule);\n\t\t};\n\t}, [enabled, itemSelector, mapGeometry]);\n\treturn {\n\t\tref: composedRef,\n\t\tstate,\n\t\tmotionClassName: state.animated ? SELECTION_INDICATOR_MOTION_CLASS : undefined,\n\t};\n}\n"],"mappings":";;;AAEA,IAAaC,IAAmC,2BAI1CC,IAA2B;CAAE,MAAM;CAAG,OAAO;CAAG,KAAK;CAAG,QAAQ;AAAE;AAExE,SAAgBC,EAAa,GAA+B,GAAiB;CAC5E,AAAI,OAAOC,KAAQ,aAAYA,EAAIC,CAAK,IAC/BD,MAAK,EAA0C,UAAUC;AACnE;AAEA,SAAgBC,EAAqB,GAAsC;CAC1E,OAAO;EACN,MAAMC,EAAK;EACX,OAAOA,EAAK;EACZ,KAAKA,EAAK;EACV,QAAQA,EAAK;CACd;AACD;AAEA,SAAgBC,EAAsB,EACrC,iBACA,aAAU,IACV,gBACA,UAME;CACF,IAAMC,IAAUT,EAAM,OAA2B,IAAI,GAC/CU,IAAcV,EAAM,aACxB,MAA6B;EAE7B,AADA,EAAQ,UAAUW,GAClBR,EAAUC,GAAKO,CAAI;CACpB,GACA,CAACP,CAAG,CACL,GACM,CAACQ,GAAOC,KAAYb,EAAM,SAAkC;EACjE,GAAGE;EACH,SAAS;EACT,UAAU;CACX,CAAC;CAoED,OAnEAF,EAAM,sBAAsB;EAC3B,IAAMc,IAAOL,EAAQ;EACrB,IAAI,CAACK,KAAQ,CAACC,GAAS;GACtB,EAAS;IAAE,GAAGb;IAAO,SAAS;IAAO,UAAU;GAAM,CAAC;GACtD;EACD;EACA,IAAIc,IAA+B,MAC/BC,IAAQ,GACNC,IAAQ,OAAO,WAAW,kCAAkC,GAC5DC,UAAa;GAClB,IAAQ;GACR,IAAMZ,IAAOO,EAAK,cAA2BM,CAAY,GACnDC,IAAMd,KAAQe,KAAehB,EAAA,CAAsBC,GAAMO,CAAI,IAAIZ,GAEjEqB,IAAU,CAAC,CAAChB,KAAQA,EAAK,cAAc,KAAKA,EAAK,eAAe,GAChEiB,IAAWD,KAAW,CAAC,CAACP,KAAYA,MAAaT,KAAQ,CAACW,EAAM;GACtE,IAAWK,IAAUhB,IAAO;GAC5B,IAAMkB,IAAO;IAAE,GAAGJ;IAAK;IAAS;GAAS;GACzC,GAAU,MAERK,EAAQ,YAAYH,KACpBG,EAAQ,SAASL,EAAI,QACrBK,EAAQ,QAAQL,EAAI,OACpBK,EAAQ,UAAUL,EAAI,SACtBK,EAAQ,WAAWL,EAAI,UAEJ,EAAEH,EAAM,WAAWQ,EAAQ,YAAYA,IAAUD,CACrE;EACF,GACME,UAAiB;GACtB,AAAYV,MAAQ,sBAAsBE,CAAI;EAC/C,GACMS,IAAS,IAAI,eAAeD,CAAQ,GACpCE,UAAgB;GAErB,AADAD,EAAO,WAAW,GAClBA,EAAO,QAAQd,CAAI;GACnB,KAAK,IAAMgB,KAAShB,EAAK,UACxB,AAAIgB,aAAiB,eAAeA,EAAM,aAAa,aAAa,MAAM,UACzEF,EAAO,QAAQE,CAAK;EACvB,GACMC,IAAY,IAAI,kBAAkB,MAAY;GAEnD,AADIC,EAAQ,MAAM,MAAWC,EAAO,SAAS,WAAW,KAAGJ,EAAQ,GACnEF,EAAS;EACV,CAAC;EAiBD,OAhBAE,EAAQ,GACRV,EAAK,GACLY,EAAU,QAAQjB,GAAM;GACvB,SAAS;GACT,WAAW;GACX,YAAY;GACZ,iBAAiB;IAChB;IACA;IACA;IACA;IACA;IACA;GACD;EACD,CAAC,GACDI,EAAM,iBAAiB,UAAUS,CAAQ,SAC5B;GAIZ,AAHA,qBAAqBV,CAAK,GAC1BW,EAAO,WAAW,GAClBG,EAAU,WAAW,GACrBb,EAAM,oBAAoB,UAAUS,CAAQ;EAC7C;CACD,GAAG;EAACZ;EAASK;EAAcE;CAAW,CAAC,GAChC;EACN,KAAKZ;EACL;EACA,iBAAiBE,EAAM,WAAWX,IAAmC,KAAA;CACtE;AACD"}

package/dist/utils/use-hover-highlight.d.ts

@@ -0,0 +1,4 @@
+import { type Ref } from "react";
+export declare function useHoverHighlight(ref?: Ref<HTMLElement | null>, { restoreOnPointerLeave }?: {
+    restoreOnPointerLeave?: boolean;
+}): (root: HTMLElement | null) => (() => void) | undefined;

package/dist/utils/use-hover-highlight.js

@@ -0,0 +1,82 @@
+"use client";
+import { assignRef as e } from "./selection-indicator.js";
+import { useCallback as t } from "react";
+//#region src/utils/use-hover-highlight.ts
+var n = "[data-basalt-hover-item]", r = "[data-highlighted], [data-hover-active=\"true\"], [aria-selected=\"true\"], [data-state=\"checked\"], [data-hover-selected=\"true\"], [data-selected=\"true\"]";
+function i(i, { restoreOnPointerLeave: a = !0 } = {}) {
+	return t((t) => {
+		if (e(i, t), !t) return;
+		let o = null, s = !1, c = !1, l = null, u = null, d = null, f = null, p = !0, m = 0, h = "", g = !0, _ = (e) => e && t.contains(e) && e.matches(n) && e.closest(".basalt-hover-list") === t && !e.closest("[hidden], [disabled], [aria-disabled=\"true\"], [data-disabled=\"\"], [data-disabled=\"true\"]") ? e : null, v = (e) => _(e instanceof Element ? e.closest(n) : null), y = new ResizeObserver(() => {
+			g = !0, x();
+		}), b = () => {
+			if (m = 0, p) {
+				f = null, d = null;
+				for (let e of t.querySelectorAll(`${n}:is(${r})`)) if (_(e) && (d ||= e, e.matches("[data-highlighted], [data-hover-active=\"true\"]"))) {
+					f = e;
+					break;
+				}
+				p = !1;
+			}
+			let e = c;
+			c = !1, e && (t.dataset.hoverAnimated = "false");
+			let i = s ? null : a ? _(f) ?? _(o) ?? _(l) ?? _(d) : _(o);
+			if (i === u && !g) return;
+			i !== u && (u && y.unobserve(u), i && y.observe(i));
+			let v = i?.offsetWidth ?? 0, b = i?.offsetHeight ?? 0;
+			if (!i || !v || !b) {
+				a || (t.dataset.hoverAnimated = "false"), t.dataset.hoverVisible = "false", u = null, h = "", g = !1;
+				return;
+			}
+			let x = 0, S = 0;
+			for (let e = i; e && e !== t; e = e.offsetParent) x += e.offsetLeft, S += e.offsetTop;
+			for (let e = i.parentElement; e && e !== t; e = e.parentElement) x -= e.scrollLeft, S -= e.scrollTop;
+			let C = `${x},${S},${v},${b}`;
+			C !== h && (t.dataset.hoverAnimated = u && u !== i && !g && !e ? "true" : "false", t.style.setProperty("--basalt-hover-x", `${x}px`), t.style.setProperty("--basalt-hover-y", `${S}px`), t.style.setProperty("--basalt-hover-width", `${v}px`), t.style.setProperty("--basalt-hover-height", `${b}px`), h = C), t.dataset.hoverVisible = "true", u = i, g = !1;
+		};
+		function x() {
+			m ||= requestAnimationFrame(b);
+		}
+		let S = (e) => {
+			if (e.pointerType === "touch") return;
+			s = !1;
+			let t = v(e.target);
+			t !== o && (!a && (!t || !o) && (c = !0), o = t, x());
+		}, C = () => {
+			o = null, s = !a, a || (c = !0), x();
+		}, w = (e) => {
+			l = v(e.target), a && (s = !1, o = null, x());
+		}, T = (e) => {
+			l = v(e.relatedTarget), a && x();
+		}, E = (e) => {
+			e.target instanceof Element && (t.contains(e.target) || t.id && e.target.getAttribute("aria-controls") === t.id) && a && (o = null, s = !1, x());
+		}, D = (e) => {
+			(e.target !== t || e.type === "scroll") && (g = !0, x());
+		}, O = new MutationObserver((e) => {
+			p = !0, e.some((e) => e.type === "childList" || e.attributeName === "hidden") && (g = !0), x();
+		});
+		return O.observe(t, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: [
+				"data-basalt-hover-item",
+				"data-highlighted",
+				"data-state",
+				"aria-selected",
+				"data-selected",
+				"data-hover-active",
+				"data-hover-selected",
+				"disabled",
+				"aria-disabled",
+				"data-disabled",
+				"hidden"
+			]
+		}), y.observe(t), t.addEventListener("pointerover", S), t.addEventListener("pointerleave", C), t.addEventListener("focusin", w), t.addEventListener("focusout", T), t.ownerDocument.addEventListener("keydown", E), t.addEventListener("scroll", D, !0), t.addEventListener("animationend", D), t.addEventListener("transitionend", D), x(), () => {
+			cancelAnimationFrame(m), y.disconnect(), O.disconnect(), t.removeEventListener("pointerover", S), t.removeEventListener("pointerleave", C), t.removeEventListener("focusin", w), t.removeEventListener("focusout", T), t.ownerDocument.removeEventListener("keydown", E), t.removeEventListener("scroll", D, !0), t.removeEventListener("animationend", D), t.removeEventListener("transitionend", D), e(i, null);
+		};
+	}, [i, a]);
+}
+//#endregion
+export { i as useHoverHighlight };
+
+//# sourceMappingURL=use-hover-highlight.js.map

package/dist/utils/use-hover-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hover-highlight.js","names":["ROW","ACTIVE","useHoverHighlight","useCallback","assignRef","ref","root","hovered","pointerExited","sequenceBroken","focused","previous","selected","active","selectionDirty","frame","geometry","layoutChanged","eligible","node","row","target","resize","schedule","update","broken","item","restoreOnPointerLeave","width","height","y","next","over","event","leave","focus","blur","keyboard","layout","mutations","records","record"],"sources":["../../src/utils/use-hover-highlight.ts"],"sourcesContent":["import { type Ref, useCallback } from \"react\";\nimport { assignRef } from \"./selection-indicator\";\n\nconst ROW = \"[data-basalt-hover-item]\";\nconst ACTIVE =\n\t'[data-highlighted], [data-hover-active=\"true\"], [aria-selected=\"true\"], [data-state=\"checked\"], [data-hover-selected=\"true\"], [data-selected=\"true\"]';\n\nexport function useHoverHighlight(\n\tref?: Ref<HTMLElement | null>,\n\t{ restoreOnPointerLeave = true }: { restoreOnPointerLeave?: boolean } = {},\n) {\n\treturn useCallback(\n\t\t(root: HTMLElement | null) => {\n\t\t\tassignRef(ref, root);\n\t\t\tif (!root) return;\n\t\t\tlet hovered: HTMLElement | null = null;\n\t\t\tlet pointerExited = false;\n\t\t\tlet sequenceBroken = false;\n\t\t\tlet focused: HTMLElement | null = null;\n\t\t\tlet previous: HTMLElement | null = null;\n\t\t\tlet selected: HTMLElement | null = null;\n\t\t\tlet active: HTMLElement | null = null;\n\t\t\tlet selectionDirty = true;\n\t\t\tlet frame = 0;\n\t\t\tlet geometry = \"\";\n\t\t\tlet layoutChanged = true;\n\t\t\tconst eligible = (node: HTMLElement | null) =>\n\t\t\t\tnode &&\n\t\t\t\troot.contains(node) &&\n\t\t\t\tnode.matches(ROW) &&\n\t\t\t\tnode.closest(\".basalt-hover-list\") === root &&\n\t\t\t\t!node.closest(\n\t\t\t\t\t'[hidden], [disabled], [aria-disabled=\"true\"], [data-disabled=\"\"], [data-disabled=\"true\"]',\n\t\t\t\t)\n\t\t\t\t\t? node\n\t\t\t\t\t: null;\n\t\t\tconst row = (target: EventTarget | null) =>\n\t\t\t\teligible(target instanceof Element ? target.closest<HTMLElement>(ROW) : null);\n\t\t\tconst resize = new ResizeObserver(() => {\n\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t});\n\t\t\tconst update = () => {\n\t\t\t\tframe = 0;\n\t\t\t\tif (selectionDirty) {\n\t\t\t\t\tactive = null;\n\t\t\t\t\tselected = null;\n\t\t\t\t\tfor (const node of root.querySelectorAll<HTMLElement>(`${ROW}:is(${ACTIVE})`)) {\n\t\t\t\t\t\tif (!eligible(node)) continue;\n\t\t\t\t\t\tif (!selected) selected = node;\n\t\t\t\t\t\tif (node.matches('[data-highlighted], [data-hover-active=\"true\"]')) {\n\t\t\t\t\t\t\tactive = node;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tselectionDirty = false;\n\t\t\t\t}\n\t\t\t\tconst broken = sequenceBroken;\n\t\t\t\tsequenceBroken = false;\n\t\t\t\tif (broken) root.dataset.hoverAnimated = \"false\";\n\t\t\t\tconst item = pointerExited\n\t\t\t\t\t? null\n\t\t\t\t\t: restoreOnPointerLeave\n\t\t\t\t\t\t? (eligible(active) ?? eligible(hovered) ?? eligible(focused) ?? eligible(selected))\n\t\t\t\t\t\t: eligible(hovered);\n\t\t\t\tif (item === previous && !layoutChanged) return;\n\t\t\t\tif (item !== previous) {\n\t\t\t\t\tif (previous) resize.unobserve(previous);\n\t\t\t\t\tif (item) resize.observe(item);\n\t\t\t\t}\n\t\t\t\tconst width = item?.offsetWidth ?? 0;\n\t\t\t\tconst height = item?.offsetHeight ?? 0;\n\t\t\t\tif (!item || !width || !height) {\n\t\t\t\t\tif (!restoreOnPointerLeave) root.dataset.hoverAnimated = \"false\";\n\t\t\t\t\troot.dataset.hoverVisible = \"false\";\n\t\t\t\t\tprevious = null;\n\t\t\t\t\tgeometry = \"\";\n\t\t\t\t\tlayoutChanged = false;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet x = 0,\n\t\t\t\t\ty = 0;\n\t\t\t\tfor (\n\t\t\t\t\tlet node: HTMLElement | null = item;\n\t\t\t\t\tnode && node !== root;\n\t\t\t\t\tnode = node.offsetParent as HTMLElement | null\n\t\t\t\t) {\n\t\t\t\t\tx += node.offsetLeft;\n\t\t\t\t\ty += node.offsetTop;\n\t\t\t\t}\n\t\t\t\tfor (let node = item.parentElement; node && node !== root; node = node.parentElement) {\n\t\t\t\t\tx -= node.scrollLeft;\n\t\t\t\t\ty -= node.scrollTop;\n\t\t\t\t}\n\t\t\t\tconst next = `${x},${y},${width},${height}`;\n\t\t\t\tif (next !== geometry) {\n\t\t\t\t\troot.dataset.hoverAnimated =\n\t\t\t\t\t\tprevious && previous !== item && !layoutChanged && !broken ? \"true\" : \"false\";\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-x\", `${x}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-y\", `${y}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-width\", `${width}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-height\", `${height}px`);\n\t\t\t\t\tgeometry = next;\n\t\t\t\t}\n\t\t\t\troot.dataset.hoverVisible = \"true\";\n\t\t\t\tprevious = item;\n\t\t\t\tlayoutChanged = false;\n\t\t\t};\n\t\t\tfunction schedule() {\n\t\t\t\tif (!frame) frame = requestAnimationFrame(update);\n\t\t\t}\n\t\t\tconst over = (event: PointerEvent) => {\n\t\t\t\tif (event.pointerType === \"touch\") return;\n\t\t\t\tpointerExited = false;\n\t\t\t\tconst next = row(event.target);\n\t\t\t\tif (next !== hovered) {\n\t\t\t\t\tif (!restoreOnPointerLeave && (!next || !hovered)) sequenceBroken = true;\n\t\t\t\t\thovered = next;\n\t\t\t\t\tschedule();\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst leave = () => {\n\t\t\t\thovered = null;\n\t\t\t\tpointerExited = !restoreOnPointerLeave;\n\t\t\t\tif (!restoreOnPointerLeave) sequenceBroken = true;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst focus = (event: FocusEvent) => {\n\t\t\t\tfocused = row(event.target);\n\t\t\t\tif (!restoreOnPointerLeave) return;\n\t\t\t\tpointerExited = false;\n\t\t\t\thovered = null;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst blur = (event: FocusEvent) => {\n\t\t\t\tfocused = row(event.relatedTarget);\n\t\t\t\tif (!restoreOnPointerLeave) return;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst keyboard = (event: KeyboardEvent) => {\n\t\t\t\tif (\n\t\t\t\t\t!(event.target instanceof Element) ||\n\t\t\t\t\t(!root.contains(event.target) &&\n\t\t\t\t\t\t(!root.id || event.target.getAttribute(\"aria-controls\") !== root.id))\n\t\t\t\t)\n\t\t\t\t\treturn;\n\t\t\t\tif (!restoreOnPointerLeave) return;\n\t\t\t\thovered = null;\n\t\t\t\tpointerExited = false;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst layout = (event: Event) => {\n\t\t\t\t// Our pseudo-element transition cannot change row geometry.\n\t\t\t\tif (event.target === root && event.type !== \"scroll\") return;\n\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst mutations = new MutationObserver((records) => {\n\t\t\t\tselectionDirty = true;\n\t\t\t\tif (\n\t\t\t\t\trecords.some((record) => record.type === \"childList\" || record.attributeName === \"hidden\")\n\t\t\t\t)\n\t\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t});\n\t\t\tmutations.observe(root, {\n\t\t\t\tsubtree: true,\n\t\t\t\tchildList: true,\n\t\t\t\tattributes: true,\n\t\t\t\tattributeFilter: [\n\t\t\t\t\t\"data-basalt-hover-item\",\n\t\t\t\t\t\"data-highlighted\",\n\t\t\t\t\t\"data-state\",\n\t\t\t\t\t\"aria-selected\",\n\t\t\t\t\t\"data-selected\",\n\t\t\t\t\t\"data-hover-active\",\n\t\t\t\t\t\"data-hover-selected\",\n\t\t\t\t\t\"disabled\",\n\t\t\t\t\t\"aria-disabled\",\n\t\t\t\t\t\"data-disabled\",\n\t\t\t\t\t\"hidden\",\n\t\t\t\t],\n\t\t\t});\n\t\t\tresize.observe(root);\n\t\t\troot.addEventListener(\"pointerover\", over);\n\t\t\troot.addEventListener(\"pointerleave\", leave);\n\t\t\troot.addEventListener(\"focusin\", focus);\n\t\t\troot.addEventListener(\"focusout\", blur);\n\t\t\troot.ownerDocument.addEventListener(\"keydown\", keyboard);\n\t\t\troot.addEventListener(\"scroll\", layout, true);\n\t\t\troot.addEventListener(\"animationend\", layout);\n\t\t\troot.addEventListener(\"transitionend\", layout);\n\t\t\tschedule();\n\t\t\treturn () => {\n\t\t\t\tcancelAnimationFrame(frame);\n\t\t\t\tresize.disconnect();\n\t\t\t\tmutations.disconnect();\n\t\t\t\troot.removeEventListener(\"pointerover\", over);\n\t\t\t\troot.removeEventListener(\"pointerleave\", leave);\n\t\t\t\troot.removeEventListener(\"focusin\", focus);\n\t\t\t\troot.removeEventListener(\"focusout\", blur);\n\t\t\t\troot.ownerDocument.removeEventListener(\"keydown\", keyboard);\n\t\t\t\troot.removeEventListener(\"scroll\", layout, true);\n\t\t\t\troot.removeEventListener(\"animationend\", layout);\n\t\t\t\troot.removeEventListener(\"transitionend\", layout);\n\t\t\t\tassignRef(ref, null);\n\t\t\t};\n\t\t},\n\t\t[ref, restoreOnPointerLeave],\n\t);\n}\n"],"mappings":"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"}

package/dist/viewmodels/use-approval-card.d.ts

@@ -0,0 +1,20 @@
+import { type ApprovalAnswers, type ApprovalQuestion } from "../models/agent-feedback.js";
+export declare function useApprovalCardViewModel({ questions, onSubmit, autoAdvance, }: {
+    questions: readonly ApprovalQuestion[];
+    onSubmit: (answers: ApprovalAnswers) => void | Promise<void>;
+    autoAdvance?: boolean;
+}): {
+    position: number;
+    focusToken: number;
+    question: ApprovalQuestion;
+    answer: import("../models/agent-feedback.js").ApprovalAnswer | undefined;
+    status: "editing" | "submitted" | "submitting";
+    error: string;
+    canContinue: boolean;
+    last: boolean;
+    choose: (id: string) => void;
+    move: (next: number) => void;
+    setCustom(value: string): void;
+    continue(): void;
+    skip(): void;
+};

package/dist/viewmodels/use-approval-card.js

@@ -0,0 +1,83 @@
+"use client";
+import { approvalSnapshot as e, validApprovalAnswer as t } from "../models/agent-feedback.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region src/viewmodels/use-approval-card.ts
+function a({ questions: a, onSubmit: o, autoAdvance: s = !0 }) {
+	let [c, l] = i(0), [u, d] = i(0), [f, p] = i({}), [m, h] = i("editing"), [g, _] = i(""), v = r(!1), y = r(!0), b = r(void 0), x = () => {
+		clearTimeout(b.current), b.current = void 0;
+	};
+	n(() => (y.current = !0, () => {
+		y.current = !1, clearTimeout(b.current);
+	}), []);
+	let S = Math.min(c, Math.max(0, a.length - 1)), C = a[S], w = C ? f[C.id] : void 0, T = S === a.length - 1, E = !!(C && t(C, w)), D = (e) => {
+		l(e), d((e) => e + 1);
+	}, O = (e) => {
+		v.current || a.length === 0 || (x(), D(Math.min(Math.max(0, e), a.length - 1)), _(""));
+	}, k = (e) => {
+		if (!C || v.current || !C.options.some((t) => t.id === e && !t.disabled)) return;
+		x();
+		let t = w?.selected ?? [];
+		p({
+			...f,
+			[C.id]: {
+				...w,
+				skipped: !1,
+				selected: C.type === "single" ? [e] : t.includes(e) ? t.filter((t) => t !== e) : [...t, e]
+			}
+		}), _(""), C.type === "single" && s && !T && (b.current = setTimeout(() => D(S + 1), 240));
+	}, A = async (n) => {
+		if (v.current || a.length === 0) return;
+		let r = a.findIndex((e) => !t(e, n[e.id]));
+		if (r >= 0) {
+			D(r);
+			return;
+		}
+		v.current = !0, h("submitting"), _(""), x();
+		try {
+			await o(e(a, n)), y.current && h("submitted");
+		} catch (e) {
+			y.current && (_(e instanceof Error ? e.message : "Could not submit answers. Try again."), h("editing"));
+		} finally {
+			v.current = !1;
+		}
+	};
+	return {
+		position: S,
+		focusToken: u,
+		question: C,
+		answer: w,
+		status: m,
+		error: g,
+		canContinue: E,
+		last: T,
+		choose: k,
+		move: O,
+		setCustom(e) {
+			C?.allowCustom && !v.current && (x(), p({
+				...f,
+				[C.id]: {
+					selected: w?.selected ?? [],
+					custom: e
+				}
+			}));
+		},
+		continue() {
+			E && !v.current && (T ? A(f) : O(S + 1));
+		},
+		skip() {
+			if (C?.required !== !1 || v.current) return;
+			let e = {
+				...f,
+				[C.id]: {
+					selected: [],
+					skipped: !0
+				}
+			};
+			p(e), T ? A(e) : O(S + 1);
+		}
+	};
+}
+//#endregion
+export { a as useApprovalCardViewModel };
+
+//# sourceMappingURL=use-approval-card.js.map

package/dist/viewmodels/use-approval-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-approval-card.js","names":["useApprovalCardViewModel","index","setIndex","useState","focusToken","setFocusToken","answers","setAnswers","status","setStatus","error","setError","locked","useRef","mounted","advanceTimer","cancelAdvance","position","questions","question","answer","last","canContinue","validApprovalAnswer","show","next","token","move","choose","option","id","selected","value","autoAdvance","submit","missing","item","nextAnswers","onSubmit","approvalSnapshot","reason"],"sources":["../../src/viewmodels/use-approval-card.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n\ttype ApprovalAnswers,\n\ttype ApprovalQuestion,\n\tapprovalSnapshot,\n\tvalidApprovalAnswer,\n} from \"../models/agent-feedback\";\n\nexport function useApprovalCardViewModel({\n\tquestions,\n\tonSubmit,\n\tautoAdvance = true,\n}: {\n\tquestions: readonly ApprovalQuestion[];\n\tonSubmit: (answers: ApprovalAnswers) => void | Promise<void>;\n\tautoAdvance?: boolean;\n}) {\n\tconst [index, setIndex] = useState(0);\n\tconst [focusToken, setFocusToken] = useState(0);\n\tconst [answers, setAnswers] = useState<ApprovalAnswers>({});\n\tconst [status, setStatus] = useState<\"editing\" | \"submitting\" | \"submitted\">(\"editing\");\n\tconst [error, setError] = useState(\"\");\n\tconst locked = useRef(false);\n\tconst mounted = useRef(true);\n\tconst advanceTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\tconst cancelAdvance = () => {\n\t\tclearTimeout(advanceTimer.current);\n\t\tadvanceTimer.current = undefined;\n\t};\n\tuseEffect(() => {\n\t\tmounted.current = true;\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t\tclearTimeout(advanceTimer.current);\n\t\t};\n\t}, []);\n\tconst position = Math.min(index, Math.max(0, questions.length - 1));\n\tconst question = questions[position];\n\tconst answer = question ? answers[question.id] : undefined;\n\tconst last = position === questions.length - 1;\n\tconst canContinue = Boolean(question && validApprovalAnswer(question, answer));\n\t/** Every programmatic question change asks the view to keep focus inside the card. */\n\tconst show = (next: number) => {\n\t\tsetIndex(next);\n\t\tsetFocusToken((token) => token + 1);\n\t};\n\tconst move = (next: number) => {\n\t\tif (locked.current || questions.length === 0) return;\n\t\tcancelAdvance();\n\t\tshow(Math.min(Math.max(0, next), questions.length - 1));\n\t\tsetError(\"\");\n\t};\n\tconst choose = (id: string) => {\n\t\tif (\n\t\t\t!question ||\n\t\t\tlocked.current ||\n\t\t\t!question.options.some((option) => option.id === id && !option.disabled)\n\t\t)\n\t\t\treturn;\n\t\tcancelAdvance();\n\t\tconst selected = answer?.selected ?? [];\n\t\tsetAnswers({\n\t\t\t...answers,\n\t\t\t[question.id]: {\n\t\t\t\t...answer,\n\t\t\t\tskipped: false,\n\t\t\t\tselected:\n\t\t\t\t\tquestion.type === \"single\"\n\t\t\t\t\t\t? [id]\n\t\t\t\t\t\t: selected.includes(id)\n\t\t\t\t\t\t\t? selected.filter((value) => value !== id)\n\t\t\t\t\t\t\t: [...selected, id],\n\t\t\t},\n\t\t});\n\t\tsetError(\"\");\n\t\tif (question.type === \"single\" && autoAdvance && !last)\n\t\t\tadvanceTimer.current = setTimeout(() => show(position + 1), 240);\n\t};\n\tconst submit = async (nextAnswers: ApprovalAnswers) => {\n\t\tif (locked.current || questions.length === 0) return;\n\t\tconst missing = questions.findIndex((item) => !validApprovalAnswer(item, nextAnswers[item.id]));\n\t\tif (missing >= 0) {\n\t\t\tshow(missing);\n\t\t\treturn;\n\t\t}\n\t\tlocked.current = true;\n\t\tsetStatus(\"submitting\");\n\t\tsetError(\"\");\n\t\tcancelAdvance();\n\t\ttry {\n\t\t\tawait onSubmit(approvalSnapshot(questions, nextAnswers));\n\t\t\tif (mounted.current) setStatus(\"submitted\");\n\t\t} catch (reason) {\n\t\t\tif (mounted.current) {\n\t\t\t\tsetError(reason instanceof Error ? reason.message : \"Could not submit answers. Try again.\");\n\t\t\t\tsetStatus(\"editing\");\n\t\t\t}\n\t\t} finally {\n\t\t\tlocked.current = false;\n\t\t}\n\t};\n\treturn {\n\t\tposition,\n\t\tfocusToken,\n\t\tquestion,\n\t\tanswer,\n\t\tstatus,\n\t\terror,\n\t\tcanContinue,\n\t\tlast,\n\t\tchoose,\n\t\tmove,\n\t\tsetCustom(value: string) {\n\t\t\tif (!question?.allowCustom || locked.current) return;\n\t\t\tcancelAdvance();\n\t\t\tsetAnswers({\n\t\t\t\t...answers,\n\t\t\t\t[question.id]: { selected: answer?.selected ?? [], custom: value },\n\t\t\t});\n\t\t},\n\t\tcontinue() {\n\t\t\tif (!canContinue || locked.current) return;\n\t\t\tif (last) void submit(answers);\n\t\t\telse move(position + 1);\n\t\t},\n\t\tskip() {\n\t\t\tif (question?.required !== false || locked.current) return;\n\t\t\tconst next = { ...answers, [question.id]: { selected: [], skipped: true } };\n\t\t\tsetAnswers(next);\n\t\t\tif (last) void submit(next);\n\t\t\telse move(position + 1);\n\t\t},\n\t};\n}\n"],"mappings":"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"}

package/dist/viewmodels/use-chat-composer.d.ts

@@ -0,0 +1,16 @@
+export declare function useChatComposer({ value, defaultValue, onValueChange, onSend, disabled, streaming, hasAttachments, }: {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onSend: (text: string) => void | Promise<void>;
+    disabled: boolean;
+    streaming: boolean;
+    hasAttachments: boolean;
+}): {
+    value: string;
+    update: (next: string) => void;
+    pending: boolean;
+    error: string;
+    canSend: boolean;
+    send(): Promise<boolean>;
+};

package/dist/viewmodels/use-chat-composer.js

@@ -0,0 +1,34 @@
+"use client";
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/viewmodels/use-chat-composer.ts
+function r({ value: r, defaultValue: i = "", onValueChange: a, onSend: o, disabled: s, streaming: c, hasAttachments: l }) {
+	let [u, d] = n(i), [f, p] = n(!1), [m, h] = n(""), g = t(!1), _ = t(!0);
+	e(() => (_.current = !0, () => {
+		_.current = !1;
+	}), []);
+	let v = r ?? u;
+	return {
+		value: v,
+		update: (e) => {
+			g.current || s || (r === void 0 && d(e), a?.(e), h(""));
+		},
+		pending: f,
+		error: m,
+		canSend: !s && !c && !f && (!!v.trim() || l),
+		async send() {
+			if (g.current || s || c || !v.trim() && !l) return !1;
+			g.current = !0, p(!0), h("");
+			try {
+				return await o(v.trim()), _.current && (r === void 0 && d(""), a?.("")), !0;
+			} catch (e) {
+				return _.current && h(e instanceof Error ? e.message : "Could not send message. Try again."), !1;
+			} finally {
+				g.current = !1, _.current && p(!1);
+			}
+		}
+	};
+}
+//#endregion
+export { r as useChatComposer };
+
+//# sourceMappingURL=use-chat-composer.js.map

package/dist/viewmodels/use-chat-composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat-composer.js","names":["useChatComposer","draft","setDraft","useState","defaultValue","pending","setPending","error","setError","locked","useRef","mounted","text","value","disabled","next","onValueChange","streaming","hasAttachments","onSend","reason"],"sources":["../../src/viewmodels/use-chat-composer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nexport function useChatComposer({\n\tvalue,\n\tdefaultValue = \"\",\n\tonValueChange,\n\tonSend,\n\tdisabled,\n\tstreaming,\n\thasAttachments,\n}: {\n\tvalue?: string;\n\tdefaultValue?: string;\n\tonValueChange?: (value: string) => void;\n\tonSend: (text: string) => void | Promise<void>;\n\tdisabled: boolean;\n\tstreaming: boolean;\n\thasAttachments: boolean;\n}) {\n\tconst [draft, setDraft] = useState(defaultValue);\n\tconst [pending, setPending] = useState(false);\n\tconst [error, setError] = useState(\"\");\n\tconst locked = useRef(false);\n\tconst mounted = useRef(true);\n\tuseEffect(() => {\n\t\tmounted.current = true;\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t};\n\t}, []);\n\tconst text = value ?? draft;\n\tconst update = (next: string) => {\n\t\tif (locked.current || disabled) return;\n\t\tif (value === undefined) setDraft(next);\n\t\tonValueChange?.(next);\n\t\tsetError(\"\");\n\t};\n\treturn {\n\t\tvalue: text,\n\t\tupdate,\n\t\tpending,\n\t\terror,\n\t\tcanSend: !disabled && !streaming && !pending && (Boolean(text.trim()) || hasAttachments),\n\t\tasync send() {\n\t\t\tif (locked.current || disabled || streaming || (!text.trim() && !hasAttachments))\n\t\t\t\treturn false;\n\t\t\tlocked.current = true;\n\t\t\tsetPending(true);\n\t\t\tsetError(\"\");\n\t\t\ttry {\n\t\t\t\tawait onSend(text.trim());\n\t\t\t\tif (mounted.current) {\n\t\t\t\t\tif (value === undefined) setDraft(\"\");\n\t\t\t\t\tonValueChange?.(\"\");\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} catch (reason) {\n\t\t\t\tif (mounted.current)\n\t\t\t\t\tsetError(reason instanceof Error ? reason.message : \"Could not send message. Try again.\");\n\t\t\t\treturn false;\n\t\t\t} finally {\n\t\t\t\tlocked.current = false;\n\t\t\t\tif (mounted.current) setPending(false);\n\t\t\t}\n\t\t},\n\t};\n}\n"],"mappings":";;;AAEA,SAAgBA,EAAgB,EAC/B,UACA,kBAAe,IACf,kBACA,WACA,aACA,cACA,qBASE;CACF,IAAM,CAACC,GAAOC,KAAYC,EAASC,CAAY,GACzC,CAACC,GAASC,KAAcH,EAAS,EAAK,GACtC,CAACI,GAAOC,KAAYL,EAAS,EAAE,GAC/BM,IAASC,EAAO,EAAK,GACrBC,IAAUD,EAAO,EAAI;CAC3B,SACC,EAAQ,UAAU,UACL;EACZ,EAAQ,UAAU;CACnB,IACE,CAAC,CAAC;CACL,IAAME,IAAOC,KAASZ;CAOtB,OAAO;EACN,OAAOW;EACP,SARe,MAAiB;GAChC,AAAIH,EAAO,WAAWK,MAClBD,MAAU,KAAA,KAAWX,EAASa,CAAI,GACtCC,IAAgBD,CAAI,GACpBP,EAAS,EAAE;EACZ;EAIC;EACA;EACA,SAAS,CAACM,KAAY,CAACG,KAAa,CAACZ,MAAY,EAAQO,EAAK,KAAK,KAAMM;EACzE,MAAM,OAAO;GACZ,IAAIT,EAAO,WAAWK,KAAYG,KAAc,CAACL,EAAK,KAAK,KAAK,CAACM,GAChE,OAAO;GAGR,AAFA,EAAO,UAAU,IACjBZ,EAAW,EAAI,GACfE,EAAS,EAAE;GACX,IAAI;IAMH,OALA,MAAMW,EAAOP,EAAK,KAAK,CAAC,GACpBD,EAAQ,YACPE,MAAU,KAAA,KAAWX,EAAS,EAAE,GACpCc,IAAgB,EAAE,IAEZ;GACR,SAASI,GAAQ;IAGhB,OAFIT,EAAQ,WACXH,EAASY,aAAkB,QAAQA,EAAO,UAAU,oCAAoC,GAClF;GACR,UAAU;IAET,AADA,EAAO,UAAU,IACbT,EAAQ,WAASL,EAAW,EAAK;GACtC;EACD;CACD;AACD"}

package/dist/viewmodels/use-chat-message.d.ts

@@ -0,0 +1,16 @@
+export declare function useChatMessage(content: string, sources: readonly {
+    id: string;
+    name: string;
+    type?: string;
+    href?: string;
+}[]): {
+    copied: boolean;
+    copyError: boolean;
+    sources: {
+        id: string;
+        name: string;
+        type?: string;
+        href: string | undefined;
+    }[];
+    copy(write: (text: string) => Promise<void>): Promise<void>;
+};