@webskill/sdk 0.10.0 → 0.12.0

package/dist/{catalogComponents-DTcYfpLQ-CcoOaz-Z.js → catalogComponents-BgAJN0p8-C3K8klJd.js}

@@ -1,11 +1,11 @@
 import { a as __require, i as __reExport, n as __esmMin, o as __toCommonJS, r as __exportAll$2, s as __toESM$1, t as __commonJSMin$1 } from "./rolldown-runtime-BOF7iYI8.js";
 import { h as WebSkillError } from "./dist-Bev6i6Ip.js";
-import { D as evaluateFieldCondition, I as qualifyFieldName, S as collectScopedValues, Z as DEFAULT_SURFACE_FORM_TEXTS, it as chartSpecFromProps, st as mountEchart, ut as resolveSurfaceFormTexts, x as collectFormScopes } from "./dist-1OFC-zax.js";
+import { Ct as resolveSurfaceFormTexts, E as collectScopedValues, H as qualifyFieldName, I as gaugePercent, T as collectFormScopes, at as DEFAULT_CHART_FONT_SIZES, ct as DEFAULT_SURFACE_HOST_CONTROL_TEXTS, gt as chartSpecFromProps, j as evaluateFieldCondition, st as DEFAULT_SURFACE_FORM_TEXTS, wt as resolveSurfaceHostControlTexts, xt as resolveChartFontSizes, yt as mountEchart } from "./dist-DqcL6jKO.js";
 import minpath$1 from "node:path";
 import { fileURLToPath as urlToPath$1 } from "node:url";
 import { z } from "zod";
 import * as React$10 from "react";
-import React, { Fragment, createContext, createElement, forwardRef, memo, useCallback, useContext, useDeferredValue, useEffect, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, default as react_default } from "react";
+import React, { createContext, createElement, forwardRef, memo, useCallback, useContext, useDeferredValue, useEffect, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, default as react_default } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import minproc$1 from "node:process";
@@ -3490,8 +3490,8 @@ function useDarkAncestor() {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var __defProp$31 = Object.defineProperty;
-var __name$29 = (target, value) => __defProp$31(target, "name", {
+var __defProp$29 = Object.defineProperty;
+var __name$27 = (target, value) => __defProp$29(target, "name", {
 	value,
 	configurable: true
 });
@@ -3499,7 +3499,7 @@ function setRef$1(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$29(setRef$1, "setRef");
+__name$27(setRef$1, "setRef");
 function composeRefs(...refs) {
 	return (node) => {
 		let hasCleanup = false;
@@ -3517,16 +3517,16 @@ function composeRefs(...refs) {
 		};
 	};
 }
-__name$29(composeRefs, "composeRefs");
+__name$27(composeRefs, "composeRefs");
 function useComposedRefs(...refs) {
 	return React$10.useCallback(composeRefs(...refs), refs);
 }
-__name$29(useComposedRefs, "useComposedRefs");
+__name$27(useComposedRefs, "useComposedRefs");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-context/dist/index.mjs
-var __defProp$30 = Object.defineProperty;
-var __name$28 = (target, value) => __defProp$30(target, "name", {
+var __defProp$28 = Object.defineProperty;
+var __name$26 = (target, value) => __defProp$28(target, "name", {
 	value,
 	configurable: true
 });
@@ -3534,7 +3534,7 @@ var __name$28 = (target, value) => __defProp$30(target, "name", {
 function createContext2(rootComponentName, defaultContext) {
 	const Context = React$10.createContext(defaultContext);
 	Context.displayName = rootComponentName + "Context";
-	const Provider = /* @__PURE__ */ __name$28((props) => {
+	const Provider = /* @__PURE__ */ __name$26((props) => {
 		const { children, ...context } = props;
 		const value = React$10.useMemo(() => context, Object.values(context));
 		return /* @__PURE__ */ jsx(Context.Provider, {
@@ -3551,10 +3551,10 @@ function createContext2(rootComponentName, defaultContext) {
 		if (optional) return void 0;
 		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 	}
-	__name$28(useContext2, "useContext");
+	__name$26(useContext2, "useContext");
 	return [Provider, useContext2];
 }
-__name$28(createContext2, "createContext");
+__name$26(createContext2, "createContext");
 // @__NO_SIDE_EFFECTS__
 function createContextScope(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
@@ -3563,7 +3563,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		BaseContext.displayName = rootComponentName + "Context";
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
-		const Provider = /* @__PURE__ */ __name$28((props) => {
+		const Provider = /* @__PURE__ */ __name$26((props) => {
 			const { scope, children, ...context } = props;
 			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const value = React$10.useMemo(() => context, Object.values(context));
@@ -3582,15 +3582,15 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 			if (optional) return void 0;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 		}
-		__name$28(useContext2, "useContext");
+		__name$26(useContext2, "useContext");
 		return [Provider, useContext2];
 	}
-	__name$28(createContext3, "createContext");
-	const createScope = /* @__PURE__ */ __name$28(() => {
+	__name$26(createContext3, "createContext");
+	const createScope = /* @__PURE__ */ __name$26(() => {
 		const scopeContexts = defaultContexts.map((defaultContext) => {
 			return React$10.createContext(defaultContext);
 		});
-		return /* @__PURE__ */ __name$28(function useScope(scope) {
+		return /* @__PURE__ */ __name$26(function useScope(scope) {
 			const contexts = scope?.[scopeName] || scopeContexts;
 			return React$10.useMemo(() => ({ [`__scope${scopeName}`]: {
 				...scope,
@@ -3601,16 +3601,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 	createScope.scopeName = scopeName;
 	return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-__name$28(createContextScope, "createContextScope");
+__name$26(createContextScope, "createContextScope");
 function composeContextScopes(...scopes) {
 	const baseScope = scopes[0];
 	if (scopes.length === 1) return baseScope;
-	const createScope = /* @__PURE__ */ __name$28(() => {
+	const createScope = /* @__PURE__ */ __name$26(() => {
 		const scopeHooks = scopes.map((createScope2) => ({
 			useScope: createScope2(),
 			scopeName: createScope2.scopeName
 		}));
-		return /* @__PURE__ */ __name$28(function useComposedScopes(overrideScopes) {
+		return /* @__PURE__ */ __name$26(function useComposedScopes(overrideScopes) {
 			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
 				const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
 				return {
@@ -3624,33 +3624,33 @@ function composeContextScopes(...scopes) {
 	createScope.scopeName = baseScope.scopeName;
 	return createScope;
 }
-__name$28(composeContextScopes, "composeContextScopes");
+__name$26(composeContextScopes, "composeContextScopes");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/index.mjs
-var __defProp$29 = Object.defineProperty;
-var __name$27 = (target, value) => __defProp$29(target, "name", {
+var __defProp$27 = Object.defineProperty;
+var __name$25 = (target, value) => __defProp$27(target, "name", {
 	value,
 	configurable: true
 });
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-	return /* @__PURE__ */ __name$27(function handleEvent(event) {
+	return /* @__PURE__ */ __name$25(function handleEvent(event) {
 		originalEventHandler?.(event);
 		if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) return ourEventHandler?.(event);
 	}, "handleEvent");
 }
-__name$27(composeEventHandlers, "composeEventHandlers");
+__name$25(composeEventHandlers, "composeEventHandlers");
 function getOwnerWindow(element) {
 	if (!canUseDOM) throw new Error("Cannot access window outside of the DOM");
 	return element?.ownerDocument?.defaultView ?? window;
 }
-__name$27(getOwnerWindow, "getOwnerWindow");
+__name$25(getOwnerWindow, "getOwnerWindow");
 function getOwnerDocument(element) {
 	if (!canUseDOM) throw new Error("Cannot access document outside of the DOM");
 	return element?.ownerDocument ?? document;
 }
-__name$27(getOwnerDocument, "getOwnerDocument");
+__name$25(getOwnerDocument, "getOwnerDocument");
 function getActiveElement(node, activeDescendant = false) {
 	const { activeElement } = getOwnerDocument(node);
 	if (!activeElement?.nodeName) return null;
@@ -3664,11 +3664,11 @@ function getActiveElement(node, activeDescendant = false) {
 	}
 	return activeElement;
 }
-__name$27(getActiveElement, "getActiveElement");
+__name$25(getActiveElement, "getActiveElement");
 function isFrame(element) {
 	return element.tagName === "IFRAME";
 }
-__name$27(isFrame, "isFrame");
+__name$25(isFrame, "isFrame");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
@@ -3676,8 +3676,8 @@ var useLayoutEffect2 = globalThis?.document ? React$10.useLayoutEffect : () => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-effect-event@0.0.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
-var __defProp$28 = Object.defineProperty;
-var __name$26 = (target, value) => __defProp$28(target, "name", {
+var __defProp$26 = Object.defineProperty;
+var __name$24 = (target, value) => __defProp$26(target, "name", {
 	value,
 	configurable: true
 });
@@ -3696,17 +3696,17 @@ function useEffectEvent$2(callback) {
 	});
 	return React$10.useMemo(() => ((...args) => ref.current?.(...args)), []);
 }
-__name$26(useEffectEvent$2, "useEffectEvent");
+__name$24(useEffectEvent$2, "useEffectEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var __defProp$27 = Object.defineProperty;
-var __name$25 = (target, value) => __defProp$27(target, "name", {
+var __defProp$25 = Object.defineProperty;
+var __name$23 = (target, value) => __defProp$25(target, "name", {
 	value,
 	configurable: true
 });
 var useInsertionEffect$1 = React$10[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
-function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$25(() => {}, "onChange"), caller }) {
+function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$23(() => {}, "onChange"), caller }) {
 	const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
 		defaultProp,
 		onChange
@@ -3733,7 +3733,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
 		onChangeRef
 	])];
 }
-__name$25(useControllableState, "useControllableState");
+__name$23(useControllableState, "useControllableState");
 function useUncontrolledState({ defaultProp, onChange }) {
 	const [value, setValue] = React$10.useState(defaultProp);
 	const prevValueRef = React$10.useRef(value);
@@ -3753,11 +3753,11 @@ function useUncontrolledState({ defaultProp, onChange }) {
 		onChangeRef
 	];
 }
-__name$25(useUncontrolledState, "useUncontrolledState");
+__name$23(useUncontrolledState, "useUncontrolledState");
 function isFunction$4(value) {
 	return typeof value === "function";
 }
-__name$25(isFunction$4, "isFunction");
+__name$23(isFunction$4, "isFunction");
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;
@@ -3816,12 +3816,12 @@ function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	]);
 	return [state, dispatch];
 }
-__name$25(useControllableStateReducer, "useControllableStateReducer");
+__name$23(useControllableStateReducer, "useControllableStateReducer");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var __defProp$26 = Object.defineProperty;
-var __name$24 = (target, value) => __defProp$26(target, "name", {
+var __defProp$24 = Object.defineProperty;
+var __name$22 = (target, value) => __defProp$24(target, "name", {
 	value,
 	configurable: true
 });
@@ -3859,12 +3859,12 @@ function useSize(element) {
 	}, [element]);
 	return size;
 }
-__name$24(useSize, "useSize");
+__name$22(useSize, "useSize");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_138587ba593102bdcf335a5673d92068/node_modules/@radix-ui/react-presence/dist/index.mjs
-var __defProp$25 = Object.defineProperty;
-var __name$23 = (target, value) => __defProp$25(target, "name", {
+var __defProp$23 = Object.defineProperty;
+var __name$21 = (target, value) => __defProp$23(target, "name", {
 	value,
 	configurable: true
 });
@@ -3873,8 +3873,8 @@ function useStateMachine$1(initialState, machine) {
 		return machine[state][event] ?? state;
 	}, initialState);
 }
-__name$23(useStateMachine$1, "useStateMachine");
-var Presence = /* @__PURE__ */ __name$23((props) => {
+__name$21(useStateMachine$1, "useStateMachine");
+var Presence = /* @__PURE__ */ __name$21((props) => {
 	const { present, children } = props;
 	const presence = usePresence(present);
 	const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$10.Children.only(children);
@@ -3923,7 +3923,7 @@ function usePresence(present) {
 		if (node) {
 			let timeoutId;
 			const ownerWindow = node.ownerDocument.defaultView ?? window;
-			const handleAnimationEnd = /* @__PURE__ */ __name$23((event) => {
+			const handleAnimationEnd = /* @__PURE__ */ __name$21((event) => {
 				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
 				if (event.target === node && isCurrentAnimation) {
 					send("ANIMATION_END");
@@ -3936,7 +3936,7 @@ function usePresence(present) {
 					}
 				}
 			}, "handleAnimationEnd");
-			const handleAnimationStart = /* @__PURE__ */ __name$23((event) => {
+			const handleAnimationStart = /* @__PURE__ */ __name$21((event) => {
 				if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
 			}, "handleAnimationStart");
 			node.addEventListener("animationstart", handleAnimationStart);
@@ -3962,12 +3962,12 @@ function usePresence(present) {
 		}, [])
 	};
 }
-__name$23(usePresence, "usePresence");
+__name$21(usePresence, "usePresence");
 function setRef(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$23(setRef, "setRef");
+__name$21(setRef, "setRef");
 function useStableComposedRefs(...refs) {
 	const refsRef = React$10.useRef(refs);
 	refsRef.current = refs;
@@ -3988,11 +3988,11 @@ function useStableComposedRefs(...refs) {
 		};
 	}, []);
 }
-__name$23(useStableComposedRefs, "useStableComposedRefs");
+__name$21(useStableComposedRefs, "useStableComposedRefs");
 function getAnimationName(styles) {
 	return styles?.animationName || "none";
 }
-__name$23(getAnimationName, "getAnimationName");
+__name$21(getAnimationName, "getAnimationName");
 function getElementRef$1(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -4002,12 +4002,12 @@ function getElementRef$1(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$23(getElementRef$1, "getElementRef");
+__name$21(getElementRef$1, "getElementRef");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-slot/dist/index.mjs
-var __defProp$24 = Object.defineProperty;
-var __name$22 = (target, value) => __defProp$24(target, "name", {
+var __defProp$22 = Object.defineProperty;
+var __name$20 = (target, value) => __defProp$22(target, "name", {
 	value,
 	configurable: true
 });
@@ -4044,17 +4044,17 @@ function createSlot(ownerName) {
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-__name$22(createSlot, "createSlot");
+__name$20(createSlot, "createSlot");
 var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
-	const Slottable2 = /* @__PURE__ */ __name$22((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
+	const Slottable2 = /* @__PURE__ */ __name$20((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
 	Slottable2.displayName = `${ownerName}.Slottable`;
 	Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
 	return Slottable2;
 }
-__name$22(createSlottable, "createSlottable");
-var getSlottableElementFromSlottable = /* @__PURE__ */ __name$22((slottable, child) => {
+__name$20(createSlottable, "createSlottable");
+var getSlottableElementFromSlottable = /* @__PURE__ */ __name$20((slottable, child) => {
 	if ("child" in slottable.props) {
 		const child2 = slottable.props.child;
 		if (!React$10.isValidElement(child2)) return null;
@@ -4085,7 +4085,7 @@ function mergeProps(slotProps, childProps) {
 		...overrideProps
 	};
 }
-__name$22(mergeProps, "mergeProps");
+__name$20(mergeProps, "mergeProps");
 function getElementRef(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -4095,32 +4095,32 @@ function getElementRef(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$22(getElementRef, "getElementRef");
+__name$20(getElementRef, "getElementRef");
 function isSlottable(child) {
 	return React$10.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
-__name$22(isSlottable, "isSlottable");
+__name$20(isSlottable, "isSlottable");
 var REACT_LAZY_TYPE = Symbol.for("react.lazy");
 function isLazyComponent(element) {
 	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
-__name$22(isLazyComponent, "isLazyComponent");
+__name$20(isLazyComponent, "isLazyComponent");
 function isPromiseLike(value) {
 	return typeof value === "object" && value !== null && "then" in value;
 }
-__name$22(isPromiseLike, "isPromiseLike");
-var createSlotError = /* @__PURE__ */ __name$22((ownerName) => {
+__name$20(isPromiseLike, "isPromiseLike");
+var createSlotError = /* @__PURE__ */ __name$20((ownerName) => {
 	return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
 }, "createSlotError");
-var createSlottableError = /* @__PURE__ */ __name$22((ownerName) => {
+var createSlottableError = /* @__PURE__ */ __name$20((ownerName) => {
 	return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
 }, "createSlottableError");
 var use$2 = React$10[" use ".trim().toString()];
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+r_be17283a23f513d7b972453cc36e2a96/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var __defProp$23 = Object.defineProperty;
-var __name$21 = (target, value) => __defProp$23(target, "name", {
+var __defProp$21 = Object.defineProperty;
+var __name$19 = (target, value) => __defProp$21(target, "name", {
 	value,
 	configurable: true
 });
@@ -4162,12 +4162,12 @@ var Primitive = [
 function dispatchDiscreteCustomEvent(target, event) {
 	if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
-__name$21(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
+__name$19(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-switch@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_e96baf15833549650471eefa4ffd78d0/node_modules/@radix-ui/react-switch/dist/index.mjs
-var __defProp$22 = Object.defineProperty;
-var __name$20 = (target, value) => __defProp$22(target, "name", {
+var __defProp$20 = Object.defineProperty;
+var __name$18 = (target, value) => __defProp$20(target, "name", {
 	value,
 	configurable: true
 });
@@ -4210,16 +4210,16 @@ function SwitchProvider(props) {
 		children: isFunction$3(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
 	});
 }
-__name$20(SwitchProvider, "SwitchProvider");
-var TRIGGER_NAME$3 = "SwitchTrigger";
-var SwitchTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function SwitchTrigger2({ __scopeSwitch, onClick, ...switchProps }, forwardedRef) {
-	const { control, form, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useSwitchContext(TRIGGER_NAME$3, __scopeSwitch);
+__name$18(SwitchProvider, "SwitchProvider");
+var TRIGGER_NAME$2 = "SwitchTrigger";
+var SwitchTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function SwitchTrigger2({ __scopeSwitch, onClick, ...switchProps }, forwardedRef) {
+	const { control, form, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useSwitchContext(TRIGGER_NAME$2, __scopeSwitch);
 	const composedRefs = useComposedRefs(forwardedRef, setControl);
 	const initialCheckedStateRef = React$10.useRef(checked);
 	React$10.useEffect(() => {
 		const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.form;
 		if (associatedForm instanceof HTMLFormElement) {
-			const reset = /* @__PURE__ */ __name$20(() => setChecked(initialCheckedStateRef.current), "reset");
+			const reset = /* @__PURE__ */ __name$18(() => setChecked(initialCheckedStateRef.current), "reset");
 			associatedForm.addEventListener("reset", reset);
 			return () => associatedForm.removeEventListener("reset", reset);
 		}
@@ -4249,7 +4249,7 @@ var SwitchTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$2
 		})
 	});
 }, "SwitchTrigger"));
-var Switch$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function Switch2(props, forwardedRef) {
+var Switch$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function Switch2(props, forwardedRef) {
 	const { __scopeSwitch, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...switchProps } = props;
 	return /* @__PURE__ */ jsx(SwitchProvider, {
 		__scopeSwitch,
@@ -4269,7 +4269,7 @@ var Switch$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(fun
 	});
 }, "Switch"));
 var THUMB_NAME$1 = "SwitchThumb";
-var SwitchThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function SwitchThumb2(props, forwardedRef) {
+var SwitchThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function SwitchThumb2(props, forwardedRef) {
 	const { __scopeSwitch, ...thumbProps } = props;
 	const context = useSwitchContext(THUMB_NAME$1, __scopeSwitch);
 	return /* @__PURE__ */ jsx(Primitive.span, {
@@ -4280,7 +4280,7 @@ var SwitchThumb = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(
 	});
 }, "SwitchThumb"));
 var BUBBLE_INPUT_NAME$2 = "SwitchBubbleInput";
-var SwitchBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$20(function SwitchBubbleInput2({ __scopeSwitch, onClick, ...props }, forwardedRef) {
+var SwitchBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function SwitchBubbleInput2({ __scopeSwitch, onClick, ...props }, forwardedRef) {
 	const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useSwitchContext(BUBBLE_INPUT_NAME$2, __scopeSwitch);
 	const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
 	const controlSize = useSize(control);
@@ -4340,16 +4340,16 @@ var SwitchBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __na
 function isFunction$3(value) {
 	return typeof value === "function";
 }
-__name$20(isFunction$3, "isFunction");
+__name$18(isFunction$3, "isFunction");
 function getState$2(checked) {
 	return checked ? "checked" : "unchecked";
 }
-__name$20(getState$2, "getState");
+__name$18(getState$2, "getState");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@types+_e3b314e214d3788bd2a3a0fbdfeba189/node_modules/@radix-ui/react-collection/dist/index.mjs
-var __defProp$21 = Object.defineProperty;
-var __name$19 = (target, value) => __defProp$21(target, "name", {
+var __defProp$19 = Object.defineProperty;
+var __name$17 = (target, value) => __defProp$19(target, "name", {
 	value,
 	configurable: true
 });
@@ -4361,7 +4361,7 @@ function createCollection(name) {
 		collectionRef: { current: null },
 		itemMap: /* @__PURE__ */ new Map()
 	});
-	const CollectionProvider = /* @__PURE__ */ __name$19((props) => {
+	const CollectionProvider = /* @__PURE__ */ __name$17((props) => {
 		const { scope, children } = props;
 		const ref = React$10.useRef(null);
 		const itemMap = React$10.useRef(/* @__PURE__ */ new Map()).current;
@@ -4415,7 +4415,7 @@ function createCollection(name) {
 			return Array.from(context.itemMap.values()).sort((a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current));
 		}, [context.collectionRef, context.itemMap]);
 	}
-	__name$19(useCollection, "useCollection");
+	__name$17(useCollection, "useCollection");
 	return [
 		{
 			Provider: CollectionProvider,
@@ -4426,11 +4426,11 @@ function createCollection(name) {
 		createCollectionScope
 	];
 }
-__name$19(createCollection, "createCollection");
+__name$17(createCollection, "createCollection");
 var __instanciated = /* @__PURE__ */ new WeakMap();
 var OrderedDict = class _OrderedDict extends Map {
 	static {
-		__name$19(this, "OrderedDict");
+		__name$17(this, "OrderedDict");
 	}
 	#keys;
 	constructor(entries) {
@@ -4698,18 +4698,18 @@ function at(array, index) {
 	const actualIndex = toSafeIndex(array, index);
 	return actualIndex === -1 ? void 0 : array[actualIndex];
 }
-__name$19(at, "at");
+__name$17(at, "at");
 function toSafeIndex(array, index) {
 	const length = array.length;
 	const relativeIndex = toSafeInteger(index);
 	const actualIndex = relativeIndex >= 0 ? relativeIndex : length + relativeIndex;
 	return actualIndex < 0 || actualIndex >= length ? -1 : actualIndex;
 }
-__name$19(toSafeIndex, "toSafeIndex");
+__name$17(toSafeIndex, "toSafeIndex");
 function toSafeInteger(number) {
 	return number !== number || number === 0 ? 0 : Math.trunc(number);
 }
-__name$19(toSafeInteger, "toSafeInteger");
+__name$17(toSafeInteger, "toSafeInteger");
 // @__NO_SIDE_EFFECTS__
 function createCollection2(name) {
 	const PROVIDER_NAME = name + "CollectionProvider";
@@ -4719,16 +4719,16 @@ function createCollection2(name) {
 		collectionRef: { current: null },
 		collectionRefObject: { current: null },
 		itemMap: new OrderedDict(),
-		setItemMap: /* @__PURE__ */ __name$19(() => void 0, "setItemMap")
+		setItemMap: /* @__PURE__ */ __name$17(() => void 0, "setItemMap")
 	});
-	const CollectionProvider = /* @__PURE__ */ __name$19(({ state, ...props }) => {
+	const CollectionProvider = /* @__PURE__ */ __name$17(({ state, ...props }) => {
 		return state ? /* @__PURE__ */ jsx(CollectionProviderImpl, {
 			...props,
 			state
 		}) : /* @__PURE__ */ jsx(CollectionInit, { ...props });
 	}, "CollectionProvider");
 	CollectionProvider.displayName = PROVIDER_NAME;
-	const CollectionInit = /* @__PURE__ */ __name$19((props) => {
+	const CollectionInit = /* @__PURE__ */ __name$17((props) => {
 		const state = useInitCollection();
 		return /* @__PURE__ */ jsx(CollectionProviderImpl, {
 			...props,
@@ -4736,7 +4736,7 @@ function createCollection2(name) {
 		});
 	}, "CollectionInit");
 	CollectionInit.displayName = PROVIDER_NAME + "Init";
-	const CollectionProviderImpl = /* @__PURE__ */ __name$19((props) => {
+	const CollectionProviderImpl = /* @__PURE__ */ __name$17((props) => {
 		const { scope, children, state } = props;
 		const ref = React$10.useRef(null);
 		const [collectionElement, setCollectionElement] = React$10.useState(null);
@@ -4825,12 +4825,12 @@ function createCollection2(name) {
 	function useInitCollection() {
 		return React$10.useState(new OrderedDict());
 	}
-	__name$19(useInitCollection, "useInitCollection");
+	__name$17(useInitCollection, "useInitCollection");
 	function useCollection(scope) {
 		const { itemMap } = useCollectionContext(name + "CollectionConsumer", scope);
 		return itemMap;
 	}
-	__name$19(useCollection, "useCollection");
+	__name$17(useCollection, "useCollection");
 	return [{
 		Provider: CollectionProvider,
 		Slot: CollectionSlot,
@@ -4841,7 +4841,7 @@ function createCollection2(name) {
 		useInitCollection
 	}];
 }
-__name$19(createCollection2, "createCollection");
+__name$17(createCollection2, "createCollection");
 function shallowEqual$1(a, b) {
 	if (a === b) return true;
 	if (typeof a !== "object" || typeof b !== "object") return false;
@@ -4855,15 +4855,15 @@ function shallowEqual$1(a, b) {
 	}
 	return true;
 }
-__name$19(shallowEqual$1, "shallowEqual");
+__name$17(shallowEqual$1, "shallowEqual");
 function isElementPreceding(a, b) {
 	return !!(b.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_PRECEDING);
 }
-__name$19(isElementPreceding, "isElementPreceding");
+__name$17(isElementPreceding, "isElementPreceding");
 function sortByDocumentPosition(a, b) {
 	return !a[1].element || !b[1].element ? 0 : isElementPreceding(a[1].element, b[1].element) ? -1 : 1;
 }
-__name$19(sortByDocumentPosition, "sortByDocumentPosition");
+__name$17(sortByDocumentPosition, "sortByDocumentPosition");
 function getChildListObserver(callback) {
 	return new MutationObserver((mutationsList) => {
 		for (const mutation of mutationsList) if (mutation.type === "childList") {
@@ -4872,12 +4872,12 @@ function getChildListObserver(callback) {
 		}
 	});
 }
-__name$19(getChildListObserver, "getChildListObserver");
+__name$17(getChildListObserver, "getChildListObserver");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-direction/dist/index.mjs
-var __defProp$20 = Object.defineProperty;
-var __name$18 = (target, value) => __defProp$20(target, "name", {
+var __defProp$18 = Object.defineProperty;
+var __name$16 = (target, value) => __defProp$18(target, "name", {
 	value,
 	configurable: true
 });
@@ -4886,12 +4886,12 @@ function useDirection(localDir) {
 	const globalDir = React$10.useContext(DirectionContext);
 	return localDir || globalDir || "ltr";
 }
-__name$18(useDirection, "useDirection");
+__name$16(useDirection, "useDirection");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-var __defProp$19 = Object.defineProperty;
-var __name$17 = (target, value) => __defProp$19(target, "name", {
+var __defProp$17 = Object.defineProperty;
+var __name$15 = (target, value) => __defProp$17(target, "name", {
 	value,
 	configurable: true
 });
@@ -4902,12 +4902,12 @@ function useCallbackRef(callback) {
 	});
 	return React$10.useMemo(() => ((...args) => callbackRef.current?.(...args)), []);
 }
-__name$17(useCallbackRef, "useCallbackRef");
+__name$15(useCallbackRef, "useCallbackRef");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.19_@types+react-dom@19.2.3_@types+react@19.2.17___1726272c044b69ad8799cdb51c1704df/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var __defProp$18 = Object.defineProperty;
-var __name$16 = (target, value) => __defProp$18(target, "name", {
+var __defProp$16 = Object.defineProperty;
+var __name$14 = (target, value) => __defProp$16(target, "name", {
 	value,
 	configurable: true
 });
@@ -4921,7 +4921,7 @@ var DismissableLayerContext = React$10.createContext({
 	branches: /* @__PURE__ */ new Set(),
 	dismissableSurfaces: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$16(function DismissableLayer2(props, forwardedRef) {
+var DismissableLayer = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$14(function DismissableLayer2(props, forwardedRef) {
 	const { disableOutsidePointerEvents = false, deferPointerDownOutside = false, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, ...layerProps } = props;
 	const context = React$10.useContext(DismissableLayerContext);
 	const [node, setNode] = React$10.useState(null);
@@ -5008,7 +5008,7 @@ var DismissableLayer = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __nam
 		};
 	}, [node, context]);
 	React$10.useEffect(() => {
-		const handleUpdate = /* @__PURE__ */ __name$16(() => force({}), "handleUpdate");
+		const handleUpdate = /* @__PURE__ */ __name$14(() => force({}), "handleUpdate");
 		document.addEventListener(CONTEXT_UPDATE, handleUpdate);
 		return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
 	}, []);
@@ -5036,8 +5036,8 @@ function useDismissableLayerSurface() {
 	}, [node, context.dismissableSurfaces]);
 	return setNode;
 }
-__name$16(useDismissableLayerSurface, "useDismissableLayerSurface");
-var IS_TRUE = /* @__PURE__ */ __name$16(() => true, "IS_TRUE");
+__name$14(useDismissableLayerSurface, "useDismissableLayerSurface");
+var IS_TRUE = /* @__PURE__ */ __name$14(() => true, "IS_TRUE");
 function usePointerDownOutside(onPointerDownOutside, args) {
 	const { ownerDocument = globalThis?.document, deferPointerDownOutside = false, isDeferredPointerDownOutsideRef, dismissableSurfaces, shouldHandlePointerDownOutside = IS_TRUE } = args;
 	const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
@@ -5051,11 +5051,11 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 			isDeferredPointerDownOutsideRef.current = false;
 			interceptedOutsideInteractionEventsRef.current.clear();
 		}
-		__name$16(resetOutsideInteraction, "resetOutsideInteraction");
+		__name$14(resetOutsideInteraction, "resetOutsideInteraction");
 		function isOutsideInteractionIntercepted() {
 			return Array.from(interceptedOutsideInteractionEventsRef.current.values()).some(Boolean);
 		}
-		__name$16(isOutsideInteractionIntercepted, "isOutsideInteractionIntercepted");
+		__name$14(isOutsideInteractionIntercepted, "isOutsideInteractionIntercepted");
 		function handleInteractionCapture(event) {
 			if (!isPointerDownOutsideRef.current) return;
 			const target = event.target;
@@ -5064,12 +5064,12 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 				if (isPointerDownOutsideRef.current) handleClickRef.current();
 			}, 0);
 		}
-		__name$16(handleInteractionCapture, "handleInteractionCapture");
+		__name$14(handleInteractionCapture, "handleInteractionCapture");
 		function handleInteractionBubble(event) {
 			if (isPointerDownOutsideRef.current) interceptedOutsideInteractionEventsRef.current.set(event.type, false);
 		}
-		__name$16(handleInteractionBubble, "handleInteractionBubble");
-		const handlePointerDown = /* @__PURE__ */ __name$16((event) => {
+		__name$14(handleInteractionBubble, "handleInteractionBubble");
+		const handlePointerDown = /* @__PURE__ */ __name$14((event) => {
 			if (event.target && !isPointerInsideReactTreeRef.current) {
 				let handleAndDispatchPointerDownOutsideEvent2 = function() {
 					ownerDocument.removeEventListener("click", handleClickRef.current);
@@ -5077,7 +5077,7 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 					resetOutsideInteraction();
 					if (!wasOutsideInteractionIntercepted) handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, { discrete: true });
 				};
-				__name$16(handleAndDispatchPointerDownOutsideEvent2, "handleAndDispatchPointerDownOutsideEvent");
+				__name$14(handleAndDispatchPointerDownOutsideEvent2, "handleAndDispatchPointerDownOutsideEvent");
 				if (!shouldHandlePointerDownOutside(event.target)) {
 					ownerDocument.removeEventListener("click", handleClickRef.current);
 					resetOutsideInteraction();
@@ -5132,30 +5132,30 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 		dismissableSurfaces,
 		shouldHandlePointerDownOutside
 	]);
-	return { onPointerDownCapture: /* @__PURE__ */ __name$16(() => isPointerInsideReactTreeRef.current = true, "onPointerDownCapture") };
+	return { onPointerDownCapture: /* @__PURE__ */ __name$14(() => isPointerInsideReactTreeRef.current = true, "onPointerDownCapture") };
 }
-__name$16(usePointerDownOutside, "usePointerDownOutside");
+__name$14(usePointerDownOutside, "usePointerDownOutside");
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
 	const handleFocusOutside = useCallbackRef(onFocusOutside);
 	const isFocusInsideReactTreeRef = React$10.useRef(false);
 	React$10.useEffect(() => {
-		const handleFocus = /* @__PURE__ */ __name$16((event) => {
+		const handleFocus = /* @__PURE__ */ __name$14((event) => {
 			if (event.target && !isFocusInsideReactTreeRef.current) handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, { originalEvent: event }, { discrete: false });
 		}, "handleFocus");
 		ownerDocument.addEventListener("focusin", handleFocus);
 		return () => ownerDocument.removeEventListener("focusin", handleFocus);
 	}, [ownerDocument, handleFocusOutside]);
 	return {
-		onFocusCapture: /* @__PURE__ */ __name$16(() => isFocusInsideReactTreeRef.current = true, "onFocusCapture"),
-		onBlurCapture: /* @__PURE__ */ __name$16(() => isFocusInsideReactTreeRef.current = false, "onBlurCapture")
+		onFocusCapture: /* @__PURE__ */ __name$14(() => isFocusInsideReactTreeRef.current = true, "onFocusCapture"),
+		onBlurCapture: /* @__PURE__ */ __name$14(() => isFocusInsideReactTreeRef.current = false, "onBlurCapture")
 	};
 }
-__name$16(useFocusOutside, "useFocusOutside");
+__name$14(useFocusOutside, "useFocusOutside");
 function dispatchUpdate() {
 	const event = new CustomEvent(CONTEXT_UPDATE);
 	document.dispatchEvent(event);
 }
-__name$16(dispatchUpdate, "dispatchUpdate");
+__name$14(dispatchUpdate, "dispatchUpdate");
 function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 	const target = detail.originalEvent.target;
 	const event = new CustomEvent(name, {
@@ -5167,12 +5167,12 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 	if (discrete) dispatchDiscreteCustomEvent(target, event);
 	else target.dispatchEvent(event);
 }
-__name$16(handleAndDispatchCustomEvent, "handleAndDispatchCustomEvent");
+__name$14(handleAndDispatchCustomEvent, "handleAndDispatchCustomEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-var __defProp$17 = Object.defineProperty;
-var __name$15 = (target, value) => __defProp$17(target, "name", {
+var __defProp$15 = Object.defineProperty;
+var __name$13 = (target, value) => __defProp$15(target, "name", {
 	value,
 	configurable: true
 });
@@ -5182,7 +5182,7 @@ function FocusGuards(props) {
 	useFocusGuards();
 	return props.children;
 }
-__name$15(FocusGuards, "FocusGuards");
+__name$13(FocusGuards, "FocusGuards");
 function useFocusGuards() {
 	React$10.useEffect(() => {
 		if (!guards) guards = {
@@ -5203,7 +5203,7 @@ function useFocusGuards() {
 		};
 	}, []);
 }
-__name$15(useFocusGuards, "useFocusGuards");
+__name$13(useFocusGuards, "useFocusGuards");
 function createFocusGuard() {
 	const element = document.createElement("span");
 	element.setAttribute("data-radix-focus-guard", "");
@@ -5214,12 +5214,12 @@ function createFocusGuard() {
 	element.style.pointerEvents = "none";
 	return element;
 }
-__name$15(createFocusGuard, "createFocusGuard");
+__name$13(createFocusGuard, "createFocusGuard");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.16_@types+react-dom@19.2.3_@types+react@19.2.17__@types_688a7092b7a27f27c45d3c59450c400f/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-var __defProp$16 = Object.defineProperty;
-var __name$14 = (target, value) => __defProp$16(target, "name", {
+var __defProp$14 = Object.defineProperty;
+var __name$12 = (target, value) => __defProp$14(target, "name", {
 	value,
 	configurable: true
 });
@@ -5229,7 +5229,7 @@ var EVENT_OPTIONS$1 = {
 	bubbles: false,
 	cancelable: true
 };
-var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$14(function FocusScope2(props, forwardedRef) {
+var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$12(function FocusScope2(props, forwardedRef) {
 	const { loop = false, trapped = false, onMountAutoFocus: onMountAutoFocusProp, onUnmountAutoFocus: onUnmountAutoFocusProp, ...scopeProps } = props;
 	const [container, setContainer] = React$10.useState(null);
 	const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
@@ -5261,9 +5261,9 @@ var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$14(f
 				if (document.activeElement !== document.body) return;
 				for (const mutation of mutations) if (mutation.removedNodes.length > 0) focus(container);
 			};
-			__name$14(handleFocusIn2, "handleFocusIn");
-			__name$14(handleFocusOut2, "handleFocusOut");
-			__name$14(handleMutations2, "handleMutations");
+			__name$12(handleFocusIn2, "handleFocusIn");
+			__name$12(handleFocusOut2, "handleFocusOut");
+			__name$12(handleMutations2, "handleMutations");
 			document.addEventListener("focusin", handleFocusIn2);
 			document.addEventListener("focusout", handleFocusOut2);
 			const mutationObserver = new MutationObserver(handleMutations2);
@@ -5291,7 +5291,7 @@ var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$14(f
 				container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
 				container.dispatchEvent(mountEvent);
 				if (!mountEvent.defaultPrevented) {
-					focusFirst$2(removeLinks(getTabbableCandidates(container)), { select: true });
+					focusFirst$1(removeLinks(getTabbableCandidates(container)), { select: true });
 					if (document.activeElement === previouslyFocusedElement) focus(container);
 				}
 			}
@@ -5343,22 +5343,22 @@ var FocusScope = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$14(f
 		onKeyDown: handleKeyDown
 	});
 }, "FocusScope"));
-function focusFirst$2(candidates, { select = false } = {}) {
+function focusFirst$1(candidates, { select = false } = {}) {
 	const previouslyFocusedElement = document.activeElement;
 	for (const candidate of candidates) {
 		focus(candidate, { select });
 		if (document.activeElement !== previouslyFocusedElement) return;
 	}
 }
-__name$14(focusFirst$2, "focusFirst");
+__name$12(focusFirst$1, "focusFirst");
 function getTabbableEdges(container) {
 	const candidates = getTabbableCandidates(container);
 	return [findVisible(candidates, container), findVisible(candidates.reverse(), container)];
 }
-__name$14(getTabbableEdges, "getTabbableEdges");
+__name$12(getTabbableEdges, "getTabbableEdges");
 function getTabbableCandidates(container) {
 	const nodes = [];
-	const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$14((node) => {
+	const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ __name$12((node) => {
 		const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
 		if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
 		return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -5366,12 +5366,12 @@ function getTabbableCandidates(container) {
 	while (walker.nextNode()) nodes.push(walker.currentNode);
 	return nodes;
 }
-__name$14(getTabbableCandidates, "getTabbableCandidates");
+__name$12(getTabbableCandidates, "getTabbableCandidates");
 function findVisible(elements, container) {
 	const canUseCheckVisibility = typeof container.checkVisibility === "function" && container.checkVisibility({ checkVisibilityCSS: true });
 	for (const element of elements) if (!(canUseCheckVisibility ? !element.checkVisibility({ checkVisibilityCSS: true }) : isHidden(element, { upTo: container }))) return element;
 }
-__name$14(findVisible, "findVisible");
+__name$12(findVisible, "findVisible");
 function isHidden(node, { upTo }) {
 	if (getComputedStyle(node).visibility === "hidden") return true;
 	while (node) {
@@ -5381,11 +5381,11 @@ function isHidden(node, { upTo }) {
 	}
 	return false;
 }
-__name$14(isHidden, "isHidden");
+__name$12(isHidden, "isHidden");
 function isSelectableInput(element) {
 	return element instanceof HTMLInputElement && "select" in element;
 }
-__name$14(isSelectableInput, "isSelectableInput");
+__name$12(isSelectableInput, "isSelectableInput");
 function focus(element, { select = false } = {}) {
 	if (element && element.focus) {
 		const previouslyFocusedElement = document.activeElement;
@@ -5393,7 +5393,7 @@ function focus(element, { select = false } = {}) {
 		if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
 	}
 }
-__name$14(focus, "focus");
+__name$12(focus, "focus");
 var focusScopesStack = createFocusScopesStack();
 function createFocusScopesStack() {
 	let stack = [];
@@ -5410,23 +5410,23 @@ function createFocusScopesStack() {
 		}
 	};
 }
-__name$14(createFocusScopesStack, "createFocusScopesStack");
+__name$12(createFocusScopesStack, "createFocusScopesStack");
 function arrayRemove(array, item) {
 	const updatedArray = [...array];
 	const index = updatedArray.indexOf(item);
 	if (index !== -1) updatedArray.splice(index, 1);
 	return updatedArray;
 }
-__name$14(arrayRemove, "arrayRemove");
+__name$12(arrayRemove, "arrayRemove");
 function removeLinks(items) {
 	return items.filter((item) => item.tagName !== "A");
 }
-__name$14(removeLinks, "removeLinks");
+__name$12(removeLinks, "removeLinks");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-id@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-id/dist/index.mjs
-var __defProp$15 = Object.defineProperty;
-var __name$13 = (target, value) => __defProp$15(target, "name", {
+var __defProp$13 = Object.defineProperty;
+var __name$11 = (target, value) => __defProp$13(target, "name", {
 	value,
 	configurable: true
 });
@@ -5439,7 +5439,7 @@ function useId$1(deterministicId) {
 	}, [deterministicId]);
 	return deterministicId || (id ? `radix-${id}` : "");
 }
-__name$13(useId$1, "useId");
+__name$11(useId$1, "useId");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
@@ -7077,15 +7077,15 @@ const arrow = (options, deps) => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-popper@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_4e5bda27561956783247cbf95bf4739f/node_modules/@radix-ui/react-popper/dist/index.mjs
-var __defProp$14 = Object.defineProperty;
-var __name$12 = (target, value) => __defProp$14(target, "name", {
+var __defProp$12 = Object.defineProperty;
+var __name$10 = (target, value) => __defProp$12(target, "name", {
 	value,
 	configurable: true
 });
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
-var Popper = /* @__PURE__ */ __name$12((props) => {
+var Popper = /* @__PURE__ */ __name$10((props) => {
 	const { __scopePopper, children } = props;
 	const [anchor, setAnchor] = React$10.useState(null);
 	const [placementState, setPlacementState] = React$10.useState(void 0);
@@ -7099,7 +7099,7 @@ var Popper = /* @__PURE__ */ __name$12((props) => {
 	});
 }, "Popper");
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$12(function PopperAnchor2(props, forwardedRef) {
+var PopperAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$10(function PopperAnchor2(props, forwardedRef) {
 	const { __scopePopper, virtualRef, ...anchorProps } = props;
 	const context = usePopperContext(ANCHOR_NAME, __scopePopper);
 	const ref = React$10.useRef(null);
@@ -7125,11 +7125,11 @@ var PopperAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$12
 		ref: composedRefs
 	});
 }, "PopperAnchor"));
-var CONTENT_NAME$4 = "PopperContent";
-var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$4);
-var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$12(function PopperContent2(props, forwardedRef) {
+var CONTENT_NAME$2 = "PopperContent";
+var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$2);
+var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$10(function PopperContent2(props, forwardedRef) {
 	const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
-	const context = usePopperContext(CONTENT_NAME$4, __scopePopper);
+	const context = usePopperContext(CONTENT_NAME$2, __scopePopper);
 	const [content, setContent] = React$10.useState(null);
 	const composedRefs = useComposedRefs(forwardedRef, setContent);
 	const [arrow$4, setArrow] = React$10.useState(null);
@@ -7154,7 +7154,7 @@ var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
 	const { refs, floatingStyles, placement, isPositioned, middlewareData } = useFloating({
 		strategy: "fixed",
 		placement: desiredPlacement,
-		whileElementsMounted: /* @__PURE__ */ __name$12((...args) => {
+		whileElementsMounted: /* @__PURE__ */ __name$10((...args) => {
 			return autoUpdate(...args, { animationFrame: updatePositionStrategy === "always" });
 		}, "whileElementsMounted"),
 		elements: { reference: context.anchor },
@@ -7172,7 +7172,7 @@ var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
 			avoidCollisions && flip({ ...detectOverflowOptions }),
 			size({
 				...detectOverflowOptions,
-				apply: /* @__PURE__ */ __name$12(({ elements, rects, availableWidth, availableHeight }) => {
+				apply: /* @__PURE__ */ __name$10(({ elements, rects, availableWidth, availableHeight }) => {
 					const { width: anchorWidth, height: anchorHeight } = rects.reference;
 					const contentStyle = elements.floating.style;
 					contentStyle.setProperty("--radix-popper-available-width", `${availableWidth}px`);
@@ -7254,8 +7254,8 @@ var PopperContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$1
 function isNotNull(value) {
 	return value !== null;
 }
-__name$12(isNotNull, "isNotNull");
-var transformOrigin = /* @__PURE__ */ __name$12((options) => ({
+__name$10(isNotNull, "isNotNull");
+var transformOrigin = /* @__PURE__ */ __name$10((options) => ({
 	name: "transformOrigin",
 	options,
 	fn(data) {
@@ -7296,19 +7296,19 @@ function getSideAndAlignFromPlacement(placement) {
 	const [side, align = "center"] = placement.split("-");
 	return [side, align];
 }
-__name$12(getSideAndAlignFromPlacement, "getSideAndAlignFromPlacement");
-var Root2$1 = Popper;
+__name$10(getSideAndAlignFromPlacement, "getSideAndAlignFromPlacement");
+var Root2 = Popper;
 var Anchor = PopperAnchor;
 var Content = PopperContent;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.17_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_17de5f572cef13944a3e44b7d1e8f104/node_modules/@radix-ui/react-portal/dist/index.mjs
-var __defProp$13 = Object.defineProperty;
-var __name$11 = (target, value) => __defProp$13(target, "name", {
+var __defProp$11 = Object.defineProperty;
+var __name$9 = (target, value) => __defProp$11(target, "name", {
 	value,
 	configurable: true
 });
-var Portal$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$11(function Portal2(props, forwardedRef) {
+var Portal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(function Portal2(props, forwardedRef) {
 	const { container: containerProp, ...portalProps } = props;
 	const [mounted, setMounted] = React$10.useState(false);
 	useLayoutEffect2(() => setMounted(true), []);
@@ -7321,8 +7321,8 @@ var Portal$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$11(fun
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-is-hydrated@0.1.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs
-var __defProp$12 = Object.defineProperty;
-var __name$10 = (target, value) => __defProp$12(target, "name", {
+var __defProp$10 = Object.defineProperty;
+var __name$8 = (target, value) => __defProp$10(target, "name", {
 	value,
 	configurable: true
 });
@@ -7337,22 +7337,22 @@ function useIsHydrated() {
 	}, []);
 	return isHydrated;
 }
-__name$10(useIsHydrated, "useIsHydrated");
+__name$8(useIsHydrated, "useIsHydrated");
 var useReactSyncExternalStore = React$10[" useSyncExternalStore ".trim().toString()];
 function subscribe() {
 	return () => {};
 }
-__name$10(subscribe, "subscribe");
+__name$8(subscribe, "subscribe");
 function useIsHydratedModern() {
 	return useReactSyncExternalStore(subscribe, () => true, () => false);
 }
-__name$10(useIsHydratedModern, "useIsHydratedModern");
+__name$8(useIsHydratedModern, "useIsHydratedModern");
 var useIsHydrated2 = typeof useReactSyncExternalStore === "function" ? useIsHydratedModern : useIsHydrated;
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.19_@types+react-dom@19.2.3_@types+react@19.2.17__@type_1ba36d19799ef89b87b035255f196a64/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-var __defProp$11 = Object.defineProperty;
-var __name$9 = (target, value) => __defProp$11(target, "name", {
+var __defProp$9 = Object.defineProperty;
+var __name$7 = (target, value) => __defProp$9(target, "name", {
 	value,
 	configurable: true
 });
@@ -7362,13 +7362,13 @@ var EVENT_OPTIONS = {
 	cancelable: true
 };
 var GROUP_NAME = "RovingFocusGroup";
-var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(GROUP_NAME);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope$2]);
+var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(GROUP_NAME);
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope$1]);
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(function RovingFocusGroup2(props, forwardedRef) {
-	return /* @__PURE__ */ jsx(Collection$2.Provider, {
+var RovingFocusGroup = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function RovingFocusGroup2(props, forwardedRef) {
+	return /* @__PURE__ */ jsx(Collection$1.Provider, {
 		scope: props.__scopeRovingFocusGroup,
-		children: /* @__PURE__ */ jsx(Collection$2.Slot, {
+		children: /* @__PURE__ */ jsx(Collection$1.Slot, {
 			scope: props.__scopeRovingFocusGroup,
 			children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, {
 				...props,
@@ -7377,7 +7377,7 @@ var RovingFocusGroup = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __nam
 		})
 	});
 }, "RovingFocusGroup"));
-var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(function RovingFocusGroupImpl2(props, forwardedRef) {
+var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function RovingFocusGroupImpl2(props, forwardedRef) {
 	const { __scopeRovingFocusGroup, orientation, loop = false, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, preventScrollOnEntryFocus = false, ...groupProps } = props;
 	const ref = React$10.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
@@ -7390,7 +7390,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
 	});
 	const [isTabbingBackOut, setIsTabbingBackOut] = React$10.useState(false);
 	const handleEntryFocus = useCallbackRef(onEntryFocus);
-	const getItems = useCollection$2(__scopeRovingFocusGroup);
+	const getItems = useCollection$1(__scopeRovingFocusGroup);
 	const isClickFocusRef = React$10.useRef(false);
 	const [focusableItemsCount, setFocusableItemsCount] = React$10.useState(0);
 	React$10.useEffect(() => {
@@ -7429,7 +7429,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
 					event.currentTarget.dispatchEvent(entryFocusEvent);
 					if (!entryFocusEvent.defaultPrevented) {
 						const items = getItems().filter((item) => item.focusable);
-						focusFirst$1([
+						focusFirst([
 							items.find((item) => item.active),
 							items.find((item) => item.id === currentTabStopId),
 							...items
@@ -7442,14 +7442,14 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
 		})
 	});
 }, "RovingFocusGroupImpl"));
-var ITEM_NAME$2 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$9(function RovingFocusGroupItem2(props, forwardedRef) {
+var ITEM_NAME$1 = "RovingFocusGroupItem";
+var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function RovingFocusGroupItem2(props, forwardedRef) {
 	const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
 	const autoId = useId$1();
 	const id = tabStopId || autoId;
-	const context = useRovingFocusContext(ITEM_NAME$2, __scopeRovingFocusGroup);
+	const context = useRovingFocusContext(ITEM_NAME$1, __scopeRovingFocusGroup);
 	const isCurrentTabStop = context.currentTabStopId === id;
-	const getItems = useCollection$2(__scopeRovingFocusGroup);
+	const getItems = useCollection$1(__scopeRovingFocusGroup);
 	const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
 	const isHydrated = useIsHydrated2();
 	useLayoutEffect2(() => {
@@ -7472,7 +7472,7 @@ var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
 		onFocusableItemAdd,
 		onFocusableItemRemove
 	]);
-	return /* @__PURE__ */ jsx(Collection$2.ItemSlot, {
+	return /* @__PURE__ */ jsx(Collection$1.ItemSlot, {
 		scope: __scopeRovingFocusGroup,
 		id,
 		focusable,
@@ -7502,9 +7502,9 @@ var RovingFocusGroupItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ _
 					else if (focusIntent === "prev" || focusIntent === "next") {
 						if (focusIntent === "prev") candidateNodes.reverse();
 						const currentIndex = candidateNodes.indexOf(event.currentTarget);
-						candidateNodes = context.loop ? wrapArray$2(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
+						candidateNodes = context.loop ? wrapArray$1(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
 					}
-					setTimeout(() => focusFirst$1(candidateNodes));
+					setTimeout(() => focusFirst(candidateNodes));
 				}
 			}),
 			children: typeof children === "function" ? children({
@@ -7528,15 +7528,15 @@ function getDirectionAwareKey(key, dir) {
 	if (dir !== "rtl") return key;
 	return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
-__name$9(getDirectionAwareKey, "getDirectionAwareKey");
+__name$7(getDirectionAwareKey, "getDirectionAwareKey");
 function getFocusIntent(event, orientation, dir) {
 	const key = getDirectionAwareKey(event.key, dir);
 	if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
 	if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
 	return MAP_KEY_TO_FOCUS_INTENT[key];
 }
-__name$9(getFocusIntent, "getFocusIntent");
-function focusFirst$1(candidates, preventScroll = false) {
+__name$7(getFocusIntent, "getFocusIntent");
+function focusFirst(candidates, preventScroll = false) {
 	const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
 	for (const candidate of candidates) {
 		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
@@ -7544,11 +7544,11 @@ function focusFirst$1(candidates, preventScroll = false) {
 		if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
 	}
 }
-__name$9(focusFirst$1, "focusFirst");
-function wrapArray$2(array, startIndex) {
+__name$7(focusFirst, "focusFirst");
+function wrapArray$1(array, startIndex) {
 	return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-__name$9(wrapArray$2, "wrapArray");
+__name$7(wrapArray$1, "wrapArray");
 var Root$2 = RovingFocusGroup;
 var Item = RovingFocusGroupItem;
 
@@ -9601,649 +9601,6 @@ var require_es5 = /* @__PURE__ */ __commonJSMin$1(((exports) => {
 	exports.RemoveScroll = Combination_1.default;
 }));
 
-//#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-menu@2.1.24_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react@_b4abbb2a563651316651d75e08bb1ff0/node_modules/@radix-ui/react-menu/dist/index.mjs
-var import_es5 = require_es5$6();
-var import_es5$1 = require_es5();
-var __defProp$10 = Object.defineProperty;
-var __name$8 = (target, value) => __defProp$10(target, "name", {
-	value,
-	configurable: true
-});
-var SELECTION_KEYS$1 = ["Enter", " "];
-var FIRST_KEYS = [
-	"ArrowDown",
-	"PageUp",
-	"Home"
-];
-var LAST_KEYS = [
-	"ArrowUp",
-	"PageDown",
-	"End"
-];
-var FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
-var SUB_OPEN_KEYS = {
-	ltr: [...SELECTION_KEYS$1, "ArrowRight"],
-	rtl: [...SELECTION_KEYS$1, "ArrowLeft"]
-};
-var MENU_NAME = "Menu";
-var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [
-	createCollectionScope$1,
-	createPopperScope,
-	createRovingFocusGroupScope
-]);
-var usePopperScope$1 = createPopperScope();
-var useRovingFocusGroupScope$1 = createRovingFocusGroupScope();
-var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
-var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
-var Menu = /* @__PURE__ */ __name$8((props) => {
-	const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
-	const popperScope = usePopperScope$1(__scopeMenu);
-	const [content, setContent] = React$10.useState(null);
-	const isUsingKeyboardRef = React$10.useRef(false);
-	const handleOpenChange = useCallbackRef(onOpenChange);
-	const direction = useDirection(dir);
-	React$10.useEffect(() => {
-		const handleKeyDown = /* @__PURE__ */ __name$8(() => {
-			isUsingKeyboardRef.current = true;
-			document.addEventListener("pointerdown", handlePointer, {
-				capture: true,
-				once: true
-			});
-			document.addEventListener("pointermove", handlePointer, {
-				capture: true,
-				once: true
-			});
-		}, "handleKeyDown");
-		const handlePointer = /* @__PURE__ */ __name$8(() => isUsingKeyboardRef.current = false, "handlePointer");
-		document.addEventListener("keydown", handleKeyDown, { capture: true });
-		return () => {
-			document.removeEventListener("keydown", handleKeyDown, { capture: true });
-			document.removeEventListener("pointerdown", handlePointer, { capture: true });
-			document.removeEventListener("pointermove", handlePointer, { capture: true });
-		};
-	}, []);
-	React$10.useEffect(() => {
-		if (!open) return;
-		const handleBlur = /* @__PURE__ */ __name$8(() => handleOpenChange(false), "handleBlur");
-		window.addEventListener("blur", handleBlur);
-		return () => window.removeEventListener("blur", handleBlur);
-	}, [open, handleOpenChange]);
-	return /* @__PURE__ */ jsx(Root2$1, {
-		...popperScope,
-		children: /* @__PURE__ */ jsx(MenuProvider, {
-			scope: __scopeMenu,
-			open,
-			onOpenChange: handleOpenChange,
-			content,
-			onContentChange: setContent,
-			children: /* @__PURE__ */ jsx(MenuRootProvider, {
-				scope: __scopeMenu,
-				onClose: React$10.useCallback(() => handleOpenChange(false), [handleOpenChange]),
-				isUsingKeyboardRef,
-				dir: direction,
-				modal,
-				children
-			})
-		})
-	});
-}, "Menu");
-var MenuAnchor = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuAnchor2(props, forwardedRef) {
-	const { __scopeMenu, ...anchorProps } = props;
-	const popperScope = usePopperScope$1(__scopeMenu);
-	return /* @__PURE__ */ jsx(Anchor, {
-		...popperScope,
-		...anchorProps,
-		ref: forwardedRef
-	});
-}, "MenuAnchor"));
-var PORTAL_NAME$1 = "MenuPortal";
-var [PortalProvider$2, usePortalContext$2] = createMenuContext(PORTAL_NAME$1, { forceMount: void 0 });
-var MenuPortal = /* @__PURE__ */ __name$8((props) => {
-	const { __scopeMenu, forceMount, children, container } = props;
-	const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
-	return /* @__PURE__ */ jsx(PortalProvider$2, {
-		scope: __scopeMenu,
-		forceMount,
-		children: /* @__PURE__ */ jsx(Presence, {
-			present: forceMount || context.open,
-			children: /* @__PURE__ */ jsx(Portal$1, {
-				asChild: true,
-				container,
-				children
-			})
-		})
-	});
-}, "MenuPortal");
-var CONTENT_NAME$3 = "MenuContent";
-var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$3);
-var MenuContent = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuContent2(props, forwardedRef) {
-	const portalContext = usePortalContext$2(CONTENT_NAME$3, props.__scopeMenu);
-	const { forceMount = portalContext.forceMount, ...contentProps } = props;
-	const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
-	const rootContext = useMenuRootContext(CONTENT_NAME$3, props.__scopeMenu);
-	return /* @__PURE__ */ jsx(Collection$1.Provider, {
-		scope: props.__scopeMenu,
-		children: /* @__PURE__ */ jsx(Presence, {
-			present: forceMount || context.open,
-			children: /* @__PURE__ */ jsx(Collection$1.Slot, {
-				scope: props.__scopeMenu,
-				children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, {
-					...contentProps,
-					ref: forwardedRef
-				}) : /* @__PURE__ */ jsx(MenuRootContentNonModal, {
-					...contentProps,
-					ref: forwardedRef
-				})
-			})
-		})
-	});
-}, "MenuContent"));
-var MenuRootContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuRootContentModal2(props, forwardedRef) {
-	const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
-	const ref = React$10.useRef(null);
-	const composedRefs = useComposedRefs(forwardedRef, ref);
-	React$10.useEffect(() => {
-		const content = ref.current;
-		if (content) return (0, import_es5.hideOthers)(content);
-	}, []);
-	return /* @__PURE__ */ jsx(MenuContentImpl, {
-		...props,
-		ref: composedRefs,
-		trapFocus: context.open,
-		disableOutsidePointerEvents: context.open,
-		disableOutsideScroll: true,
-		onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => event.preventDefault(), { checkForDefaultPrevented: false }),
-		onDismiss: () => context.onOpenChange(false)
-	});
-}, "MenuRootContentModal"));
-var MenuRootContentNonModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuRootContentNonModal2(props, forwardedRef) {
-	const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
-	return /* @__PURE__ */ jsx(MenuContentImpl, {
-		...props,
-		ref: forwardedRef,
-		trapFocus: false,
-		disableOutsidePointerEvents: false,
-		disableOutsideScroll: false,
-		onDismiss: () => context.onOpenChange(false)
-	});
-}, "MenuRootContentNonModal"));
-var Slot$2 = createSlot("MenuContent.ScrollLock");
-var MenuContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuContentImpl2(props, forwardedRef) {
-	const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
-	const context = useMenuContext(CONTENT_NAME$3, __scopeMenu);
-	const rootContext = useMenuRootContext(CONTENT_NAME$3, __scopeMenu);
-	const popperScope = usePopperScope$1(__scopeMenu);
-	const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
-	const getItems = useCollection$1(__scopeMenu);
-	const [currentItemId, setCurrentItemId] = React$10.useState(null);
-	const contentRef = React$10.useRef(null);
-	const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-	const timerRef = React$10.useRef(0);
-	const searchRef = React$10.useRef("");
-	const pointerGraceTimerRef = React$10.useRef(0);
-	const pointerGraceIntentRef = React$10.useRef(null);
-	const pointerDirRef = React$10.useRef("right");
-	const lastPointerXRef = React$10.useRef(0);
-	const ScrollLockWrapper = disableOutsideScroll ? import_es5$1.RemoveScroll : React$10.Fragment;
-	const scrollLockWrapperProps = disableOutsideScroll ? {
-		as: Slot$2,
-		allowPinchZoom: true
-	} : void 0;
-	const handleTypeaheadSearch = /* @__PURE__ */ __name$8((key) => {
-		const search = searchRef.current + key;
-		const items = getItems().filter((item) => !item.disabled);
-		const currentItem = document.activeElement;
-		const currentMatch = items.find((item) => item.ref.current === currentItem)?.textValue;
-		const nextMatch = getNextMatch(items.map((item) => item.textValue), search, currentMatch);
-		const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
-		(/* @__PURE__ */ __name$8((function updateSearch(value) {
-			searchRef.current = value;
-			window.clearTimeout(timerRef.current);
-			if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
-		}), "updateSearch"))(search);
-		if (newItem) setTimeout(() => newItem.focus());
-	}, "handleTypeaheadSearch");
-	React$10.useEffect(() => {
-		return () => window.clearTimeout(timerRef.current);
-	}, []);
-	useFocusGuards();
-	const isPointerMovingToSubmenu = React$10.useCallback((event) => {
-		return pointerDirRef.current === pointerGraceIntentRef.current?.side && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
-	}, []);
-	return /* @__PURE__ */ jsx(MenuContentProvider, {
-		scope: __scopeMenu,
-		searchRef,
-		onItemEnter: React$10.useCallback((event) => {
-			if (isPointerMovingToSubmenu(event)) event.preventDefault();
-		}, [isPointerMovingToSubmenu]),
-		onItemLeave: React$10.useCallback((event) => {
-			if (isPointerMovingToSubmenu(event)) return;
-			contentRef.current?.focus();
-			setCurrentItemId(null);
-		}, [isPointerMovingToSubmenu]),
-		onTriggerLeave: React$10.useCallback((event) => {
-			if (isPointerMovingToSubmenu(event)) event.preventDefault();
-		}, [isPointerMovingToSubmenu]),
-		pointerGraceTimerRef,
-		onPointerGraceIntentChange: React$10.useCallback((intent) => {
-			pointerGraceIntentRef.current = intent;
-		}, []),
-		children: /* @__PURE__ */ jsx(ScrollLockWrapper, {
-			...scrollLockWrapperProps,
-			children: /* @__PURE__ */ jsx(FocusScope, {
-				asChild: true,
-				trapped: trapFocus,
-				onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event) => {
-					event.preventDefault();
-					contentRef.current?.focus({ preventScroll: true });
-				}),
-				onUnmountAutoFocus: onCloseAutoFocus,
-				children: /* @__PURE__ */ jsx(DismissableLayer, {
-					asChild: true,
-					disableOutsidePointerEvents,
-					onEscapeKeyDown,
-					onPointerDownOutside,
-					onFocusOutside,
-					onInteractOutside,
-					onDismiss,
-					children: /* @__PURE__ */ jsx(Root$2, {
-						asChild: true,
-						...rovingFocusGroupScope,
-						dir: rootContext.dir,
-						orientation: "vertical",
-						loop,
-						currentTabStopId: currentItemId,
-						onCurrentTabStopIdChange: setCurrentItemId,
-						onEntryFocus: composeEventHandlers(onEntryFocus, (event) => {
-							if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
-						}),
-						preventScrollOnEntryFocus: true,
-						children: /* @__PURE__ */ jsx(Content, {
-							role: "menu",
-							"aria-orientation": "vertical",
-							"data-state": getOpenState(context.open),
-							"data-radix-menu-content": "",
-							dir: rootContext.dir,
-							...popperScope,
-							...contentProps,
-							ref: composedRefs,
-							style: {
-								outline: "none",
-								...contentProps.style
-							},
-							onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event) => {
-								const isKeyDownInside = event.target.closest("[data-radix-menu-content]") === event.currentTarget;
-								const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-								const isCharacterKey = event.key.length === 1;
-								if (isKeyDownInside) {
-									if (event.key === "Tab") event.preventDefault();
-									if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);
-								}
-								const content = contentRef.current;
-								if (event.target !== content) return;
-								if (!FIRST_LAST_KEYS.includes(event.key)) return;
-								event.preventDefault();
-								const candidateNodes = getItems().filter((item) => !item.disabled).map((item) => item.ref.current);
-								if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
-								focusFirst(candidateNodes);
-							}),
-							onBlur: composeEventHandlers(props.onBlur, (event) => {
-								if (!event.currentTarget.contains(event.target)) {
-									window.clearTimeout(timerRef.current);
-									searchRef.current = "";
-								}
-							}),
-							onPointerMove: composeEventHandlers(props.onPointerMove, whenMouse((event) => {
-								const target = event.target;
-								const pointerXHasChanged = lastPointerXRef.current !== event.clientX;
-								if (event.currentTarget.contains(target) && pointerXHasChanged) {
-									const newDir = event.clientX > lastPointerXRef.current ? "right" : "left";
-									pointerDirRef.current = newDir;
-									lastPointerXRef.current = event.clientX;
-								}
-							}))
-						})
-					})
-				})
-			})
-		})
-	});
-}, "MenuContentImpl"));
-var ITEM_NAME$1 = "MenuItem";
-var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuItem2(props, forwardedRef) {
-	const { disabled = false, onSelect, ...itemProps } = props;
-	const ref = React$10.useRef(null);
-	const rootContext = useMenuRootContext(ITEM_NAME$1, props.__scopeMenu);
-	const contentContext = useMenuContentContext(ITEM_NAME$1, props.__scopeMenu);
-	const composedRefs = useComposedRefs(forwardedRef, ref);
-	const isPointerDownRef = React$10.useRef(false);
-	const handleSelect = /* @__PURE__ */ __name$8(() => {
-		const menuItem = ref.current;
-		if (!disabled && menuItem) {
-			const itemSelectEvent = new CustomEvent(ITEM_SELECT, {
-				bubbles: true,
-				cancelable: true
-			});
-			menuItem.addEventListener(ITEM_SELECT, (event) => onSelect?.(event), { once: true });
-			dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
-			if (itemSelectEvent.defaultPrevented) isPointerDownRef.current = false;
-			else rootContext.onClose();
-		}
-	}, "handleSelect");
-	return /* @__PURE__ */ jsx(MenuItemImpl, {
-		...itemProps,
-		ref: composedRefs,
-		disabled,
-		onClick: composeEventHandlers(props.onClick, handleSelect),
-		onPointerDown: (event) => {
-			props.onPointerDown?.(event);
-			isPointerDownRef.current = true;
-		},
-		onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
-			if (!isPointerDownRef.current) event.currentTarget?.click();
-		}),
-		onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-			if (disabled || event.target !== event.currentTarget) return;
-			if (contentContext.searchRef.current !== "" && event.key === " ") return;
-			if (SELECTION_KEYS$1.includes(event.key)) {
-				event.currentTarget.click();
-				event.preventDefault();
-			}
-		})
-	});
-}, "MenuItem"));
-var MenuItemImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuItemImpl2(props, forwardedRef) {
-	const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
-	const contentContext = useMenuContentContext(ITEM_NAME$1, __scopeMenu);
-	const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
-	const ref = React$10.useRef(null);
-	const composedRefs = useComposedRefs(forwardedRef, ref);
-	const [isFocused, setIsFocused] = React$10.useState(false);
-	const [textContent, setTextContent] = React$10.useState("");
-	React$10.useEffect(() => {
-		const menuItem = ref.current;
-		if (menuItem) setTextContent((menuItem.textContent ?? "").trim());
-	}, [itemProps.children]);
-	return /* @__PURE__ */ jsx(Collection$1.ItemSlot, {
-		scope: __scopeMenu,
-		disabled,
-		textValue: textValue ?? textContent,
-		children: /* @__PURE__ */ jsx(Item, {
-			asChild: true,
-			...rovingFocusGroupScope,
-			focusable: !disabled,
-			children: /* @__PURE__ */ jsx(Primitive.div, {
-				role: "menuitem",
-				"data-highlighted": isFocused ? "" : void 0,
-				"aria-disabled": disabled || void 0,
-				"data-disabled": disabled ? "" : void 0,
-				...itemProps,
-				ref: composedRefs,
-				onPointerMove: composeEventHandlers(props.onPointerMove, whenMouse((event) => {
-					if (disabled) contentContext.onItemLeave(event);
-					else {
-						contentContext.onItemEnter(event);
-						if (!event.defaultPrevented) event.currentTarget.focus({ preventScroll: true });
-					}
-				})),
-				onPointerLeave: composeEventHandlers(props.onPointerLeave, whenMouse((event) => contentContext.onItemLeave(event))),
-				onFocus: composeEventHandlers(props.onFocus, () => setIsFocused(true)),
-				onBlur: composeEventHandlers(props.onBlur, () => setIsFocused(false))
-			})
-		})
-	});
-}, "MenuItemImpl"));
-var MenuCheckboxItem = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuCheckboxItem2(props, forwardedRef) {
-	const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
-	return /* @__PURE__ */ jsx(ItemIndicatorProvider, {
-		scope: props.__scopeMenu,
-		checked,
-		children: /* @__PURE__ */ jsx(MenuItem, {
-			role: "menuitemcheckbox",
-			"aria-checked": isIndeterminate(checked) ? "mixed" : checked,
-			...checkboxItemProps,
-			ref: forwardedRef,
-			"data-state": getCheckedState(checked),
-			onSelect: composeEventHandlers(checkboxItemProps.onSelect, () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked), { checkForDefaultPrevented: false })
-		})
-	});
-}, "MenuCheckboxItem"));
-var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext("MenuRadioGroup", {
-	value: void 0,
-	onValueChange: /* @__PURE__ */ __name$8(() => {}, "onValueChange")
-});
-var ITEM_INDICATOR_NAME$1 = "MenuItemIndicator";
-var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(ITEM_INDICATOR_NAME$1, { checked: false });
-var MenuItemIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$8(function MenuItemIndicator2(props, forwardedRef) {
-	const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
-	const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME$1, __scopeMenu);
-	return /* @__PURE__ */ jsx(Presence, {
-		present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
-		children: /* @__PURE__ */ jsx(Primitive.span, {
-			...itemIndicatorProps,
-			ref: forwardedRef,
-			"data-state": getCheckedState(indicatorContext.checked)
-		})
-	});
-}, "MenuItemIndicator"));
-var SUB_NAME = "MenuSub";
-var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME);
-function getOpenState(open) {
-	return open ? "open" : "closed";
-}
-__name$8(getOpenState, "getOpenState");
-function isIndeterminate(checked) {
-	return checked === "indeterminate";
-}
-__name$8(isIndeterminate, "isIndeterminate");
-function getCheckedState(checked) {
-	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-__name$8(getCheckedState, "getCheckedState");
-function focusFirst(candidates) {
-	const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-	for (const candidate of candidates) {
-		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-		candidate.focus();
-		if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-	}
-}
-__name$8(focusFirst, "focusFirst");
-function wrapArray$1(array, startIndex) {
-	return array.map((_, index) => array[(startIndex + index) % array.length]);
-}
-__name$8(wrapArray$1, "wrapArray");
-function getNextMatch(values, search, currentMatch) {
-	const normalizedSearch = search.length > 1 && Array.from(search).every((char) => char === search[0]) ? search[0] : search;
-	const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
-	let wrappedValues = wrapArray$1(values, Math.max(currentMatchIndex, 0));
-	if (normalizedSearch.length === 1) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
-	const nextMatch = wrappedValues.find((value) => value.toLowerCase().startsWith(normalizedSearch.toLowerCase()));
-	return nextMatch !== currentMatch ? nextMatch : void 0;
-}
-__name$8(getNextMatch, "getNextMatch");
-function isPointInPolygon(point, polygon) {
-	const { x, y } = point;
-	let inside = false;
-	for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-		const ii = polygon[i];
-		const jj = polygon[j];
-		const xi = ii.x;
-		const yi = ii.y;
-		const xj = jj.x;
-		const yj = jj.y;
-		if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) inside = !inside;
-	}
-	return inside;
-}
-__name$8(isPointInPolygon, "isPointInPolygon");
-function isPointerInGraceArea(event, area) {
-	if (!area) return false;
-	return isPointInPolygon({
-		x: event.clientX,
-		y: event.clientY
-	}, area);
-}
-__name$8(isPointerInGraceArea, "isPointerInGraceArea");
-function whenMouse(handler) {
-	return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
-}
-__name$8(whenMouse, "whenMouse");
-var Root3 = Menu;
-var Anchor2 = MenuAnchor;
-var Portal = MenuPortal;
-var Content2$1 = MenuContent;
-var CheckboxItem = MenuCheckboxItem;
-var ItemIndicator = MenuItemIndicator;
-
-//#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.24_@types+react-dom@19.2.3_@types+react@19.2.17__@typ_cea3081213c77aa7bdcc6d13e3bb1673/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-var __defProp$9 = Object.defineProperty;
-var __name$7 = (target, value) => __defProp$9(target, "name", {
-	value,
-	configurable: true
-});
-var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(DROPDOWN_MENU_NAME, [createMenuScope]);
-var useMenuScope = createMenuScope();
-var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
-var DropdownMenu$1 = /* @__PURE__ */ __name$7((props) => {
-	const { __scopeDropdownMenu, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
-	const menuScope = useMenuScope(__scopeDropdownMenu);
-	const triggerRef = React$10.useRef(null);
-	const [open, setOpen] = useControllableState({
-		prop: openProp,
-		defaultProp: defaultOpen ?? false,
-		onChange: onOpenChange,
-		caller: DROPDOWN_MENU_NAME
-	});
-	return /* @__PURE__ */ jsx(DropdownMenuProvider, {
-		scope: __scopeDropdownMenu,
-		triggerId: useId$1(),
-		triggerRef,
-		contentId: useId$1(),
-		open,
-		onOpenChange: setOpen,
-		onOpenToggle: React$10.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-		modal,
-		children: /* @__PURE__ */ jsx(Root3, {
-			...menuScope,
-			open,
-			onOpenChange: setOpen,
-			dir,
-			modal,
-			children
-		})
-	});
-}, "DropdownMenu");
-var TRIGGER_NAME$2 = "DropdownMenuTrigger";
-var DropdownMenuTrigger$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuTrigger2(props, forwardedRef) {
-	const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-	const context = useDropdownMenuContext(TRIGGER_NAME$2, __scopeDropdownMenu);
-	const menuScope = useMenuScope(__scopeDropdownMenu);
-	const composedRefs = useComposedRefs(forwardedRef, context.triggerRef);
-	return /* @__PURE__ */ jsx(Anchor2, {
-		asChild: true,
-		...menuScope,
-		children: /* @__PURE__ */ jsx(Primitive.button, {
-			type: "button",
-			id: context.triggerId,
-			"aria-haspopup": "menu",
-			"aria-expanded": context.open,
-			"aria-controls": context.open ? context.contentId : void 0,
-			"data-state": context.open ? "open" : "closed",
-			"data-disabled": disabled ? "" : void 0,
-			disabled,
-			...triggerProps,
-			ref: composedRefs,
-			onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
-				if (!disabled && event.button === 0 && event.ctrlKey === false) {
-					context.onOpenToggle();
-					if (!context.open) event.preventDefault();
-				}
-			}),
-			onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-				if (disabled) return;
-				if (["Enter", " "].includes(event.key)) context.onOpenToggle();
-				if (event.key === "ArrowDown") context.onOpenChange(true);
-				if ([
-					"Enter",
-					" ",
-					"ArrowDown"
-				].includes(event.key)) event.preventDefault();
-			})
-		})
-	});
-}, "DropdownMenuTrigger"));
-var DropdownMenuPortal = /* @__PURE__ */ __name$7((props) => {
-	const { __scopeDropdownMenu, ...portalProps } = props;
-	const menuScope = useMenuScope(__scopeDropdownMenu);
-	return /* @__PURE__ */ jsx(Portal, {
-		...menuScope,
-		...portalProps
-	});
-}, "DropdownMenuPortal");
-var CONTENT_NAME$2 = "DropdownMenuContent";
-var DropdownMenuContent$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuContent2(props, forwardedRef) {
-	const { __scopeDropdownMenu, ...contentProps } = props;
-	const context = useDropdownMenuContext(CONTENT_NAME$2, __scopeDropdownMenu);
-	const menuScope = useMenuScope(__scopeDropdownMenu);
-	const hasInteractedOutsideRef = React$10.useRef(false);
-	return /* @__PURE__ */ jsx(Content2$1, {
-		id: context.contentId,
-		"aria-labelledby": context.triggerId,
-		...menuScope,
-		...contentProps,
-		ref: forwardedRef,
-		onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-			if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
-			hasInteractedOutsideRef.current = false;
-			event.preventDefault();
-		}),
-		onInteractOutside: composeEventHandlers(props.onInteractOutside, (event) => {
-			const originalEvent = event.detail.originalEvent;
-			const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-			const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-			if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;
-		}),
-		style: {
-			...props.style,
-			"--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-			"--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-			"--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-			"--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-			"--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-		}
-	});
-}, "DropdownMenuContent"));
-var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuCheckboxItem2(props, forwardedRef) {
-	const { __scopeDropdownMenu, ...checkboxItemProps } = props;
-	const menuScope = useMenuScope(__scopeDropdownMenu);
-	return /* @__PURE__ */ jsx(CheckboxItem, {
-		...menuScope,
-		...checkboxItemProps,
-		ref: forwardedRef
-	});
-}, "DropdownMenuCheckboxItem"));
-var DropdownMenuItemIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$7(function DropdownMenuItemIndicator2(props, forwardedRef) {
-	const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
-	const menuScope = useMenuScope(__scopeDropdownMenu);
-	return /* @__PURE__ */ jsx(ItemIndicator, {
-		...menuScope,
-		...itemIndicatorProps,
-		ref: forwardedRef
-	});
-}, "DropdownMenuItemIndicator"));
-var Root2 = DropdownMenu$1;
-var Trigger = DropdownMenuTrigger$1;
-var Portal2 = DropdownMenuPortal;
-var Content2 = DropdownMenuContent$1;
-var CheckboxItem2 = DropdownMenuCheckboxItem$1;
-var ItemIndicator2 = DropdownMenuItemIndicator;
-
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+number@1.1.3/node_modules/@radix-ui/number/dist/index.mjs
 var __defProp$8 = Object.defineProperty;
@@ -11014,6 +10371,8 @@ function W(_, C, h) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.23_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_ebeaa069aac513f5f318f7d1d5f561bf/node_modules/@radix-ui/react-dialog/dist/index.mjs
+var import_es5 = require_es5();
+var import_es5$1 = require_es5$6();
 var __defProp$5 = Object.defineProperty;
 var __name$3 = (target, value) => __defProp$5(target, "name", {
 	value,
@@ -11062,7 +10421,7 @@ var DialogPortal = /* @__PURE__ */ __name$3((props) => {
 		forceMount,
 		children: React$10.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence, {
 			present: forceMount || context.open,
-			children: /* @__PURE__ */ jsx(Portal$1, {
+			children: /* @__PURE__ */ jsx(Portal, {
 				asChild: true,
 				container,
 				children: child
@@ -11088,7 +10447,7 @@ var DialogOverlayImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __na
 	const { __scopeDialog, ...overlayProps } = props;
 	const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
 	const composedRefs = useComposedRefs(forwardedRef, useDismissableLayerSurface());
-	return /* @__PURE__ */ jsx(import_es5$1.RemoveScroll, {
+	return /* @__PURE__ */ jsx(import_es5.RemoveScroll, {
 		as: Slot$1,
 		allowPinchZoom: true,
 		shards: [context.contentRef],
@@ -11125,7 +10484,7 @@ var DialogContentModal = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __n
 	const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
 	React$10.useEffect(() => {
 		const content = contentRef.current;
-		if (content) return (0, import_es5.hideOthers)(content);
+		if (content) return (0, import_es5$1.hideOthers)(content);
 	}, []);
 	return /* @__PURE__ */ jsx(DialogContentImpl, {
 		...props,
@@ -12153,7 +11512,7 @@ function SelectProvider(props) {
 		nativeSelectKey,
 		isFormControl
 	};
-	return /* @__PURE__ */ jsx(Root2$1, {
+	return /* @__PURE__ */ jsx(Root2, {
 		...popperScope,
 		children: /* @__PURE__ */ jsx(SelectProviderImpl, {
 			scope: __scopeSelect,
@@ -12279,7 +11638,7 @@ var SelectPortal = /* @__PURE__ */ __name((props) => {
 	return /* @__PURE__ */ jsx(PortalProvider, {
 		scope: props.__scopeSelect,
 		forceMount,
-		children: /* @__PURE__ */ jsx(Portal$1, {
+		children: /* @__PURE__ */ jsx(Portal, {
 			asChild: true,
 			...portalProps
 		})
@@ -12335,7 +11694,7 @@ var SelectContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __na
 	const [isPositioned, setIsPositioned] = React$10.useState(false);
 	const firstValidItemFoundRef = React$10.useRef(false);
 	React$10.useEffect(() => {
-		if (content) return (0, import_es5.hideOthers)(content);
+		if (content) return (0, import_es5$1.hideOthers)(content);
 	}, [content]);
 	useFocusGuards();
 	const focusFirst = React$10.useCallback((candidates) => {
@@ -12448,7 +11807,7 @@ var SelectContentImpl = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __na
 		position,
 		isPositioned,
 		searchRef,
-		children: /* @__PURE__ */ jsx(import_es5$1.RemoveScroll, {
+		children: /* @__PURE__ */ jsx(import_es5.RemoveScroll, {
 			as: Slot,
 			allowPinchZoom: true,
 			children: /* @__PURE__ */ jsx(FocusScope, {
@@ -100779,46 +100138,6 @@ function Switch({ className = "", label, ...props }) {
 		})]
 	});
 }
-const DropdownMenu = Root2;
-/** 基类锁定 `h` `p` `rounded`（className 覆盖不生效）：触发器与 `Button` 保持同高。 */
-function DropdownMenuTrigger({ children, className = "", asChild, ...props }) {
-	const triggerClass = asChild ? className : `inline-flex h-9 items-center justify-center rounded-md border border-border bg-surface px-3 text-sm font-medium text-ink shadow-xs outline-none transition-colors hover:bg-subtle focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 ${className}`;
-	return /* @__PURE__ */ jsx(Trigger, {
-		className: triggerClass,
-		...asChild !== void 0 ? { asChild } : {},
-		...props,
-		children
-	});
-}
-/**
-* 浮层宽度下限默认值在 `.webskill-dropdown-content`（components 层），消费方的 `min-w-*` 能确定性地压过它。
-* 基类锁定 `p` `rounded` `z`（className 覆盖不生效）：`z` 取自 S4 层级契约变量，逐个覆盖会让层级关系变成运气。
-*/
-function DropdownMenuContent({ children, className = "", sideOffset = 6, ...props }) {
-	return /* @__PURE__ */ jsx(Portal2, {
-		container: usePortalContainer(),
-		children: /* @__PURE__ */ jsx(Content2, {
-			sideOffset,
-			className: `webskill-dropdown-content z-[var(--webskill-z-popper)] rounded-md border border-border bg-surface p-1 text-sm text-ink shadow-pop outline-none ${className}`,
-			...props,
-			children
-		})
-	});
-}
-/** 基类锁定 `p` `rounded`（className 覆盖不生效）：左内边距与勾选标记位置耦合。 */
-function DropdownMenuCheckboxItem({ children, className = "", ...props }) {
-	return /* @__PURE__ */ jsxs(CheckboxItem2, {
-		className: `relative flex cursor-pointer items-center rounded-sm py-1.5 pr-2 pl-7 text-sm outline-none transition-colors data-[highlighted]:bg-subtle data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ${className}`,
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "absolute left-2 inline-flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(ItemIndicator2, { children: /* @__PURE__ */ jsx(Check, {
-				className: "size-3.5",
-				"aria-hidden": true
-			}) })
-		}), children]
-	});
-}
 /** Source-owned scroll container with accessible Radix viewport semantics. */
 function ScrollArea({ children, className = "", ...props }) {
 	return /* @__PURE__ */ jsxs(Root$1, {
@@ -100992,6 +100311,7 @@ function RadioGroup({ options, className = "", invalid = false, orientation, ...
 		className: `flex ${orientation === "horizontal" ? "flex-row flex-wrap gap-4" : "flex-col gap-2"} ${className}`,
 		children: options.map((option) => {
 			const itemId = `${instanceId}-${option.value}`;
+			const labelId = `${itemId}-label`;
 			const descId = option.description !== void 0 ? `${itemId}-desc` : void 0;
 			return /* @__PURE__ */ jsxs("label", {
 				htmlFor: itemId,
@@ -101000,12 +100320,14 @@ function RadioGroup({ options, className = "", invalid = false, orientation, ...
 					id: itemId,
 					value: option.value,
 					disabled: option.disabled,
+					"aria-labelledby": labelId,
 					"aria-describedby": descId,
 					className: `mt-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded-full border bg-surface shadow-xs outline-none transition-colors disabled:cursor-not-allowed data-[state=checked]:border-primary ${invalid ? "border-destructive focus-visible:ring-destructive/20" : "border-input focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20"}`,
 					children: /* @__PURE__ */ jsx(RadioGroupIndicator, { className: "size-2 rounded-full bg-primary" })
 				}), /* @__PURE__ */ jsxs("span", {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ jsx("span", {
+						id: labelId,
 						className: "block",
 						children: option.label
 					}), option.description !== void 0 && /* @__PURE__ */ jsx("span", {
@@ -123564,11 +122886,55 @@ function u(n, o, u) {
 }
 
 //#endregion
-//#region ../ui-react/dist/catalogComponents-DTcYfpLQ.js
+//#region ../ui-react/dist/catalogComponents-BgAJN0p8.js
+/**
+* 表单与宿主控件文案的注入口（FR-22.4 / 偏差 D-14 方向 A）。
+*
+* `ui-react` 自己**不持有任何文案**：字典在 chatbot 与 console 各一份，
+* 而 `ui-react` 被两者共同消费，import 任何一方都是错的依赖方向。
+* 缺省值是英文，不注入时行为与改造前一致。
+*/
+const SurfaceFormTextsContext = createContext(DEFAULT_SURFACE_FORM_TEXTS);
+const SurfaceHostControlTextsContext = createContext(DEFAULT_SURFACE_HOST_CONTROL_TEXTS);
+function useSurfaceFormTexts() {
+	return useContext(SurfaceFormTextsContext);
+}
+function useSurfaceHostControlTexts() {
+	return useContext(SurfaceHostControlTextsContext);
+}
+function SurfaceFormTextsProvider({ texts, hostControlTexts, children }) {
+	const value = useMemo(() => resolveSurfaceFormTexts(texts), [texts]);
+	const controlValue = useMemo(() => resolveSurfaceHostControlTexts(hostControlTexts), [hostControlTexts]);
+	return /* @__PURE__ */ jsx(SurfaceFormTextsContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(SurfaceHostControlTextsContext.Provider, {
+			value: controlValue,
+			children
+		})
+	});
+}
+/**
+* 画布内字号的注入口（分册 25 FR-25.4）。形态对齐 `SurfaceFormTextsProvider`：
+* 图表文字画在 canvas 上，宿主的 CSS 够不到，只能由 React 侧传进渲染调用。
+* 不注入时取默认值，行为与改造前一致。
+*/
+const ChartFontSizesContext = createContext(DEFAULT_CHART_FONT_SIZES);
+function useChartFontSizes() {
+	return useContext(ChartFontSizesContext);
+}
+function ChartFontSizesProvider({ sizes, children }) {
+	const value = useMemo(() => resolveChartFontSizes(sizes), [sizes]);
+	return /* @__PURE__ */ jsx(ChartFontSizesContext.Provider, {
+		value,
+		children
+	});
+}
 /** echarts 挂载点：surface 图表与 catalog 声明树的 Chart 节点共用，实现在 `@webskill/ui`，与 A2UI 档同一份 */
-function EChart({ chart }) {
+function EChart({ chart, fontSizes }) {
 	const containerRef = useRef(null);
 	const handleRef = useRef(void 0);
+	const inherited = useChartFontSizes();
+	const effective = fontSizes ?? inherited;
 	useEffect(() => {
 		const container = containerRef.current;
 		if (!container) return;
@@ -123580,31 +122946,13 @@ function EChart({ chart }) {
 		};
 	}, []);
 	useEffect(() => {
-		handleRef.current?.setChart(chart);
-	}, [chart]);
+		handleRef.current?.setChart(chart, effective);
+	}, [chart, effective]);
 	return /* @__PURE__ */ jsx("div", {
 		className: "webskill-surface__chart",
 		ref: containerRef
 	});
 }
-/**
-* 表单文案的注入口（FR-22.4 / 偏差 D-14 方向 A）。
-*
-* `ui-react` 自己**不持有任何文案**：字典在 chatbot 与 console 各一份，
-* 而 `ui-react` 被两者共同消费，import 任何一方都是错的依赖方向。
-* 缺省值是英文，不注入时行为与改造前一致。
-*/
-const SurfaceFormTextsContext = createContext(DEFAULT_SURFACE_FORM_TEXTS);
-function useSurfaceFormTexts() {
-	return useContext(SurfaceFormTextsContext);
-}
-function SurfaceFormTextsProvider({ texts, children }) {
-	const value = useMemo(() => resolveSurfaceFormTexts(texts), [texts]);
-	return /* @__PURE__ */ jsx(SurfaceFormTextsContext.Provider, {
-		value,
-		children
-	});
-}
 const str = (props, key, fallback = "") => typeof props[key] === "string" ? props[key] : fallback;
 function collectFields(node, out) {
 	if (node.component === "FieldArray") return;
@@ -123937,6 +123285,7 @@ function SurfaceField({ form, props, scope, binding }) {
 	};
 	const errorId = error ? `webskill-surface-${form.surfaceId}-${key}-error` : void 0;
 	const labelId = `webskill-surface-${form.surfaceId}-${key}-label`;
+	const controlId = `webskill-surface-${form.surfaceId}-${key}`;
 	const options = Array.isArray(props["options"]) ? props["options"] : [];
 	const suggestion = props["suggestion"];
 	const texts = useSurfaceFormTexts();
@@ -123956,20 +123305,20 @@ function SurfaceField({ form, props, scope, binding }) {
 	if (!binding && !form.isFieldVisible(key)) return null;
 	const control = () => {
 		if (type === "textarea") return /* @__PURE__ */ jsx(Textarea, {
-			id: key,
+			id: controlId,
 			...anchor,
 			invalid: Boolean(error),
 			value: typeof value === "string" ? value : "",
 			onChange: (event) => setValue(event.target.value)
 		});
 		if (type === "toggle") return /* @__PURE__ */ jsx(Switch, {
-			id: key,
+			id: controlId,
 			...anchor,
 			checked: value === true,
 			onCheckedChange: (next) => setValue(next)
 		});
 		if (asRadioGroup) return /* @__PURE__ */ jsx(RadioGroup, {
-			id: key,
+			id: controlId,
 			...anchor,
 			"aria-labelledby": labelId,
 			invalid: Boolean(error),
@@ -123987,7 +123336,7 @@ function SurfaceField({ form, props, scope, binding }) {
 				value: String(index)
 			}));
 			if (multiple) return /* @__PURE__ */ jsx("select", {
-				id: key,
+				id: controlId,
 				...anchor,
 				multiple: true,
 				value: Array.isArray(value) ? value.map((item) => optionIndex(options, item)) : [],
@@ -123998,7 +123347,7 @@ function SurfaceField({ form, props, scope, binding }) {
 				}, option.value))
 			});
 			return /* @__PURE__ */ jsx(Select, {
-				id: key,
+				id: controlId,
 				...anchor,
 				options: optionList,
 				value: optionIndex(options, value),
@@ -124006,14 +123355,14 @@ function SurfaceField({ form, props, scope, binding }) {
 			});
 		}
 		if (type === "file") return /* @__PURE__ */ jsx("input", {
-			id: key,
+			id: controlId,
 			...anchor,
 			type: "file",
 			className: "w-full cursor-pointer rounded-md border border-input bg-surface px-3 py-2 text-sm text-muted shadow-xs transition-colors outline-none file:mr-3 file:cursor-pointer file:rounded-md file:border-0 file:bg-primary file:px-3 file:py-1 file:text-sm file:font-medium file:text-primary-foreground hover:file:bg-primary/90 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50",
 			onChange: (event) => setValue(event.target.files?.[0]?.name ?? "")
 		});
 		return /* @__PURE__ */ jsx(Input, {
-			id: key,
+			id: controlId,
 			...anchor,
 			invalid: Boolean(error),
 			type: type === "number" ? "number" : type === "date" ? "date" : type === "password" ? "password" : "text",
@@ -124027,7 +123376,7 @@ function SurfaceField({ form, props, scope, binding }) {
 			/* @__PURE__ */ jsx(FieldLabel, {
 				id: labelId,
 				required,
-				...asRadioGroup ? {} : { htmlFor: key },
+				...asRadioGroup ? {} : { htmlFor: controlId },
 				children: label
 			}),
 			control(),
@@ -124188,13 +123537,49 @@ function SpecTabs({ props, children }) {
 		}), panels[index] ?? null]
 	});
 }
+/** 语义档 → 最小列宽。刻意不收像素值：模型给不准，且会绕开 token 体系 */
+const MIN_COLUMN_WIDTH = {
+	sm: "12rem",
+	md: "16rem",
+	lg: "22rem"
+};
 function SpecGrid({ props, children }) {
+	if (props["columns"] === "auto") return /* @__PURE__ */ jsx("div", {
+		className: "grid gap-3",
+		"data-webskill-multicol": "",
+		style: { gridTemplateColumns: `repeat(auto-fit, minmax(${MIN_COLUMN_WIDTH[str(props, "minColumnWidth", "md")] ?? MIN_COLUMN_WIDTH["md"]}, 1fr))` },
+		children
+	});
 	return /* @__PURE__ */ jsx("div", {
 		className: "grid gap-3",
+		"data-webskill-multicol": "",
 		style: { gridTemplateColumns: `repeat(${Math.min(4, Math.max(2, num(props, "columns", 2)))}, minmax(0, 1fr))` },
 		children
 	});
 }
+const SPLIT_RATIO = {
+	"1:1": "1fr 1fr",
+	"2:1": "2fr 1fr",
+	"3:1": "3fr 1fr",
+	"1:2": "1fr 2fr"
+};
+/**
+* 主次分栏（FR-12.3）。窄容器降级为纵向堆叠——用容器查询而不是视口断点，
+* 因为 surface 可能被塞进任意宽度的宿主容器里。
+*/
+function SpecSplit({ props, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "webskill-spec-split grid gap-3",
+		"data-webskill-multicol": "",
+		style: { "--split-ratio": SPLIT_RATIO[str(props, "ratio", "1:1")] ?? SPLIT_RATIO["1:1"] },
+		children
+	});
+}
+/** `Card` 的跨列与内间距（FR-12.4）。`span` 只在 `Grid` 内有意义，别处静默无效 */
+function cardLayoutProps(props) {
+	const density = str(props, "density", "default");
+	return { className: `${density === "compact" ? "p-2" : density === "comfortable" ? "p-5" : "p-3"} ${num(props, "span", 1) === 2 ? "webskill-spec-card--span2" : ""}`.trim() };
+}
 function SpecTimeline({ props }) {
 	return /* @__PURE__ */ jsx("ol", {
 		className: "flex flex-col gap-2 pl-4",
@@ -124241,6 +123626,190 @@ function SpecProgress({ props }) {
 	});
 }
 /**
+* 0.11.0 分册 13 的 8 个新组件。与上面四个同理：四档渲染共用这一份，
+* 避免同一个 spec 在不同档里长成不同版式（FR-12.5 / AC-G15）。
+*
+* `palette` 是**装饰色**，与表状态的 `tone` 语义不重叠；取值是色板名不是颜色值，
+* 映射到 design token 后深浅色主题自动跟随（AC-13.6）。
+*/
+const PALETTE_CLASS = {
+	sky: "webskill-palette-sky",
+	violet: "webskill-palette-violet",
+	amber: "webskill-palette-amber",
+	rose: "webskill-palette-rose",
+	emerald: "webskill-palette-emerald"
+};
+function paletteClass(props) {
+	const name = str(props, "palette");
+	return name && PALETTE_CLASS[name] ? PALETTE_CLASS[name] : "";
+}
+/** 白名单外的图标名不渲染成图形，降级为可读文本——渲染不出来的方块比没有更糟 */
+const ICON_GLYPH = {
+	info: "ℹ",
+	check: "✓",
+	alert: "⚠",
+	x: "✕",
+	clock: "◷",
+	calendar: "▤",
+	user: "☺",
+	star: "★",
+	search: "⌕",
+	settings: "⚙",
+	download: "↓",
+	link: "🔗",
+	chart: "▥",
+	file: "▢",
+	folder: "▤",
+	mail: "✉"
+};
+function SpecIcon({ props }) {
+	const name = str(props, "name");
+	const glyph = ICON_GLYPH[name];
+	return /* @__PURE__ */ jsx("span", {
+		className: `inline-flex size-4 items-center justify-center text-sm ${paletteClass(props)}`,
+		"data-icon": name,
+		role: "img",
+		"aria-label": name,
+		children: glyph ?? name
+	});
+}
+const RATIO_CLASS = {
+	"1:1": "aspect-square",
+	"4:3": "aspect-[4/3]",
+	"16:9": "aspect-video"
+};
+function SpecImage({ props }) {
+	const ratio = str(props, "ratio", "auto");
+	return /* @__PURE__ */ jsx("img", {
+		src: str(props, "src"),
+		alt: str(props, "alt"),
+		className: `w-full rounded-md object-cover ${RATIO_CLASS[ratio] ?? ""}`
+	});
+}
+function SpecQuote({ props }) {
+	const by = str(props, "by");
+	return /* @__PURE__ */ jsxs("blockquote", {
+		className: "border-l-2 border-border pl-3 text-sm italic text-ink",
+		children: [str(props, "text"), by ? /* @__PURE__ */ jsxs("footer", {
+			className: "mt-1 text-xs not-italic text-muted",
+			children: ["— ", by]
+		}) : null]
+	});
+}
+function SpecCallout({ props }) {
+	const title = str(props, "title");
+	return /* @__PURE__ */ jsxs("aside", {
+		className: `rounded-md border border-border bg-subtle p-3 ${paletteClass(props)}`,
+		children: [title ? /* @__PURE__ */ jsx("strong", {
+			className: "block text-sm text-ink",
+			children: title
+		}) : null, /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-ink",
+			children: str(props, "text")
+		})]
+	});
+}
+function SpecKeyValue({ props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm",
+		children: list(props["items"]).map((item, index) => /* @__PURE__ */ jsxs("div", {
+			className: "contents",
+			children: [/* @__PURE__ */ jsx("dt", {
+				className: "text-muted",
+				children: str(item, "label")
+			}), /* @__PURE__ */ jsx("dd", {
+				className: "text-ink",
+				children: str(item, "value")
+			})]
+		}, index))
+	});
+}
+function SpecGauge({ props }) {
+	const min = num(props, "min", 0);
+	const max = num(props, "max", 100);
+	const value = num(props, "value", min);
+	const percent = gaugePercent(value, min, max);
+	const label = str(props, "label");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1",
+		"data-tone": str(props, "tone", "neutral"),
+		children: [
+			label ? /* @__PURE__ */ jsx("span", {
+				className: "text-xs text-muted",
+				children: label
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				role: "meter",
+				"aria-label": label || "Gauge",
+				"aria-valuenow": value,
+				"aria-valuemin": min,
+				"aria-valuemax": max,
+				className: "h-2 w-full overflow-hidden rounded-full bg-subtle",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "h-full bg-accent",
+					style: { width: `${percent}%` }
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium text-ink",
+				children: value
+			})
+		]
+	});
+}
+function SpecAccordion({ props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-1",
+		children: list(props["items"]).map((item, index) => /* @__PURE__ */ jsxs("details", {
+			className: "rounded-md border border-border px-3 py-2",
+			children: [/* @__PURE__ */ jsx("summary", {
+				className: "cursor-pointer text-sm font-medium text-ink",
+				children: str(item, "title")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-ink",
+				children: str(item, "text")
+			})]
+		}, index))
+	});
+}
+function SpecCarousel({ props }) {
+	const items = list(props["items"]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex snap-x snap-mandatory gap-3 overflow-x-auto pb-1",
+		role: "group",
+		"aria-label": useSurfaceHostControlTexts().carousel,
+		children: items.map((item, index) => /* @__PURE__ */ jsxs("figure", {
+			className: "w-48 shrink-0 snap-start rounded-md border border-border p-2",
+			children: [
+				item["src"] ? /* @__PURE__ */ jsx("img", {
+					src: str(item, "src"),
+					alt: str(item, "title"),
+					className: "mb-1 w-full rounded object-cover"
+				}) : null,
+				/* @__PURE__ */ jsx("figcaption", {
+					className: "text-sm font-medium text-ink",
+					children: str(item, "title")
+				}),
+				item["text"] ? /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-muted",
+					children: str(item, "text")
+				}) : null
+			]
+		}, index))
+	});
+}
+/**
+* surface 级视觉档（FR-13.4）：只认**根节点**上的 `theme`。
+*
+* 刻意放在这里而不是渲染器文件里：`catalog-props-declared` 护栏按「最近的
+* `case 'Name':`」归属 props 读取，写在 switch 之后会被算到最后一个组件头上。
+* `office` 是缺省档，返回 undefined 让根容器一个属性都不加（AC-13.8 的回归基线）。
+*/
+function surfaceThemeOf(node) {
+	const value = node?.props?.["theme"];
+	return typeof value === "string" && value !== "office" ? value : void 0;
+}
+/**
 * json-render 与 OpenUI 两档的 Renderer 都只把 props 交给组件实现，拿不到节点 id，
 * 也拿不到表单状态，因此表单值与动作回传统一走这个 Context。
 * 缺省值故意不给空实现：没包 Provider 就是宿主接线错了，必须失败而不是“点了没反应”。
@@ -124292,7 +123861,10 @@ function CatalogForm({ props, children }) {
 					className: "text-sm font-semibold text-ink",
 					children: str(props, "title")
 				}) : null,
-				children,
+				/* @__PURE__ */ jsx("div", {
+					className: "webskill-spec-form__fields",
+					children
+				}),
 				/* @__PURE__ */ jsx(SurfaceFormButtons, {
 					form,
 					props,
@@ -124366,7 +123938,7 @@ const catalogComponentImpls = {
 		children
 	}),
 	Card: ({ props, children }) => /* @__PURE__ */ jsxs("section", {
-		className: "webskill-spec-card flex flex-col gap-2 rounded-lg border border-border bg-card p-3",
+		className: `webskill-spec-card flex flex-col gap-2 rounded-lg border border-border bg-card ${cardLayoutProps(props).className} ${paletteClass(props)}`,
 		children: [
 			/* @__PURE__ */ jsx("h3", {
 				className: "text-sm font-semibold text-ink",
@@ -124381,7 +123953,7 @@ const catalogComponentImpls = {
 	}),
 	Separator: () => /* @__PURE__ */ jsx(Separator, {}),
 	Heading: ({ props }) => /* @__PURE__ */ jsx("h3", {
-		className: "text-sm font-semibold text-ink",
+		className: `text-sm font-semibold text-ink ${paletteClass(props)}`,
 		children: str(props, "text")
 	}),
 	Text: ({ props }) => /* @__PURE__ */ jsx("p", {
@@ -124391,6 +123963,7 @@ const catalogComponentImpls = {
 	Markdown: ({ props }) => /* @__PURE__ */ jsx(Markdown, { children: str(props, "text") }),
 	Badge: ({ props }) => /* @__PURE__ */ jsx(Badge, {
 		tone: "neutral",
+		className: paletteClass(props),
 		children: str(props, "text")
 	}),
 	Metric: ({ props }) => /* @__PURE__ */ jsxs("div", {
@@ -124436,7 +124009,19 @@ const catalogComponentImpls = {
 		props,
 		children
 	}),
+	Split: ({ props, children }) => /* @__PURE__ */ jsx(SpecSplit, {
+		props,
+		children
+	}),
 	Timeline: ({ props }) => /* @__PURE__ */ jsx(SpecTimeline, { props }),
+	Icon: ({ props }) => /* @__PURE__ */ jsx(SpecIcon, { props }),
+	Image: ({ props }) => /* @__PURE__ */ jsx(SpecImage, { props }),
+	Quote: ({ props }) => /* @__PURE__ */ jsx(SpecQuote, { props }),
+	Callout: ({ props }) => /* @__PURE__ */ jsx(SpecCallout, { props }),
+	KeyValue: ({ props }) => /* @__PURE__ */ jsx(SpecKeyValue, { props }),
+	Gauge: ({ props }) => /* @__PURE__ */ jsx(SpecGauge, { props }),
+	Accordion: ({ props }) => /* @__PURE__ */ jsx(SpecAccordion, { props }),
+	Carousel: ({ props }) => /* @__PURE__ */ jsx(SpecCarousel, { props }),
 	Progress: ({ props }) => /* @__PURE__ */ jsx(SpecProgress, { props }),
 	FileLink: ({ props }) => /* @__PURE__ */ jsx("span", {
 		className: "text-sm text-ink",
@@ -124462,4 +124047,4 @@ const catalogComponentImpls = {
 };
 
 //#endregion
-export { DropdownMenuContent as C, Separator as D, Markdown as E, DropdownMenuCheckboxItem as S, Input as T, useSurfaceFormTexts as _, SpecProgress as a, DataTable as b, SurfaceButton as c, SurfaceFormButtons as d, SurfaceFormTextsProvider as f, useSurfaceForm as g, useCatalogSurfaceForm as h, SpecGrid as i, SurfaceField as l, str as m, CatalogSurfaceProvider as n, SpecTabs as o, catalogComponentImpls as p, EChart as r, SpecTimeline as s, CatalogNode as t, SurfaceFieldArray as u, Badge as v, DropdownMenuTrigger as w, DropdownMenu as x, Button as y };
+export { useSurfaceForm as A, cardLayoutProps as C, surfaceThemeOf as D, str as E, DataTable as F, Markdown as I, Separator as L, useSurfaceHostControlTexts as M, Badge as N, useCatalogSurfaceForm as O, Button as P, SurfaceFormTextsProvider as S, paletteClass as T, SpecTimeline as _, SpecAccordion as a, SurfaceFieldArray as b, SpecGauge as c, SpecImage as d, SpecKeyValue as f, SpecTabs as g, SpecSplit as h, EChart as i, useSurfaceFormTexts as j, useChartFontSizes as k, SpecGrid as l, SpecQuote as m, CatalogSurfaceProvider as n, SpecCallout as o, SpecProgress as p, ChartFontSizesProvider as r, SpecCarousel as s, CatalogNode as t, SpecIcon as u, SurfaceButton as v, catalogComponentImpls as w, SurfaceFormButtons as x, SurfaceField as y };