@adea-ai/ui 0.60.3 → 0.61.0

package/dist/components/on-screen-controls.d.ts

@@ -1,8 +0,0 @@
-import { type JSX } from 'solid-js';
-export type OnScreenControlsProps = {
-    onZoomIn?: () => void;
-    onZoomOut?: () => void;
-    showMovementControls?: boolean;
-    showJumpControl?: boolean;
-};
-export declare function OnScreenControls(props: OnScreenControlsProps): JSX.Element;

package/dist/components/on-screen-controls.js

@@ -1,162 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Button } from "./ui/button.js";
-import { className, createComponent, delegateEvents, effect, insert, setAttribute, template } from "solid-js/web";
-import { ZoomIn, ZoomOut } from "lucide-solid";
-import { Show, onCleanup } from "solid-js";
-//#region src/components/on-screen-controls.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<button type=button>`);
-var _tmpl$2 = /*#__PURE__*/ template(`<div class="pointer-events-auto grid grid-cols-3 gap-1.5 rounded-3xl bg-scrim/20 p-2 backdrop-blur-[2px]"><span></span><span>`);
-var _tmpl$3 = /*#__PURE__*/ template(`<div class="flex items-center gap-1.5 rounded-2xl bg-scrim/20 p-1.5 backdrop-blur-[2px]"role=group aria-label="Camera zoom">`);
-var _tmpl$4 = /*#__PURE__*/ template(`<div data-agent-hq-on-screen-controls class="pointer-events-none fixed inset-x-4 bottom-4 z-30 flex select-none items-end justify-between gap-4 pb-[env(safe-area-inset-bottom)] sm:inset-x-6 sm:bottom-6 [-webkit-touch-callout:none] [-webkit-user-select:none]"><div class="pointer-events-auto ml-auto flex flex-col items-end gap-2">`);
-function sendKeyEvent(type, code) {
-	window.dispatchEvent(new KeyboardEvent(type, {
-		bubbles: true,
-		cancelable: true,
-		code,
-		key: code
-	}));
-}
-function ControlButton(props) {
-	let pressed = false;
-	let pressedPointer = null;
-	const release = () => {
-		if (!pressed) return;
-		pressed = false;
-		pressedPointer = null;
-		sendKeyEvent("keyup", props.code);
-	};
-	if (typeof window !== "undefined") {
-		const onWindowPointerUp = (event) => {
-			if (pressedPointer === event.pointerId) release();
-		};
-		const onBlur = () => release();
-		window.addEventListener("pointerup", onWindowPointerUp);
-		window.addEventListener("blur", onBlur);
-		onCleanup(() => {
-			window.removeEventListener("pointerup", onWindowPointerUp);
-			window.removeEventListener("blur", onBlur);
-		});
-	}
-	const press = (event) => {
-		event.preventDefault();
-		if (pressed) return;
-		pressed = true;
-		pressedPointer = event.pointerId;
-		event.currentTarget.setPointerCapture(event.pointerId);
-		sendKeyEvent("keydown", props.code);
-	};
-	return (() => {
-		var _el$ = _tmpl$();
-		_el$.$$pointerup = release;
-		_el$.addEventListener("pointerleave", release);
-		_el$.$$pointerdown = press;
-		_el$.addEventListener("pointercancel", release);
-		_el$.$$contextmenu = (event) => event.preventDefault();
-		insert(_el$, () => props.children);
-		effect((_p$) => {
-			var _v$ = props.label, _v$2 = cn("flex size-14 touch-none select-none items-center justify-center rounded-2xl border border-scrim-edge/25 bg-scrim/65 p-2 text-scrim-foreground shadow-lg backdrop-blur-sm transition active:scale-95 [-webkit-touch-callout:none] [-webkit-user-select:none]", props.class);
-			_v$ !== _p$.e && setAttribute(_el$, "aria-label", _p$.e = _v$);
-			_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
-		});
-		return _el$;
-	})();
-}
-function OnScreenControls(props) {
-	const showMovementControls = () => props.showMovementControls ?? true;
-	const showJumpControl = () => props.showJumpControl ?? true;
-	const showZoomControls = () => Boolean(props.onZoomIn && props.onZoomOut);
-	return (() => {
-		var _el$2 = _tmpl$4(), _el$6 = _el$2.firstChild;
-		insert(_el$2, createComponent(Show, {
-			get when() {
-				return showMovementControls();
-			},
-			get children() {
-				var _el$3 = _tmpl$2(), _el$5 = _el$3.firstChild.nextSibling;
-				insert(_el$3, createComponent(ControlButton, {
-					code: "KeyW",
-					label: "Move forward",
-					"class": "size-12 rounded-xl text-xl",
-					children: "▲"
-				}), _el$5);
-				insert(_el$3, createComponent(ControlButton, {
-					code: "KeyA",
-					label: "Move left",
-					"class": "size-12 rounded-xl text-xl",
-					children: "◀"
-				}), null);
-				insert(_el$3, createComponent(ControlButton, {
-					code: "KeyS",
-					label: "Move backward",
-					"class": "size-12 rounded-xl text-xl",
-					children: "▼"
-				}), null);
-				insert(_el$3, createComponent(ControlButton, {
-					code: "KeyD",
-					label: "Move right",
-					"class": "size-12 rounded-xl text-xl",
-					children: "▶"
-				}), null);
-				return _el$3;
-			}
-		}), _el$6);
-		insert(_el$6, createComponent(Show, {
-			get when() {
-				return showZoomControls();
-			},
-			get children() {
-				var _el$7 = _tmpl$3();
-				insert(_el$7, createComponent(Button, {
-					type: "button",
-					variant: "secondary",
-					size: "icon-lg",
-					"aria-label": "Zoom out",
-					title: "Zoom out",
-					"class": "border border-scrim-edge/25 bg-scrim/65 text-scrim-foreground shadow-lg backdrop-blur-sm hover:bg-scrim/80",
-					onClick: () => props.onZoomOut?.(),
-					get children() {
-						return createComponent(ZoomOut, { "aria-hidden": "true" });
-					}
-				}), null);
-				insert(_el$7, createComponent(Button, {
-					type: "button",
-					variant: "secondary",
-					size: "icon-lg",
-					"aria-label": "Zoom in",
-					title: "Zoom in",
-					"class": "border border-scrim-edge/25 bg-scrim/65 text-scrim-foreground shadow-lg backdrop-blur-sm hover:bg-scrim/80",
-					onClick: () => props.onZoomIn?.(),
-					get children() {
-						return createComponent(ZoomIn, { "aria-hidden": "true" });
-					}
-				}), null);
-				return _el$7;
-			}
-		}), null);
-		insert(_el$6, createComponent(Show, {
-			get when() {
-				return showJumpControl();
-			},
-			get children() {
-				return createComponent(ControlButton, {
-					code: "Space",
-					label: "Jump",
-					"class": "text-xs font-semibold",
-					children: "JUMP"
-				});
-			}
-		}), null);
-		return _el$2;
-	})();
-}
-delegateEvents([
-	"contextmenu",
-	"pointerdown",
-	"pointerup"
-]);
-//#endregion
-export { OnScreenControls };

package/dist/components/scene-settings.d.ts

@@ -1,33 +0,0 @@
-import { type JSX } from 'solid-js';
-export type SceneSettingsProps = {
-    cameraViewMode: 'perspective' | 'orthographic';
-    onCameraViewModeChange: (value: 'perspective' | 'orthographic') => void;
-    allowCameraViewModeChange?: boolean;
-    /** Standalone character selection and customization menu toggle. */
-    characterDesignerEnabled?: boolean;
-    onCharacterDesignerChange?: (value: boolean) => void;
-    /** DOM target for the character designer control in an app shell toolbar. */
-    characterDesignerTargetId?: string;
-    /** Open the scene-specific room layout and interior prop designer. */
-    onOpenRoomDesigner?: () => void;
-    /** DOM target for the account drawer trigger in an app shell toolbar. */
-    accountTargetId?: string;
-    accountLabel?: string;
-    accountAuthenticated?: boolean;
-    accountBusy?: boolean;
-    accountMusicControl?: JSX.Element;
-    onAccountSignIn?: () => void;
-    onAccountSignOut?: () => void;
-    showAccountDrawer?: boolean;
-    /** DOM target for the compact camera controls in an app shell toolbar. */
-    cameraTargetId?: string;
-    /** DOM target for the room designer control in an app shell toolbar. */
-    roomDesignerTargetId?: string;
-    /** DOM target for the development scene editor control in an app shell toolbar. */
-    sceneEditorTargetId?: string;
-    /** Development-only scene editor toggle, available in perspective view. */
-    sceneEditorEnabled?: boolean;
-    onSceneEditorChange?: (value: boolean) => void;
-};
-/** Compact scene controls shared by the HQ shell and other scene hosts. */
-export declare function SceneSettings(props: SceneSettingsProps): JSX.Element;

package/dist/components/scene-settings.js

@@ -1,253 +0,0 @@
-import { Button } from "./ui/button.js";
-import { AccountDrawer } from "./account-drawer.js";
-import { Portal, createComponent, insert, template } from "solid-js/web";
-import { Box, Camera, Focus, Grid3X3, UserRoundPen } from "lucide-solid";
-import { Show, createEffect, createSignal } from "solid-js";
-//#region src/components/scene-settings.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<div class=workspace-camera-control role=group aria-label="Camera view">`);
-var _tmpl$2 = /*#__PURE__*/ template(`<span class=workspace-character-designer-label>Character`);
-var _tmpl$3 = /*#__PURE__*/ template(`<span class=workspace-room-designer-label>Room designer`);
-var _tmpl$4 = /*#__PURE__*/ template(`<span class=workspace-scene-editor-label>Scene editor`);
-var _tmpl$5 = /*#__PURE__*/ template(`<div class="fixed right-4 top-16 z-40">`);
-function usePortalTarget(targetId) {
-	const [target, setTarget] = createSignal(null);
-	createEffect(() => {
-		const id = targetId();
-		setTarget(id ? document.getElementById(id) : null);
-	});
-	return target;
-}
-function renderInTarget(content, target) {
-	return target ? createComponent(Portal, {
-		mount: target,
-		children: content
-	}) : content;
-}
-/** Compact scene controls shared by the HQ shell and other scene hosts. */
-function SceneSettings(props) {
-	const cameraTarget = usePortalTarget(() => props.cameraTargetId);
-	const characterDesignerTarget = usePortalTarget(() => props.characterDesignerTargetId);
-	const roomDesignerTarget = usePortalTarget(() => props.roomDesignerTargetId);
-	const sceneEditorTarget = usePortalTarget(() => props.sceneEditorTargetId);
-	const cameraControl = (() => {
-		var _el$ = _tmpl$();
-		insert(_el$, createComponent(Button, {
-			type: "button",
-			size: "sm",
-			get variant() {
-				return props.cameraViewMode === "perspective" ? "default" : "outline";
-			},
-			"class": "workspace-camera-button",
-			"aria-label": "Perspective camera",
-			title: "Perspective camera",
-			get ["aria-pressed"]() {
-				return props.cameraViewMode === "perspective";
-			},
-			onClick: () => props.onCameraViewModeChange("perspective"),
-			get children() {
-				return [createComponent(Camera, { "aria-hidden": "true" }), "Perspective"];
-			}
-		}), null);
-		insert(_el$, createComponent(Button, {
-			type: "button",
-			size: "sm",
-			get variant() {
-				return props.cameraViewMode === "orthographic" ? "default" : "outline";
-			},
-			"class": "workspace-camera-button",
-			"aria-label": "Top-down camera",
-			title: "Top-down camera",
-			get ["aria-pressed"]() {
-				return props.cameraViewMode === "orthographic";
-			},
-			onClick: () => props.onCameraViewModeChange("orthographic"),
-			get children() {
-				return [createComponent(Focus, { "aria-hidden": "true" }), "Top-down"];
-			}
-		}), null);
-		return _el$;
-	})();
-	const characterDesignerControl = createComponent(Button, {
-		type: "button",
-		get variant() {
-			return props.characterDesignerEnabled ? "default" : "outline";
-		},
-		size: "sm",
-		"aria-haspopup": "dialog",
-		get ["aria-label"]() {
-			return props.characterDesignerEnabled ? "Close character designer" : "Open character designer";
-		},
-		get title() {
-			return props.characterDesignerEnabled ? "Close character designer" : "Open character designer";
-		},
-		get ["aria-pressed"]() {
-			return props.characterDesignerEnabled;
-		},
-		onClick: () => props.onCharacterDesignerChange?.(!props.characterDesignerEnabled),
-		get children() {
-			return [createComponent(UserRoundPen, {
-				"class": "size-4",
-				"aria-hidden": "true"
-			}), _tmpl$2()];
-		}
-	});
-	const roomDesignerControl = createComponent(Button, {
-		type: "button",
-		variant: "outline",
-		size: "sm",
-		"aria-haspopup": "dialog",
-		"aria-label": "Open room designer",
-		title: "Open room designer",
-		onClick: () => props.onOpenRoomDesigner?.(),
-		get children() {
-			return [createComponent(Grid3X3, {
-				"class": "size-4",
-				"aria-hidden": "true"
-			}), _tmpl$3()];
-		}
-	});
-	const sceneEditorControl = createComponent(Button, {
-		type: "button",
-		get variant() {
-			return props.sceneEditorEnabled ? "default" : "outline";
-		},
-		size: "sm",
-		"aria-haspopup": "dialog",
-		get ["aria-label"]() {
-			return props.sceneEditorEnabled ? "Close scene editor" : "Open scene editor";
-		},
-		get title() {
-			return props.sceneEditorEnabled ? "Close scene editor" : "Open scene editor";
-		},
-		get ["aria-pressed"]() {
-			return props.sceneEditorEnabled;
-		},
-		onClick: () => props.onSceneEditorChange?.(!props.sceneEditorEnabled),
-		get children() {
-			return [createComponent(Box, {
-				"class": "size-4",
-				"aria-hidden": "true"
-			}), _tmpl$4()];
-		}
-	});
-	const showCharacterDesignerControl = () => props.characterDesignerEnabled != null && !props.characterDesignerEnabled && Boolean(props.onCharacterDesignerChange);
-	const showRoomDesignerControl = () => Boolean(props.onOpenRoomDesigner) && props.cameraViewMode === "orthographic";
-	const showSceneEditorControl = () => props.sceneEditorEnabled != null && !props.sceneEditorEnabled && Boolean(props.onSceneEditorChange) && props.cameraViewMode === "perspective";
-	return [
-		createComponent(Show, {
-			get when() {
-				return props.showAccountDrawer ?? true;
-			},
-			get children() {
-				return createComponent(AccountDrawer, {
-					get accountLabel() {
-						return props.accountLabel;
-					},
-					get authenticated() {
-						return props.accountAuthenticated;
-					},
-					get busy() {
-						return props.accountBusy;
-					},
-					get musicControl() {
-						return props.accountMusicControl;
-					},
-					get triggerTargetId() {
-						return props.accountTargetId;
-					},
-					get onSignIn() {
-						return props.onAccountSignIn;
-					},
-					get onSignOut() {
-						return props.onAccountSignOut;
-					}
-				});
-			}
-		}),
-		createComponent(Show, {
-			get when() {
-				return props.allowCameraViewModeChange ?? true;
-			},
-			get children() {
-				return renderInTarget(cameraControl, cameraTarget());
-			}
-		}),
-		createComponent(Show, {
-			get when() {
-				return showCharacterDesignerControl();
-			},
-			get children() {
-				return createComponent(Show, {
-					get when() {
-						return characterDesignerTarget();
-					},
-					get fallback() {
-						return (() => {
-							var _el$5 = _tmpl$5();
-							insert(_el$5, characterDesignerControl);
-							return _el$5;
-						})();
-					},
-					children: (target) => createComponent(Portal, {
-						get mount() {
-							return target();
-						},
-						children: characterDesignerControl
-					})
-				});
-			}
-		}),
-		createComponent(Show, {
-			get when() {
-				return showRoomDesignerControl();
-			},
-			get children() {
-				return createComponent(Show, {
-					get when() {
-						return roomDesignerTarget();
-					},
-					get fallback() {
-						return (() => {
-							var _el$6 = _tmpl$5();
-							insert(_el$6, roomDesignerControl);
-							return _el$6;
-						})();
-					},
-					children: (target) => createComponent(Portal, {
-						get mount() {
-							return target();
-						},
-						children: roomDesignerControl
-					})
-				});
-			}
-		}),
-		createComponent(Show, {
-			get when() {
-				return showSceneEditorControl();
-			},
-			get children() {
-				return createComponent(Show, {
-					get when() {
-						return sceneEditorTarget();
-					},
-					get fallback() {
-						return (() => {
-							var _el$7 = _tmpl$5();
-							insert(_el$7, sceneEditorControl);
-							return _el$7;
-						})();
-					},
-					children: (target) => createComponent(Portal, {
-						get mount() {
-							return target();
-						},
-						children: sceneEditorControl
-					})
-				});
-			}
-		})
-	];
-}
-//#endregion
-export { SceneSettings };

package/dist/components/theme-preview.d.ts

@@ -1,40 +0,0 @@
-import type { JSX } from 'solid-js';
-import type { ThemeVariant } from './appearance';
-/** Which corners of the miniature round themselves (donor `Corners`). */
-export type MiniatureCorners = 'all' | 'left' | 'right';
-/**
- * The sidebar-plus-pane miniature of the app chrome, painted from one
- * variant: a sidebar of text bars beside a bordered content pane. (Zeron
- * `miniature`; bar rhythm and opacities preserved.)
- */
-export declare function ThemeMiniature(props: {
-    variant: ThemeVariant;
-    corners?: MiniatureCorners;
-    class?: string;
-}): JSX.Element;
-/**
- * The System-mode card: the light and dark miniatures side by side, each
- * rounding only its outer corners. (Zeron `miniature_split`.)
- */
-export declare function ThemeMiniatureSplit(props: {
-    light: ThemeVariant;
-    dark: ThemeVariant;
-    class?: string;
-}): JSX.Element;
-/**
- * The compact palette strip in a theme picker row: surface, background, and
- * accent thirds behind the variant's border. (Zeron `palette_preview`.)
- */
-export declare function PalettePreview(props: {
-    variant: ThemeVariant;
-    class?: string;
-}): JSX.Element;
-/**
- * The "Theme default" accent sample: the derived accent wash with a ramp of
- * foreground glyph bars. (Zeron's accent-wash swatch; Adea derives the wash
- * from the accent roles and paints the glyph ramp with foreground opacities.)
- */
-export declare function AccentDefaultSample(props: {
-    variant: ThemeVariant;
-    class?: string;
-}): JSX.Element;