@reopt-ai/opt-ui 1.14.0 → 1.15.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
-import { $ as useFormContext, $n as OPT_HOVER_ITEM, $t as CompositeItem, A as FormGroup, An as SkeletonText, At as AlertDialogPanel, B as FormRemove, Bn as OPT_BADGE_NEUTRAL, Bt as SelectItem, C as FormCheckbox, Cn as koComboboxLabels, Ct as ComboboxEmpty, D as FormDescription, Dn as SkeletonAvatar, Dt as ComboboxItem, E as FormDateRangePicker, En as Skeleton, Et as ComboboxInput, F as FormNumberInput, Ft as DialogFooter, G as FormSelectPopover, Gt as Tab, H as FormRoot, Hn as OPT_BADGE_YELLOW, Ht as SelectPopover, I as FormProvider, It as DialogHeader, J as FormSubmit, Jn as OPT_DOT_GREEN, Jt as TabsRoot, K as FormSlider, Kt as TabList, L as FormPush, Lt as DialogHeading, M as FormIconPicker, Mt as DialogDescription, N as FormInput, Nt as DialogDisclosure, O as FormError, On as SkeletonCard, Ot as ComboboxPopover, P as FormLabel, Pt as DialogDismiss, Q as useFieldValue, Qn as OPT_FOCUS_VISIBLE, Qt as Composite, R as FormRadio, Rn as OPT_BADGE_BLUE, Rt as DialogPanel, S as formatOptTime, Sn as koBreadcrumbLabels, St as MenubarRoot, T as FormControl, Tn as StatCard, Tt as ComboboxGroupLabel, U as FormSelect, Un as OPT_BORDER, Ut as SelectRoot, V as FormReset, Vn as OPT_BADGE_RED, Vt as SelectLabel, W as FormSelectItem, Wt as SelectTrigger, X as FormTagInput, Xn as OPT_DOT_YELLOW, Xt as DisclosureRoot, Y as FormSwitch, Yn as OPT_DOT_RED, Yt as DisclosureContent, Z as FormTextarea, Zn as OPT_FOCUS, Zt as DisclosureTrigger, _ as DropdownTrigger, _n as Spinner, _r as cn, _t as MenuPopover, a as FieldTokenLegend, an as StarRating, at as getIconRegistryEntry, b as formatOptNumber, bn as EmptyState, bt as MenuTrigger, c as ResizableHandle, cn as useInputId, ct as PopoverContent, d as Checkbox, dn as ToolbarRoot, dr as OPT_TEXT_SECONDARY, dt as Slider, en as CompositeProvider, er as OPT_INPUT, et as useFormStore, f as CheckboxGroup, fn as ToolbarSeparator, fr as OPT_TEXT_TERTIARY, ft as NumberInput, g as DropdownSeparator, gn as Alert, gr as Kbd, gt as MenuItemRadio, h as DropdownMenu, hn as TooltipProvider, hr as _objectWithoutProperties, ht as MenuItemCheckbox, i as FieldToken, in as Textarea, it as IconPicker, j as FormGroupLabel, jn as useControlledState, jt as DialogBody, k as FormField, kn as SkeletonTable, kt as ComboboxRoot, l as ResizablePanel, ln as ToolbarButton, lt as PopoverRoot, m as DropdownItem, mn as TooltipAnchor, mr as _objectSpread2, mt as MenuItem, n as Highlight, nn as CompositeZone, nt as DateRangePicker, o as resolveFieldType, on as Switch, ot as ColorPicker, p as DropdownContent, pn as Tooltip, pr as OPT_TH, pt as MenuButtonArrow, q as FormStarRating, qn as OPT_DOT_GRAY, qt as TabPanel, r as FIELD_TYPE_TOKENS, rn as Meter, rt as TagInput, s as Pagination, sn as Input, sr as OPT_TD, st as PopoverClose, t as TextTruncate, tn as CompositeRow, tt as DEFAULT_PRESETS, u as ResizablePanelGroup, un as ToolbarContainer, ur as OPT_TEXT_PRIMARY, ut as PopoverTrigger, vn as Badge, vt as MenuRoot, w as FormColorPicker, wn as koStarRatingLabels, wt as ComboboxGroup, x as formatOptShortDate, xn as Button, xt as MenubarContainer, y as formatOptDateTime, yn as DescriptionList, yt as MenuSeparator, z as FormRadioGroup, zn as OPT_BADGE_GREEN, zt as DialogRoot } from "./text-truncate-Bd-0WkSP.js";
-import { $ as OtpField, A as LoadingOverlay, B as CardFooter, C as Logo, D as PageHeader, E as ScrollArea, F as CircularProgress, G as AvatarGroup, H as CardTitle, I as Progress, J as AccordionItem, K as Breadcrumb, L as Card, M as RadioGroup, N as ConditionBuilder, O as createBlock, P as StepBuilder, Q as ToggleGroup, R as CardContent, S as DrawerRoot, T as Container, U as Identity, V as CardHeader, W as Avatar, X as AccordionTrigger, Y as AccordionRoot, Z as Toggle, _ as getShaderFragment, a as THEME_PALETTES, b as DrawerClose, c as ExpressionGroup, d as ShaderSurface, et as Separator, f as SHADER_OVERLAY_PARAM_KEYS, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, j as Radio, k as BlockLayout, l as Facet, m as SHADER_PARAM_KEYS, n as InlineEdit, nt as Text, o as LiveRegion, p as SHADER_PARAM_FALLBACK, q as AccordionContent, r as ColorPaletteDisplay, s as Expression, t as KeyPadMenu, tt as Heading, u as FacetGroup, v as getShaderPreset, w as Section, x as DrawerPanel, y as VirtualList, z as CardDescription } from "./key-pad-menu-CqFI6la9.js";
-import { $ as generatedTheme, $t as Command, A as useOptThemeController, At as KeyValueEditor, B as THEME_SPEC_STORAGE_KEY, Bt as ProjectSwitcher, C as ScoreBreakdown, Ct as QueryOutputPane, D as useOptTheme, Dt as formatQueryCell, E as OptThemeProvider, Et as QueryResultsTable, F as getCompoundTheme, Ft as useToast, G as isForceLightSpec, Gt as EditorToolbar, H as buildTokenCache, Ht as SettingsForm, I as readStoredTheme, It as DataTable, J as safeParseStoredTokens, Jt as StatusSelect, K as resolveDescriptor, Kt as SidebarNav, L as resolveThemeMode, Lt as DomainTable, M as FORCE_LIGHT_PRESETS, Mt as NotificationToast, N as coerceThemeMode, Nt as ToastProvider, O as useOptionalOptTheme, Ot as Flyout, P as createThemeBootScript, Pt as toast, Q as defineThemeOverrides, Qt as CommandPalette, R as GENERATED_THEME_ID_DEFAULT, Rt as BranchSelect, S as withoutField, St as numericResultColumns, T as SqlEditor, Tt as SchemaTree, U as computeGeneratedTokens, Ut as FaqAccordion, V as THEME_TOKENS_STORAGE_KEY, Vt as DeploymentTimeline, W as getCompoundIdForSpec, Wt as ContentTabs, X as serializeThemeRule, Xt as DashboardGrid, Y as serializeGeneratedTheme, Yt as SearchCombobox, Z as serializeTokenBody, Zt as CommandPaletteTrigger, _ as fieldValues, _t as VALUELESS_OPERATORS, a as TimeRangeControl, an as CommandList, at as THEME_PRESET_IDS, b as removeClause, bt as QueryResultChart, c as describeClause, cn as SegmentedControl, ct as isThemePresetId, d as quoteValue, dt as SaveQueryDialog, en as CommandDialog, et as isDescriptorSpec, f as parseQuery, ft as QueryHistoryList, g as applyCellAction, gt as QueryFiltersMenu, h as addClause, ht as EMPTY_QUERY_FILTERS, i as DEFAULT_TIME_PRESETS, in as CommandItem, it as FORCE_LIGHT_PRESET_IDS, j as ALL_COMPOUND_THEMES, jt as FailureList, k as OptThemeControllerContext, kt as WorkflowCanvas, l as formatClause, ln as Callout, lt as QueryWorkspace, m as EMPTY_QUERY, mt as isValidQueryVariableName, n as LogTable, nn as CommandGroup, nt as isPresetSpec, o as useAutoRefresh, on as CommandSeparator, ot as THEME_REGISTRY, p as parseQueryWithDiagnostics, pt as QueryVariablesMenu, q as safeParseStoredSpec, qt as AppMenubar, r as TimeSeriesPanel, rn as CommandInput, rt as presetTheme, s as QueryBar, sn as CommandShortcut, st as getThemeDescriptor, t as FieldSidebar, tn as CommandEmpty, tt as isGeneratedSpec, u as formatQuery, ut as useMediaQuery, v as isEmptyQuery, vt as countActiveQueryFilters, w as EventTimeline, wt as QueryToolbar, x as withFieldValue, xt as defaultQueryChartConfig, y as queryFields, yt as hasActiveQueryFilters, z as GLOBAL_THEME_STYLE_ID, zt as EnvPanel } from "./field-sidebar-mSVCMAZp.js";
+import { $ as useFormContext, $n as OPT_DOT_YELLOW, $t as Composite, A as FormGroup, An as SkeletonTable, At as ComboboxRoot, B as FormRemove, Bt as DialogRoot, C as FormCheckbox, Cn as koBreadcrumbLabels, Ct as MenubarRoot, D as FormDescription, Dn as Skeleton, Dt as ComboboxInput, E as FormDateRangePicker, En as StatCard, Et as ComboboxGroupLabel, F as FormNumberInput, Ft as DialogDismiss, G as FormSelectPopover, Gn as OPT_BADGE_YELLOW, Gt as SelectTrigger, H as FormRoot, Hn as OPT_BADGE_GREEN, Ht as SelectLabel, I as FormProvider, It as DialogFooter, J as FormSubmit, Jt as TabPanel, K as FormSlider, Kn as OPT_BORDER, Kt as Tab, L as FormPush, Lt as DialogHeader, M as FormIconPicker, Mn as Toggle, Mt as DialogBody, N as FormInput, Nn as ToggleGroup, Nt as DialogDescription, O as FormError, On as SkeletonAvatar, Ot as ComboboxItem, P as FormLabel, Pn as useControlledState, Pt as DialogDisclosure, Q as useFieldValue, Qn as OPT_DOT_RED, Qt as DisclosureTrigger, R as FormRadio, Rt as DialogHeading, S as formatOptTime, Sn as Button, St as MenubarContainer, T as FormControl, Tn as koStarRatingLabels, Tt as ComboboxGroup, U as FormSelect, Un as OPT_BADGE_NEUTRAL, Ut as SelectPopover, V as FormReset, Vn as OPT_BADGE_BLUE, Vt as SelectItem, W as FormSelectItem, Wn as OPT_BADGE_RED, Wt as SelectRoot, X as FormTagInput, Xn as OPT_DOT_GRAY, Xt as DisclosureContent, Y as FormSwitch, Yt as TabsRoot, Z as FormTextarea, Zn as OPT_DOT_GREEN, Zt as DisclosureRoot, _ as DropdownTrigger, _n as Alert, _r as _objectSpread2, _t as MenuItemRadio, a as FieldTokenLegend, an as Textarea, at as IconPicker, b as formatOptNumber, bn as DescriptionList, br as cn, bt as MenuSeparator, c as ResizableHandle, cn as Input, ct as PopoverClose, d as Checkbox, dn as ToolbarContainer, dt as PopoverTrigger, en as CompositeItem, er as OPT_FOCUS, et as useFormStore, f as CheckboxGroup, fn as ToolbarRoot, ft as Slider, g as DropdownSeparator, gn as TooltipProvider, gr as OPT_TH, gt as MenuItemCheckbox, h as DropdownMenu, hn as TooltipAnchor, hr as OPT_TEXT_TERTIARY, ht as MenuItem, i as FieldToken, in as Meter, j as FormGroupLabel, jn as SkeletonText, jt as AlertDialogPanel, k as FormField, kn as SkeletonCard, kt as ComboboxPopover, l as ResizablePanel, ln as useInputId, lt as PopoverContent, m as DropdownItem, mn as Tooltip, mr as OPT_TEXT_SECONDARY, mt as MenuButtonArrow, n as Highlight, nn as CompositeRow, nr as OPT_HOVER_ITEM, nt as DateRangePicker, o as resolveFieldType, on as StarRating, ot as getIconRegistryEntry, p as DropdownContent, pn as ToolbarSeparator, pr as OPT_TEXT_PRIMARY, pt as NumberInput, q as FormStarRating, qt as TabList, r as FIELD_TYPE_TOKENS, rn as CompositeZone, rr as OPT_INPUT, rt as TagInput, s as Pagination, sn as Switch, st as ColorPicker, t as TextTruncate, tn as CompositeProvider, tr as OPT_FOCUS_VISIBLE, tt as DEFAULT_PRESETS, u as ResizablePanelGroup, un as ToolbarButton, ur as OPT_TD, ut as PopoverRoot, vn as Spinner, vr as _objectWithoutProperties, vt as MenuPopover, w as FormColorPicker, wn as koComboboxLabels, wt as ComboboxEmpty, x as formatOptShortDate, xn as EmptyState, xt as MenuTrigger, y as formatOptDateTime, yn as Badge, yr as Kbd, yt as MenuRoot, z as FormRadioGroup, zt as DialogPanel } from "./text-truncate-B-8nJgnu.js";
+import { $ as Heading, A as LoadingOverlay, B as CardFooter, C as Logo, D as PageHeader, E as ScrollArea, F as CircularProgress, G as AvatarGroup, H as CardTitle, I as Progress, J as AccordionItem, K as Breadcrumb, L as Card, M as RadioGroup, N as ConditionBuilder, O as createBlock, P as StepBuilder, Q as Separator, R as CardContent, S as DrawerRoot, T as Container, U as Identity, V as CardHeader, W as Avatar, X as AccordionTrigger, Y as AccordionRoot, Z as OtpField, _ as getShaderFragment, a as THEME_PALETTES, b as DrawerClose, c as ExpressionGroup, d as ShaderSurface, et as Text, f as SHADER_OVERLAY_PARAM_KEYS, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, j as Radio, k as BlockLayout, l as Facet, m as SHADER_PARAM_KEYS, n as InlineEdit, o as LiveRegion, p as SHADER_PARAM_FALLBACK, q as AccordionContent, r as ColorPaletteDisplay, s as Expression, t as KeyPadMenu, u as FacetGroup, v as getShaderPreset, w as Section, x as DrawerPanel, y as VirtualList, z as CardDescription } from "./key-pad-menu-BCOeYvsH.js";
+import { $ as safeParseStoredSpec, $t as AppMenubar, A as EventTimeline, At as QueryToolbar, B as createThemeBootScript, Bt as toast, C as fieldValues, Ct as VALUELESS_OPERATORS, D as withFieldValue, Dt as defaultQueryChartConfig, E as removeClause, Et as QueryResultChart, F as OptThemeControllerContext, Ft as WorkflowCanvas, G as GLOBAL_THEME_STYLE_ID, Gt as EnvPanel, H as readStoredTheme, Ht as DataTable, I as useOptThemeController, It as KeyValueEditor, J as buildTokenCache, Jt as SettingsForm, K as THEME_SPEC_STORAGE_KEY, Kt as ProjectSwitcher, L as ALL_COMPOUND_THEMES, Lt as FailureList, M as OptThemeProvider, Mt as QueryResultsTable, N as useOptTheme, Nt as formatQueryCell, O as withoutField, Ot as numericResultColumns, P as useOptionalOptTheme, Pt as Flyout, Q as resolveDescriptor, Qt as SidebarNav, R as FORCE_LIGHT_PRESETS, Rt as NotificationToast, S as applyCellAction, St as QueryFiltersMenu, T as queryFields, Tt as hasActiveQueryFilters, U as resolveThemeMode, Ut as DomainTable, V as getCompoundTheme, Vt as useToast, W as GENERATED_THEME_ID_DEFAULT, Wt as BranchSelect, X as getCompoundIdForSpec, Xt as ContentTabs, Y as computeGeneratedTokens, Yt as FaqAccordion, Z as isForceLightSpec, Zt as EditorToolbar, _ as quoteValue, _t as SaveQueryDialog, a as ReplayScrubber, an as CommandPalette, at as generatedTheme, b as EMPTY_QUERY, bt as isValidQueryVariableName, c as LogTable, cn as CommandEmpty, ct as isPresetSpec, d as TimeRangeControl, dn as CommandItem, dt as THEME_PRESET_IDS, en as StatusSelect, et as safeParseStoredTokens, f as useAutoRefresh, fn as CommandList, ft as THEME_REGISTRY, g as formatQuery, gn as Callout, gt as useMediaQuery, h as formatClause, hn as SegmentedControl, ht as QueryWorkspace, i as formatReplayElapsed, in as CommandPaletteTrigger, it as defineThemeOverrides, j as SqlEditor, jt as SchemaTree, k as ScoreBreakdown, kt as QueryOutputPane, l as TimeSeriesPanel, ln as CommandGroup, lt as presetTheme, m as describeClause, mn as CommandShortcut, mt as isThemePresetId, n as replayShortcutKey, nn as useAsyncSearch, nt as serializeThemeRule, o as groupReplayMarkers, on as Command, ot as isDescriptorSpec, p as QueryBar, pn as CommandSeparator, pt as getThemeDescriptor, q as THEME_TOKENS_STORAGE_KEY, qt as DeploymentTimeline, r as ReplayTransport, rn as DashboardGrid, rt as serializeTokenBody, s as FieldSidebar, sn as CommandDialog, st as isGeneratedSpec, t as ReplayPlayerLayout, tn as SearchCombobox, tt as serializeGeneratedTheme, u as DEFAULT_TIME_PRESETS, un as CommandInput, ut as FORCE_LIGHT_PRESET_IDS, v as parseQuery, vt as QueryHistoryList, w as isEmptyQuery, wt as countActiveQueryFilters, x as addClause, xt as EMPTY_QUERY_FILTERS, y as parseQueryWithDiagnostics, yt as QueryVariablesMenu, z as coerceThemeMode, zt as ToastProvider } from "./replay-player-layout-BVUNsUS1.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Component, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -1126,9 +1126,14 @@ function TeamMemberList({ members, title, layout = "list", maxDisplay, onMemberC
 //#region src/shells/auth-form.tsx
 /** Renders the auth form component. */
 function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, showRememberMe = true, minPasswordLength = 8, onSubmit, renderExtraFields, labels = {}, ariaLabel }) {
-	var _labels$loginTitle, _labels$signupTitle, _labels$emailLabel, _labels$passwordLabel, _labels$confirmPasswo, _labels$rememberMeLab, _labels$loginButton, _labels$signupButton;
+	var _labels$loginTitle, _labels$signupTitle, _labels$emailLabel, _labels$passwordLabel, _labels$confirmPasswo, _labels$rememberMeLab, _labels$loginButton, _labels$signupButton, _labels$submitError;
 	const [uncontrolledMode, setUncontrolledMode] = useState(defaultMode);
 	const [submitted, setSubmitted] = useState(false);
+	useEffect(() => {
+		if (!submitted) return;
+		const timer = setTimeout(() => setSubmitted(false), 3e3);
+		return () => clearTimeout(timer);
+	}, [submitted]);
 	const mode = controlledMode !== null && controlledMode !== void 0 ? controlledMode : uncontrolledMode;
 	const handleModeChange = (newMode) => {
 		if (controlledMode === void 0) setUncontrolledMode(newMode);
@@ -1167,13 +1172,13 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
-			setSubmitted(true);
-			setTimeout(() => setSubmitted(false), 3e3);
-			if (onSubmit) onSubmit(_objectSpread2(_objectSpread2(_objectSpread2({
+		onSubmit: async (values) => {
+			setSubmitted(false);
+			if (onSubmit) await onSubmit(_objectSpread2(_objectSpread2(_objectSpread2({
 				email: values.email,
 				password: values.password
 			}, mode === "signup" ? { confirmPassword: values.confirmPassword } : {}), mode === "login" ? { rememberMe: values.rememberMe } : {}), {}, { mode }));
+			setSubmitted(true);
 		}
 	});
 	const loginTitle = (_labels$loginTitle = labels.loginTitle) !== null && _labels$loginTitle !== void 0 ? _labels$loginTitle : "로그인";
@@ -1188,11 +1193,13 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 				children: [/* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: `flex-1 rounded-l-lg px-4 py-2 text-sm font-medium transition-colors ${mode === "login" ? "bg-accent text-accent-fg" : "text-text-secondary hover:bg-bg-subtle"}`,
+					disabled: form.isSubmitting(),
 					onClick: () => handleModeChange("login"),
 					children: loginTitle
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: `flex-1 rounded-r-lg px-4 py-2 text-sm font-medium transition-colors ${mode === "signup" ? "bg-accent text-accent-fg" : "text-text-secondary hover:bg-bg-subtle"}`,
+					disabled: form.isSubmitting(),
 					onClick: () => handleModeChange("signup"),
 					children: signupTitle
 				})]
@@ -1201,8 +1208,8 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 				store: form,
 				"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : mode === "login" ? "로그인 폼" : "회원가입 폼",
 				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "email",
 						children: [
 							/* @__PURE__ */ jsx(FormLabel, {
 								name: "email",
@@ -1217,8 +1224,8 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 						]
 					}),
 					renderExtraFields === null || renderExtraFields === void 0 ? void 0 : renderExtraFields(mode),
-					/* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "password",
 						children: [
 							/* @__PURE__ */ jsx(FormLabel, {
 								name: "password",
@@ -1232,8 +1239,8 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 							/* @__PURE__ */ jsx(FormError, { name: "password" })
 						]
 					}),
-					mode === "signup" && /* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+					mode === "signup" && /* @__PURE__ */ jsxs(FormField, {
+						name: "confirmPassword",
 						children: [
 							/* @__PURE__ */ jsx(FormLabel, {
 								name: "confirmPassword",
@@ -1263,7 +1270,13 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 					})
 				]
 			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
 			submitted && /* @__PURE__ */ jsx("div", {
+				role: "status",
 				className: "border-success bg-success-subtle text-success-fg rounded-lg border p-3 text-sm",
 				children: mode === "login" ? "로그인 성공!" : "회원가입 완료!"
 			})
@@ -1274,11 +1287,16 @@ function AuthForm({ defaultMode = "login", mode: controlledMode, onModeChange, s
 //#region src/shells/dynamic-field-form.tsx
 /** Renders the dynamic field form component. */
 function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldType = "text", validateField, onSubmit, onFieldsChange, labels = {}, ariaLabel }) {
-	var _labels$itemLabel, _labels$itemPlacehold, _labels$removeAriaLab, _labels$addButton, _labels$submitButton;
+	var _labels$itemLabel, _labels$itemPlacehold, _labels$removeAriaLab, _labels$addButton, _labels$submitButton, _labels$submitError;
 	const initialFields = Array.from({ length: initialCount }, (_, i) => ({ id: i + 1 }));
 	const [fields, setFields] = useState(initialFields);
 	const [nextId, setNextId] = useState(initialCount + 1);
 	const [submitted, setSubmitted] = useState(false);
+	useEffect(() => {
+		if (!submitted) return;
+		const timer = setTimeout(() => setSubmitted(false), 3e3);
+		return () => clearTimeout(timer);
+	}, [submitted]);
 	const [submittedValues, setSubmittedValues] = useState([]);
 	const form = useFormStore({
 		defaultValues: { items: Array.from({ length: initialCount }, () => "") },
@@ -1302,12 +1320,12 @@ function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldTyp
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
+		onSubmit: async (values) => {
+			setSubmitted(false);
 			const items = [...values.items];
+			await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(items));
 			setSubmittedValues(items);
 			setSubmitted(true);
-			setTimeout(() => setSubmitted(false), 3e3);
-			onSubmit === null || onSubmit === void 0 || onSubmit(items);
 		}
 	});
 	const addField = () => {
@@ -1338,70 +1356,79 @@ function DynamicFieldForm({ initialCount = 1, minFields = 1, maxFields, fieldTyp
 		className: "gap-group flex flex-col",
 		"data-opt-id": "8RYG7",
 		"data-opt-slug": "form-dynamic.DynamicFieldForm",
-		children: [/* @__PURE__ */ jsxs(FormRoot, {
-			store: form,
-			"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "동적 필드 폼",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "gap-group flex flex-col",
-					children: fields.map((field, displayIndex) => {
-						const fieldName = `items.${displayIndex}`;
-						return /* @__PURE__ */ jsxs("div", {
-							className: "gap-element flex flex-col",
-							children: [
-								/* @__PURE__ */ jsx(FormLabel, {
-									name: fieldName,
-									children: formatTemplate(itemLabel, displayIndex + 1)
-								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "gap-element flex",
-									children: [/* @__PURE__ */ jsx("div", {
-										className: "flex-1",
-										children: /* @__PURE__ */ jsx(FormInput, {
-											name: fieldName,
-											type: fieldType,
-											placeholder: formatTemplate(itemPlaceholder, displayIndex + 1)
-										})
-									}), /* @__PURE__ */ jsx("button", {
-										type: "button",
-										onClick: () => removeField(field.id),
-										disabled: fields.length <= minFields,
-										className: "border-border text-text-tertiary hover:border-danger hover:bg-danger-subtle hover:text-danger-fg inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border transition-colors disabled:cursor-not-allowed disabled:opacity-30",
-										"aria-label": formatTemplate(removeAriaLabel, displayIndex + 1),
-										children: "✕"
-									})]
-								}),
-								/* @__PURE__ */ jsx(FormError, { name: fieldName })
-							]
-						}, field.id);
+		children: [
+			/* @__PURE__ */ jsxs(FormRoot, {
+				store: form,
+				"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "동적 필드 폼",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "gap-group flex flex-col",
+						children: fields.map((field, displayIndex) => {
+							const fieldName = `items.${displayIndex}`;
+							return /* @__PURE__ */ jsxs(FormField, {
+								name: fieldName,
+								children: [
+									/* @__PURE__ */ jsx(FormLabel, {
+										name: fieldName,
+										children: formatTemplate(itemLabel, displayIndex + 1)
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "gap-element flex",
+										children: [/* @__PURE__ */ jsx("div", {
+											className: "flex-1",
+											children: /* @__PURE__ */ jsx(FormInput, {
+												name: fieldName,
+												type: fieldType,
+												placeholder: formatTemplate(itemPlaceholder, displayIndex + 1)
+											})
+										}), /* @__PURE__ */ jsx("button", {
+											type: "button",
+											onClick: () => removeField(field.id),
+											disabled: form.isSubmitting() || fields.length <= minFields,
+											className: "border-border text-text-tertiary hover:border-danger hover:bg-danger-subtle hover:text-danger-fg inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border transition-colors disabled:cursor-not-allowed disabled:opacity-30",
+											"aria-label": formatTemplate(removeAriaLabel, displayIndex + 1),
+											children: "✕"
+										})]
+									}),
+									/* @__PURE__ */ jsx(FormError, { name: fieldName })
+								]
+							}, field.id);
+						})
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: addField,
+						disabled: form.isSubmitting() || maxFields !== void 0 && fields.length >= maxFields,
+						className: "border-border text-text-secondary hover:border-accent hover:bg-accent-subtle hover:text-accent w-full rounded-lg border border-dashed px-4 py-2.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-30",
+						children: (_labels$addButton = labels.addButton) !== null && _labels$addButton !== void 0 ? _labels$addButton : "+ 항목 추가"
+					}),
+					/* @__PURE__ */ jsx(FormSubmit, {
+						disabled: form.isSubmitting(),
+						children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "제출"
 					})
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: addField,
-					disabled: maxFields !== void 0 && fields.length >= maxFields,
-					className: "border-border text-text-secondary hover:border-accent hover:bg-accent-subtle hover:text-accent w-full rounded-lg border border-dashed px-4 py-2.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-30",
-					children: (_labels$addButton = labels.addButton) !== null && _labels$addButton !== void 0 ? _labels$addButton : "+ 항목 추가"
-				}),
-				/* @__PURE__ */ jsx(FormSubmit, {
-					disabled: form.isSubmitting(),
-					children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "제출"
-				})
-			]
-		}), submitted && submittedValues.length > 0 && /* @__PURE__ */ jsxs("div", {
-			className: "border-success bg-success-subtle rounded-lg border p-3",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-success-fg mb-2 text-sm font-medium",
-				children: "제출된 값:"
-			}), /* @__PURE__ */ jsx("ul", {
-				className: "text-success-fg gap-element flex flex-col text-sm",
-				children: submittedValues.map((val, i) => /* @__PURE__ */ jsxs("li", { children: [
-					formatTemplate(itemLabel, i + 1),
-					": ",
-					/* @__PURE__ */ jsx("strong", { children: val })
-				] }, i))
-			})]
-		})]
+				]
+			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
+			submitted && submittedValues.length > 0 && /* @__PURE__ */ jsxs("div", {
+				role: "status",
+				className: "border-success bg-success-subtle rounded-lg border p-3",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-success-fg mb-2 text-sm font-medium",
+					children: "제출된 값:"
+				}), /* @__PURE__ */ jsx("ul", {
+					className: "text-success-fg gap-element flex flex-col text-sm",
+					children: submittedValues.map((val, i) => /* @__PURE__ */ jsxs("li", { children: [
+						formatTemplate(itemLabel, i + 1),
+						": ",
+						/* @__PURE__ */ jsx("strong", { children: val })
+					] }, i))
+				})]
+			})
+		]
 	});
 }
 //#endregion
@@ -1413,10 +1440,16 @@ function formatFileSize(bytes) {
 }
 /** Renders the file upload form component. */
 function FileUploadForm({ accept = "image/*,.pdf,.doc,.docx", showPreview = true, showFileInfo = true, showDescription = true, descriptionRows = 3, titleRequired = true, maxFileSize, onSubmit, onFileChange, onPreview, columnMapping, labels = {}, ariaLabel }) {
-	var _labels$titleLabel, _labels$titlePlacehol, _labels$descriptionLa, _labels$descriptionPl, _labels$fileLabel, _labels$columnMapping, _labels$submitButton, _labels$successMessag;
+	var _labels$titleLabel, _labels$titlePlacehol, _labels$descriptionLa, _labels$descriptionPl, _labels$fileLabel, _labels$columnMapping, _labels$submitButton, _labels$submitError, _labels$successMessag;
+	const fileId = useId();
 	const [selectedFile, setSelectedFile] = useState(null);
 	const [preview, setPreview] = useState(null);
 	const [submitted, setSubmitted] = useState(false);
+	useEffect(() => {
+		if (!submitted) return;
+		const timer = setTimeout(() => setSubmitted(false), 3e3);
+		return () => clearTimeout(timer);
+	}, [submitted]);
 	const [fileSizeError, setFileSizeError] = useState(null);
 	const form = useFormStore({
 		defaultValues: {
@@ -1434,14 +1467,14 @@ function FileUploadForm({ accept = "image/*,.pdf,.doc,.docx", showPreview = true
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
-			setSubmitted(true);
-			setTimeout(() => setSubmitted(false), 3e3);
-			if (onSubmit) onSubmit({
+		onSubmit: async (values) => {
+			setSubmitted(false);
+			if (onSubmit) await onSubmit({
 				title: values.title,
 				description: values.description,
 				file: selectedFile
 			});
+			setSubmitted(true);
 		}
 	});
 	const handleFileChange = (e) => {
@@ -1473,111 +1506,128 @@ function FileUploadForm({ accept = "image/*,.pdf,.doc,.docx", showPreview = true
 		className: "gap-group flex flex-col",
 		"data-opt-id": "4E3MD",
 		"data-opt-slug": "form-upload.FileUploadForm",
-		children: [/* @__PURE__ */ jsxs(FormRoot, {
-			store: form,
-			"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "파일 업로드 폼",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "gap-element flex flex-col",
-					children: [
-						/* @__PURE__ */ jsx(FormLabel, {
-							name: "title",
-							children: (_labels$titleLabel = labels.titleLabel) !== null && _labels$titleLabel !== void 0 ? _labels$titleLabel : "제목"
-						}),
-						/* @__PURE__ */ jsx(FormInput, {
-							name: "title",
-							placeholder: (_labels$titlePlacehol = labels.titlePlaceholder) !== null && _labels$titlePlacehol !== void 0 ? _labels$titlePlacehol : "파일 제목을 입력하세요"
-						}),
-						/* @__PURE__ */ jsx(FormError, { name: "title" })
-					]
-				}),
-				showDescription && /* @__PURE__ */ jsxs("div", {
-					className: "gap-element flex flex-col",
-					children: [/* @__PURE__ */ jsx(FormLabel, {
-						name: "description",
-						children: (_labels$descriptionLa = labels.descriptionLabel) !== null && _labels$descriptionLa !== void 0 ? _labels$descriptionLa : "설명"
-					}), /* @__PURE__ */ jsx(FormTextarea, {
-						name: "description",
-						placeholder: (_labels$descriptionPl = labels.descriptionPlaceholder) !== null && _labels$descriptionPl !== void 0 ? _labels$descriptionPl : "파일에 대한 설명을 입력하세요",
-						rows: descriptionRows,
-						resize: "none"
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "gap-element flex flex-col",
-					children: [
-						/* @__PURE__ */ jsx("label", {
-							className: "text-text-primary text-sm font-medium",
-							children: (_labels$fileLabel = labels.fileLabel) !== null && _labels$fileLabel !== void 0 ? _labels$fileLabel : "파일 선택"
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "relative",
-							children: /* @__PURE__ */ jsx("input", {
-								type: "file",
-								onChange: handleFileChange,
-								accept,
-								className: "border-border bg-surface text-text-primary file:bg-accent-subtle file:text-accent hover:file:bg-accent-subtle block w-full cursor-pointer rounded-lg border px-4 py-2.5 text-sm file:mr-4 file:cursor-pointer file:rounded-md file:border-0 file:px-3 file:py-1 file:text-sm file:font-medium"
-							})
-						}),
-						fileSizeError && /* @__PURE__ */ jsx("p", {
-							className: "text-danger-fg text-xs",
-							children: fileSizeError
-						})
-					]
-				}),
-				selectedFile && showFileInfo && /* @__PURE__ */ jsx("div", {
-					className: "border-border-subtle rounded-lg border p-4",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "gap-element flex flex-col",
+		children: [
+			/* @__PURE__ */ jsxs(FormRoot, {
+				store: form,
+				"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "파일 업로드 폼",
+				children: [
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "title",
 						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-text-primary font-medium",
-									children: selectedFile.name
-								}), /* @__PURE__ */ jsx("span", {
-									className: "text-text-tertiary",
-									children: formatFileSize(selectedFile.size)
-								})]
+							/* @__PURE__ */ jsx(FormLabel, {
+								name: "title",
+								children: (_labels$titleLabel = labels.titleLabel) !== null && _labels$titleLabel !== void 0 ? _labels$titleLabel : "제목"
 							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "text-text-tertiary text-xs",
-								children: ["타입: ", selectedFile.type || "알 수 없음"]
+							/* @__PURE__ */ jsx(FormInput, {
+								name: "title",
+								placeholder: (_labels$titlePlacehol = labels.titlePlaceholder) !== null && _labels$titlePlacehol !== void 0 ? _labels$titlePlacehol : "파일 제목을 입력하세요"
+							}),
+							/* @__PURE__ */ jsx(FormError, { name: "title" })
+						]
+					}),
+					showDescription && /* @__PURE__ */ jsxs(FormField, {
+						name: "description",
+						children: [/* @__PURE__ */ jsx(FormLabel, {
+							name: "description",
+							children: (_labels$descriptionLa = labels.descriptionLabel) !== null && _labels$descriptionLa !== void 0 ? _labels$descriptionLa : "설명"
+						}), /* @__PURE__ */ jsx(FormTextarea, {
+							name: "description",
+							placeholder: (_labels$descriptionPl = labels.descriptionPlaceholder) !== null && _labels$descriptionPl !== void 0 ? _labels$descriptionPl : "파일에 대한 설명을 입력하세요",
+							rows: descriptionRows,
+							resize: "none"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(FormField, {
+						name: "file",
+						children: [
+							/* @__PURE__ */ jsx("label", {
+								htmlFor: fileId,
+								className: "text-text-primary text-sm font-medium",
+								children: (_labels$fileLabel = labels.fileLabel) !== null && _labels$fileLabel !== void 0 ? _labels$fileLabel : "파일 선택"
 							}),
-							showPreview && preview && /* @__PURE__ */ jsx("div", {
-								className: "border-border-subtle overflow-hidden rounded-lg border",
-								children: /* @__PURE__ */ jsx("img", {
-									src: preview,
-									alt: "미리보기",
-									className: "max-h-48 w-full object-contain"
+							/* @__PURE__ */ jsx("div", {
+								className: "relative",
+								children: /* @__PURE__ */ jsx("input", {
+									id: fileId,
+									type: "file",
+									disabled: form.isSubmitting(),
+									"aria-invalid": Boolean(fileSizeError),
+									"aria-describedby": fileSizeError ? `${fileId}-error` : void 0,
+									onChange: handleFileChange,
+									accept,
+									className: "border-border bg-surface text-text-primary file:bg-accent-subtle file:text-accent hover:file:bg-accent-subtle block w-full cursor-pointer rounded-lg border px-4 py-2.5 text-sm file:mr-4 file:cursor-pointer file:rounded-md file:border-0 file:px-3 file:py-1 file:text-sm file:font-medium"
 								})
+							}),
+							fileSizeError && /* @__PURE__ */ jsx("p", {
+								id: `${fileId}-error`,
+								role: "alert",
+								className: "text-danger-fg text-xs",
+								children: fileSizeError
 							})
 						]
+					}),
+					selectedFile && showFileInfo && /* @__PURE__ */ jsx("div", {
+						className: "border-border-subtle rounded-lg border p-4",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "gap-element flex flex-col",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "text-text-primary font-medium",
+										children: selectedFile.name
+									}), /* @__PURE__ */ jsx("span", {
+										className: "text-text-tertiary",
+										children: formatFileSize(selectedFile.size)
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "text-text-tertiary text-xs",
+									children: ["타입: ", selectedFile.type || "알 수 없음"]
+								}),
+								showPreview && preview && /* @__PURE__ */ jsx("div", {
+									className: "border-border-subtle overflow-hidden rounded-lg border",
+									children: /* @__PURE__ */ jsx("img", {
+										src: preview,
+										alt: "미리보기",
+										className: "max-h-48 w-full object-contain"
+									})
+								})
+							]
+						})
+					}),
+					columnMapping && selectedFile && /* @__PURE__ */ jsx("div", {
+						className: "gap-element flex flex-col",
+						"aria-label": (_labels$columnMapping = labels.columnMappingLabel) !== null && _labels$columnMapping !== void 0 ? _labels$columnMapping : "Column mapping",
+						children: columnMapping
+					}),
+					/* @__PURE__ */ jsx(FormSubmit, {
+						disabled: form.isSubmitting(),
+						children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "업로드"
 					})
-				}),
-				columnMapping && selectedFile && /* @__PURE__ */ jsx("div", {
-					className: "gap-element flex flex-col",
-					"aria-label": (_labels$columnMapping = labels.columnMappingLabel) !== null && _labels$columnMapping !== void 0 ? _labels$columnMapping : "Column mapping",
-					children: columnMapping
-				}),
-				/* @__PURE__ */ jsx(FormSubmit, {
-					disabled: form.isSubmitting(),
-					children: (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "업로드"
-				})
-			]
-		}), submitted && /* @__PURE__ */ jsx("div", {
-			className: "border-success bg-success-subtle text-success-fg rounded-lg border p-3 text-sm",
-			children: (_labels$successMessag = labels.successMessage) !== null && _labels$successMessag !== void 0 ? _labels$successMessag : "업로드가 완료되었습니다!"
-		})]
+				]
+			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
+			submitted && /* @__PURE__ */ jsx("div", {
+				role: "status",
+				className: "border-success bg-success-subtle text-success-fg rounded-lg border p-3 text-sm",
+				children: (_labels$successMessag = labels.successMessage) !== null && _labels$successMessag !== void 0 ? _labels$successMessag : "업로드가 완료되었습니다!"
+			})
+		]
 	});
 }
 //#endregion
 //#region src/shells/wizard-form.tsx
 /** Renders the wizard form component. */
 function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange, resetOnSuccess = false, labels = {}, ariaLabel }) {
-	var _labels$reviewTitle, _labels$stepsLabel, _labels$reviewTitle2, _labels$backButton, _labels$submitButton, _labels$nextButton, _labels$successMessag, _labels$resetLink;
+	var _labels$reviewTitle, _labels$stepsLabel, _labels$reviewTitle2, _labels$backButton, _labels$submitButton, _labels$nextButton, _labels$submitError, _labels$successMessag, _labels$resetLink;
 	const [currentStep, setCurrentStep] = useState(0);
 	const [submitted, setSubmitted] = useState(false);
+	const formId = useId();
 	const totalSteps = showReview ? steps.length + 1 : steps.length;
 	const isReviewStep = showReview && currentStep === steps.length;
 	const isLastStep = currentStep === totalSteps - 1;
@@ -1611,22 +1661,31 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 			}
 			return errors;
 		},
-		onSubmit: (values) => {
+		onSubmit: async (values) => {
 			if (!isLastStep) {
 				const next = currentStep + 1;
 				setCurrentStep(next);
 				onStepChange === null || onStepChange === void 0 || onStepChange(next);
 			} else {
+				setSubmitted(false);
+				await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(values));
 				setSubmitted(true);
-				onSubmit === null || onSubmit === void 0 || onSubmit(values);
-				if (resetOnSuccess) setTimeout(() => {
-					setCurrentStep(0);
-					setSubmitted(false);
-					form.reset();
-				}, 3e3);
 			}
 		}
 	});
+	useEffect(() => {
+		if (!submitted || !resetOnSuccess) return;
+		const timer = setTimeout(() => {
+			setCurrentStep(0);
+			setSubmitted(false);
+			form.reset();
+		}, 3e3);
+		return () => clearTimeout(timer);
+	}, [
+		submitted,
+		resetOnSuccess,
+		form
+	]);
 	const handleBack = () => {
 		if (currentStep > 0) {
 			const prev = currentStep - 1;
@@ -1664,8 +1723,8 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 				]
 			}, field.name);
 		}
-		if (field.type === "checkbox") return /* @__PURE__ */ jsxs("div", {
-			className: "gap-element flex flex-col",
+		if (field.type === "checkbox") return /* @__PURE__ */ jsxs(FormField, {
+			name: field.name,
 			children: [/* @__PURE__ */ jsxs("label", {
 				className: "text-text-primary gap-element flex items-center text-sm",
 				children: [/* @__PURE__ */ jsx(FormCheckbox, { name: field.name }), /* @__PURE__ */ jsx("span", { children: field.label })]
@@ -1673,13 +1732,10 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 		}, field.name);
 		if (field.type === "textarea") {
 			var _field$rows, _field$resize;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "gap-element flex flex-col",
+			return /* @__PURE__ */ jsxs(FormField, {
+				name: field.name,
 				children: [
-					/* @__PURE__ */ jsx(FormLabel, {
-						name: field.name,
-						children: field.label
-					}),
+					/* @__PURE__ */ jsx(FormLabel, { children: field.label }),
 					/* @__PURE__ */ jsx(FormTextarea, {
 						name: field.name,
 						placeholder: field.placeholder,
@@ -1692,22 +1748,28 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 		}
 		if (field.type === "select") {
 			var _field$options2;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "gap-element flex flex-col",
+			return /* @__PURE__ */ jsxs(FormField, {
+				name: field.name,
 				children: [
 					/* @__PURE__ */ jsx(FormLabel, {
-						name: field.name,
+						htmlFor: `${formId}-${field.name}`,
 						children: field.label
 					}),
 					/* @__PURE__ */ jsx(FormSelect, {
 						name: field.name,
+						id: `${formId}-${field.name}`,
+						"aria-label": field.label,
+						"aria-describedby": form.getError(field.name) && form.getFieldTouched(field.name) ? `${formId}-${field.name}-error` : void 0,
 						placeholder: field.placeholder,
 						children: /* @__PURE__ */ jsx(FormSelectPopover, { children: (_field$options2 = field.options) === null || _field$options2 === void 0 ? void 0 : _field$options2.map((option) => /* @__PURE__ */ jsx(FormSelectItem, {
 							value: option.value,
 							children: option.label
 						}, option.value)) })
 					}),
-					/* @__PURE__ */ jsx(FormError, { name: field.name })
+					/* @__PURE__ */ jsx(FormError, {
+						name: field.name,
+						id: `${formId}-${field.name}-error`
+					})
 				]
 			}, field.name);
 		}
@@ -1724,13 +1786,10 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 				})]
 			})]
 		}, field.name);
-		return /* @__PURE__ */ jsxs("div", {
-			className: "gap-element flex flex-col",
+		return /* @__PURE__ */ jsxs(FormField, {
+			name: field.name,
 			children: [
-				/* @__PURE__ */ jsx(FormLabel, {
-					name: field.name,
-					children: field.label
-				}),
+				/* @__PURE__ */ jsx(FormLabel, { children: field.label }),
 				/* @__PURE__ */ jsx(FormInput, {
 					name: field.name,
 					type: (_field$type = field.type) !== null && _field$type !== void 0 ? _field$type : "text",
@@ -1814,13 +1873,20 @@ function WizardForm({ fields, steps, showReview = true, onSubmit, onStepChange,
 						children: [currentStep > 0 ? /* @__PURE__ */ jsx("button", {
 							type: "button",
 							onClick: handleBack,
+							disabled: form.isSubmitting(),
 							className: "border-border text-text-primary hover:bg-bg-subtle rounded-lg border px-4 py-2 text-sm font-medium",
 							children: (_labels$backButton = labels.backButton) !== null && _labels$backButton !== void 0 ? _labels$backButton : "이전"
 						}) : /* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx(FormSubmit, { children: isLastStep ? (_labels$submitButton = labels.submitButton) !== null && _labels$submitButton !== void 0 ? _labels$submitButton : "제출" : (_labels$nextButton = labels.nextButton) !== null && _labels$nextButton !== void 0 ? _labels$nextButton : "다음" })]
 					})
 				]
 			}),
+			form.getSubmitError() !== void 0 && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "border-danger bg-danger-subtle text-danger-fg rounded-lg border p-3 text-sm",
+				children: (_labels$submitError = labels.submitError) !== null && _labels$submitError !== void 0 ? _labels$submitError : "처리에 실패했습니다. 다시 시도해주세요."
+			}),
 			submitted && /* @__PURE__ */ jsxs("div", {
+				role: "status",
 				className: "border-success bg-success-subtle rounded-lg border p-4 text-center",
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "text-success-fg text-sm font-medium",
@@ -6173,64 +6239,56 @@ ConfirmDialog.displayName = "ConfirmDialog";
 function AsyncCombobox({ onSearch, debounceMs = 300, loadingText, minChars = 1, placeholder, onSelect, labels: customLabels, className }) {
 	const labels = _objectSpread2({
 		input: placeholder !== null && placeholder !== void 0 ? placeholder : "Search",
+		error: "Search failed. Please try again.",
+		retry: "Retry",
 		loading: loadingText !== null && loadingText !== void 0 ? loadingText : "Loading…",
 		noResults: "No results",
 		placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "Search…"
 	}, customLabels);
 	const [query, setQuery] = React.useState("");
-	const [results, setResults] = React.useState([]);
-	const [loading, setLoading] = React.useState(false);
-	const timerRef = React.useRef(void 0);
-	const searchGenerationRef = React.useRef(0);
-	const handleInput = React.useCallback((event) => {
-		searchGenerationRef.current += 1;
+	const inputRef = React.useRef(null);
+	const { results, loading, failed, retry, invalidate } = useAsyncSearch({
+		query,
+		search: onSearch,
+		enabled: query.length >= minChars,
+		debounceMs
+	});
+	const handleInput = (event) => {
+		inputRef.current = event.currentTarget;
+		invalidate();
 		setQuery(event.currentTarget.value);
-	}, []);
-	const handleValueChange = React.useCallback((value) => {
-		searchGenerationRef.current += 1;
-		if (timerRef.current) clearTimeout(timerRef.current);
-		setLoading(false);
-		setResults([]);
+	};
+	const handleValueChange = (value) => {
+		invalidate();
 		onSelect === null || onSelect === void 0 || onSelect(value);
-	}, [onSelect]);
-	React.useEffect(() => {
-		const generation = ++searchGenerationRef.current;
-		if (timerRef.current) clearTimeout(timerRef.current);
-		if (query.length < minChars) {
-			setResults([]);
-			setLoading(false);
-			return;
-		}
-		setLoading(true);
-		timerRef.current = setTimeout(async () => {
-			try {
-				const items = await onSearch(query);
-				if (searchGenerationRef.current !== generation) return;
-				setResults(items);
-			} finally {
-				if (searchGenerationRef.current === generation) setLoading(false);
-			}
-		}, debounceMs);
-		return () => {
-			if (timerRef.current) clearTimeout(timerRef.current);
-		};
-	}, [
-		query,
-		minChars,
-		debounceMs,
-		onSearch
-	]);
+	};
 	return /* @__PURE__ */ jsxs(ComboboxRoot, {
 		onValueChange: handleValueChange,
 		"data-opt-id": "KAKTV",
 		"data-opt-slug": "async-combobox.AsyncCombobox",
-		children: [/* @__PURE__ */ jsx(ComboboxInput, {
+		children: [/* @__PURE__ */ jsx(ComboboxInput, _objectSpread2({
 			className: cn(className),
 			"aria-label": labels.input,
 			"aria-busy": loading || void 0,
 			placeholder: labels.placeholder,
 			onInput: handleInput
-		}), /* @__PURE__ */ jsx(ComboboxPopover, { children: loading ? /* @__PURE__ */ jsxs("div", {
+		}, failed ? {
+			"aria-expanded": false,
+			"aria-controls": void 0
+		} : {})), /* @__PURE__ */ jsx(ComboboxPopover, _objectSpread2(_objectSpread2({}, failed ? { role: "presentation" } : {}), {}, { children: failed ? /* @__PURE__ */ jsxs("div", {
+			role: "alert",
+			className: "gap-element flex flex-col px-3 py-2 text-sm",
+			children: [/* @__PURE__ */ jsx("span", { children: labels.error }), /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				onClick: () => {
+					var _inputRef$current;
+					retry();
+					(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+				},
+				children: labels.retry
+			})]
+		}) : loading ? /* @__PURE__ */ jsxs("div", {
 			className: "text-text-secondary gap-element flex items-center px-3 py-2 text-sm",
 			role: "status",
 			"aria-live": "polite",
@@ -6242,7 +6300,7 @@ function AsyncCombobox({ onSearch, debounceMs = 300, loadingText, minChars = 1,
 		}) : results.length === 0 ? /* @__PURE__ */ jsx(ComboboxEmpty, { children: labels.noResults }) : results.map((item) => /* @__PURE__ */ jsx(ComboboxItem, {
 			value: item,
 			children: item
-		}, item)) })]
+		}, item)) }))]
 	});
 }
 //#endregion
@@ -8873,4 +8931,4 @@ const enStarRatingLabels = {
 };
 const enBreadcrumbLabels = { navAriaLabel: "Go to {label}" };
 //#endregion
-export { ALL_COMPOUND_THEMES, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActivityFeed, Alert, AlertBuilder, AlertDialogPanel, AppMenubar, AppShell, AsyncCombobox, AuditLog, AuditTimeline, AuthForm, Avatar, AvatarGroup, Badge, BlockLayout, BlockLayout as SurfaceLayout, BranchSelect, Breadcrumb, BulkActions, Button, COLOR_PRESETS, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogCellControls, CatalogFrame, CatalogRowActions, ChatInput, ChatMessageList, ChatSidebar, Checkbox, CheckboxGroup, CircularProgress, CodeDiffViewer, CodeSnippetViewer, ColorPaletteDisplay, ColorPalettePicker, ColorPicker, ColumnToggler, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteTrigger, CommandSeparator, CommandShortcut, ComparisonSelector, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, ConfirmDialog, ConnectionIndicator, Container, ContentTabs, CopyButton, CriteriaBuilder, DEFAULT_PRESETS, DEFAULT_TIME_PRESETS, DashboardGrid, DataImportWizard, DataTable, DateRangePicker, DeploymentTimeline, DescriptionList, DesignGuidePanel, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DomainTable, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, DynamicFieldForm, EMPTY_QUERY, EMPTY_QUERY_FILTERS, EditorToolbar, EmptyState, EnvPanel, ErrorBoundary, EventIcon, EventMetaEditor, EventSparkline, EventTimeline, ExportButton, Expression, ExpressionGroup, FIELD_TYPE_TOKENS, FORCE_LIGHT_PRESETS, FORCE_LIGHT_PRESET_IDS, Facet, FacetGroup, FailureList, FaqAccordion, FeatureFlagPanel, FieldSidebar, FieldToken, FieldTokenLegend, FileUploadForm, FilterBar, FloatingActionBar, Flyout, FormCheckbox, FormColorPicker, FormControl, FormDateRangePicker, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormIconPicker, FormInput, FormLabel, FormNumberInput, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSlider, FormStarRating, FormSubmit, FormSwitch, FormTagInput, FormTextarea, GENERATED_THEME_ID_DEFAULT, GLOBAL_THEME_STYLE_ID, Heading, Highlight, IconPicker, Identity, InlineEdit, InlineEditTable, Input, InsightsPanel, InspectorLayout, KanbanBoard, Kbd, KeyPadMenu, KeyValueEditor, LiveRegion, LoadingOverlay, LogTable, Logo, MegaMenu, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, MetricsCard, NotificationCenter, NotificationToast, NumberInput, OPT_TEXT_PRIMARY, OPT_TEXT_SECONDARY, OptThemeControllerContext, OptThemeProvider, OtpField, POPULAR_ICONS, PageAside, PageHeader, Pagination, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, Progress, ProjectSwitcher, PromptTemplate, PropertyExplorer, QueryBar, QueryFilterBar, QueryFiltersMenu, QueryHistoryList, QueryOutputPane, QueryResultChart, QueryResultsTable, QueryToolbar, QueryVariablesMenu, QueryWorkspace, QuickActions, Radio, RadioGroup, ReportBuilder, ReportWidget, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, RouteFocusManager, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, SaveQueryDialog, SavedFilters, SchemaTree, ScoreBreakdown, ScrollArea, SearchCombobox, Section, SegmentBuilder, SegmentedControl, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, SettingsForm, ShaderSurface, Sidebar, SidebarNav, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText, Slider, SpatialNavProvider, Spinner, SqlEditor, StarRating, StatCard, StatusDot, StatusSelect, StepBuilder, SummaryRow, Switch, THEME_PALETTES, THEME_PRESET_IDS, THEME_REGISTRY, THEME_SPEC_STORAGE_KEY, THEME_TOKENS_STORAGE_KEY, Tab, TabList, TabPanel, TabsRoot, TagInput, TaskList, TeamMemberList, TemplatePicker, Text, TextTruncate, Textarea, ThemeSwitcher, TimeRangeControl, TimeRangeSelector, TimeSeriesPanel, ToastProvider, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, TreeTable, TrendChart, VALUELESS_OPERATORS, VerticalTabs, VirtualList, WebhookConfig, WidgetGrid, WizardForm, WorkflowCanvas, addClause, applyCellAction, buildTokenCache, cn, coerceThemeMode, computeGeneratedTokens, computeSpatialTargets, countActiveQueryFilters, createBlock, createBlock as createSurface, createThemeBootScript, criteriaBuilderDuplicate, criteriaBuilderDuplicateGroup, criteriaBuilderInsert, criteriaBuilderMove, criteriaBuilderRemove, criteriaBuilderRemoveGroup, criteriaGroupLetter, defaultQueryChartConfig, defineThemeOverrides, describeClause, enBreadcrumbLabels, enComboboxLabels, enStarRatingLabels, fieldValues, formatClause, formatOptDateTime, formatOptNumber, formatOptShortDate, formatOptTime, formatQuery, formatQueryCell, generatedTheme, getCompoundIdForSpec, getCompoundTheme, getShaderFragment, getShaderPreset, getThemeDescriptor, getTrappedContextRole, hasActiveQuery, hasActiveQueryFilters, isDescriptorSpec, isEmptyQuery, isForceLightSpec, isGeneratedSpec, isPresetSpec, isThemePresetId, isValidQueryVariableName, koBreadcrumbLabels, koComboboxLabels, koStarRatingLabels, matchesQuery, matchesQueryObject, numericResultColumns, parseQuery, parseQueryWithDiagnostics, presetTheme, queryFields, quoteValue, readStoredTheme, removeClause, replaceSqlPlaceholder, resolveDescriptor, resolveFieldType, resolveThemeMode, safeParseStoredSpec, safeParseStoredTokens, schemaValidator, serializeGeneratedTheme, serializeThemeRule, serializeTokenBody, shouldSkipArrow, splitSqlStatements, sqlPlaceholderNames, sqlStatementAtOffset, sqlUsesPlaceholder, toast, useAutoRefresh, useControlledState, useFieldValue, useFormContext, useFormStore, useInputId, useOptTheme, useOptThemeController, useOptionalOptTheme, useSidebar, useToast, withFieldValue, withoutField };
+export { ALL_COMPOUND_THEMES, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, ActivityFeed, Alert, AlertBuilder, AlertDialogPanel, AppMenubar, AppShell, AsyncCombobox, AuditLog, AuditTimeline, AuthForm, Avatar, AvatarGroup, Badge, BlockLayout, BlockLayout as SurfaceLayout, BranchSelect, Breadcrumb, BulkActions, Button, COLOR_PRESETS, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogCellControls, CatalogFrame, CatalogRowActions, ChatInput, ChatMessageList, ChatSidebar, Checkbox, CheckboxGroup, CircularProgress, CodeDiffViewer, CodeSnippetViewer, ColorPaletteDisplay, ColorPalettePicker, ColorPicker, ColumnToggler, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteTrigger, CommandSeparator, CommandShortcut, ComparisonSelector, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, ConfirmDialog, ConnectionIndicator, Container, ContentTabs, CopyButton, CriteriaBuilder, DEFAULT_PRESETS, DEFAULT_TIME_PRESETS, DashboardGrid, DataImportWizard, DataTable, DateRangePicker, DeploymentTimeline, DescriptionList, DesignGuidePanel, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DomainTable, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, DynamicFieldForm, EMPTY_QUERY, EMPTY_QUERY_FILTERS, EditorToolbar, EmptyState, EnvPanel, ErrorBoundary, EventIcon, EventMetaEditor, EventSparkline, EventTimeline, ExportButton, Expression, ExpressionGroup, FIELD_TYPE_TOKENS, FORCE_LIGHT_PRESETS, FORCE_LIGHT_PRESET_IDS, Facet, FacetGroup, FailureList, FaqAccordion, FeatureFlagPanel, FieldSidebar, FieldToken, FieldTokenLegend, FileUploadForm, FilterBar, FloatingActionBar, Flyout, FormCheckbox, FormColorPicker, FormControl, FormDateRangePicker, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormIconPicker, FormInput, FormLabel, FormNumberInput, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSlider, FormStarRating, FormSubmit, FormSwitch, FormTagInput, FormTextarea, GENERATED_THEME_ID_DEFAULT, GLOBAL_THEME_STYLE_ID, Heading, Highlight, IconPicker, Identity, InlineEdit, InlineEditTable, Input, InsightsPanel, InspectorLayout, KanbanBoard, Kbd, KeyPadMenu, KeyValueEditor, LiveRegion, LoadingOverlay, LogTable, Logo, MegaMenu, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, MetricsCard, NotificationCenter, NotificationToast, NumberInput, OPT_TEXT_PRIMARY, OPT_TEXT_SECONDARY, OptThemeControllerContext, OptThemeProvider, OtpField, POPULAR_ICONS, PageAside, PageHeader, Pagination, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, Progress, ProjectSwitcher, PromptTemplate, PropertyExplorer, QueryBar, QueryFilterBar, QueryFiltersMenu, QueryHistoryList, QueryOutputPane, QueryResultChart, QueryResultsTable, QueryToolbar, QueryVariablesMenu, QueryWorkspace, QuickActions, Radio, RadioGroup, ReplayPlayerLayout, ReplayScrubber, ReplayTransport, ReportBuilder, ReportWidget, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextEditor, RouteFocusManager, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, SaveQueryDialog, SavedFilters, SchemaTree, ScoreBreakdown, ScrollArea, SearchCombobox, Section, SegmentBuilder, SegmentedControl, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, SettingsForm, ShaderSurface, Sidebar, SidebarNav, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText, Slider, SpatialNavProvider, Spinner, SqlEditor, StarRating, StatCard, StatusDot, StatusSelect, StepBuilder, SummaryRow, Switch, THEME_PALETTES, THEME_PRESET_IDS, THEME_REGISTRY, THEME_SPEC_STORAGE_KEY, THEME_TOKENS_STORAGE_KEY, Tab, TabList, TabPanel, TabsRoot, TagInput, TaskList, TeamMemberList, TemplatePicker, Text, TextTruncate, Textarea, ThemeSwitcher, TimeRangeControl, TimeRangeSelector, TimeSeriesPanel, ToastProvider, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, TreeTable, TrendChart, VALUELESS_OPERATORS, VerticalTabs, VirtualList, WebhookConfig, WidgetGrid, WizardForm, WorkflowCanvas, addClause, applyCellAction, buildTokenCache, cn, coerceThemeMode, computeGeneratedTokens, computeSpatialTargets, countActiveQueryFilters, createBlock, createBlock as createSurface, createThemeBootScript, criteriaBuilderDuplicate, criteriaBuilderDuplicateGroup, criteriaBuilderInsert, criteriaBuilderMove, criteriaBuilderRemove, criteriaBuilderRemoveGroup, criteriaGroupLetter, defaultQueryChartConfig, defineThemeOverrides, describeClause, enBreadcrumbLabels, enComboboxLabels, enStarRatingLabels, fieldValues, formatClause, formatOptDateTime, formatOptNumber, formatOptShortDate, formatOptTime, formatQuery, formatQueryCell, formatReplayElapsed, generatedTheme, getCompoundIdForSpec, getCompoundTheme, getShaderFragment, getShaderPreset, getThemeDescriptor, getTrappedContextRole, groupReplayMarkers, hasActiveQuery, hasActiveQueryFilters, isDescriptorSpec, isEmptyQuery, isForceLightSpec, isGeneratedSpec, isPresetSpec, isThemePresetId, isValidQueryVariableName, koBreadcrumbLabels, koComboboxLabels, koStarRatingLabels, matchesQuery, matchesQueryObject, numericResultColumns, parseQuery, parseQueryWithDiagnostics, presetTheme, queryFields, quoteValue, readStoredTheme, removeClause, replaceSqlPlaceholder, replayShortcutKey, resolveDescriptor, resolveFieldType, resolveThemeMode, safeParseStoredSpec, safeParseStoredTokens, schemaValidator, serializeGeneratedTheme, serializeThemeRule, serializeTokenBody, shouldSkipArrow, splitSqlStatements, sqlPlaceholderNames, sqlStatementAtOffset, sqlUsesPlaceholder, toast, useAutoRefresh, useControlledState, useFieldValue, useFormContext, useFormStore, useInputId, useOptTheme, useOptThemeController, useOptionalOptTheme, useSidebar, useToast, withFieldValue, withoutField };