@reopt-ai/opt-ui 1.14.0 → 1.15.0

package/dist/{text-truncate-Bd-0WkSP.js → text-truncate-B-8nJgnu.js}

@@ -3,8 +3,8 @@ import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { AlertDialogPanel, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Composite, CompositeItem, CompositeProvider, CompositeRow, DialogDescription, DialogDisclosure, DialogDismiss, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSubmit, FormSwitch, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Tab, TabList, TabPanel, TabsRoot, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipRoot, useFieldValue, useFormContext, useFormStore } from "@reopt-ai/opt-ui-primitives";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { AlertDialogPanel, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Composite, CompositeItem, CompositeProvider, CompositeRow, DialogDescription, DialogDisclosure, DialogDismiss, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSubmit, FormSwitch, FormTextarea, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Tab, TabList, TabPanel, TabsRoot, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipRoot, useFieldValue, useFormContext, useFormStore } from "@reopt-ai/opt-ui-primitives";
 import { AtSign, Bell, Binary, Braces, Brackets, Calendar, CalendarClock, CalendarDays, ChartColumn, Check, ChevronLeft, ChevronRight, CircleAlert, CircleCheck, CircleDollarSign, CircleHelp, Copy, CreditCard, Download, Eye, FileText, Fingerprint, Flag, Folder, Globe, GripVertical, Hash, Heart, Info, Layers, Link2, List, LogIn, Mail, MapPin, MessageCircle, MousePointerClick, Network, Percent, Search, Settings, Share2, ShoppingCart, Sigma, Star, Timer, ToggleLeft, TrendingUp, TriangleAlert, Type, Upload, User, UserPlus, XCircle, Zap } from "lucide-react";
 import { Group, Panel, Separator as Separator$1 } from "react-resizable-panels";
 //#region src/lib/cn.ts
@@ -220,6 +220,47 @@ function useControlledState(defaultValue, controlledValue, onChange) {
 	}, [isControlled, onChange])];
 }
 //#endregion
+//#region src/core/toggle.tsx
+const _excluded$22 = [
+	"size",
+	"className",
+	"children"
+];
+const _excluded2$12 = [
+	"className",
+	"children",
+	"orientation"
+];
+const sizeStyles$7 = {
+	sm: "h-8 min-w-8 px-2 text-xs gap-1.5",
+	md: "h-10 min-w-10 px-3 text-sm gap-2"
+};
+const toggleBase = cn("inline-flex cursor-pointer items-center justify-center rounded-md border border-border bg-surface font-medium text-text-secondary", "hover:bg-bg-subtle hover:text-text-primary", "data-[pressed]:border-accent data-[pressed]:bg-accent-subtle data-[pressed]:text-accent", "disabled:pointer-events-none disabled:opacity-40", OPT_FOCUS_VISIBLE);
+/** A two-state (pressed) button. Use standalone or inside `ToggleGroup`. */
+function Toggle$1(_ref) {
+	let { size = "md", className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$22);
+	return /* @__PURE__ */ jsx(Toggle, _objectSpread2(_objectSpread2({ className: cn(toggleBase, sizeStyles$7[size], className) }, props), {}, {
+		"data-opt-id": "GFCMY",
+		"data-opt-slug": "toggle.Toggle",
+		children
+	}));
+}
+Toggle$1.displayName = "Toggle";
+/** A set of related toggles with shared selection and keyboard navigation. */
+function ToggleGroup$1(_ref2) {
+	let { className, children, orientation = "horizontal" } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$12);
+	return /* @__PURE__ */ jsx(ToggleGroup, _objectSpread2(_objectSpread2({
+		orientation,
+		"aria-orientation": orientation,
+		className: cn("inline-flex gap-1", orientation === "vertical" ? "flex-col" : "flex-row", className)
+	}, props), {}, {
+		"data-opt-id": "47J37",
+		"data-opt-slug": "toggle.ToggleGroup",
+		children
+	}));
+}
+ToggleGroup$1.displayName = "ToggleGroup";
+//#endregion
 //#region src/core/skeleton.tsx
 const _excluded$21 = [
 	"variant",
@@ -1034,12 +1075,10 @@ function Tooltip$1(_ref5) {
 }
 //#endregion
 //#region src/lib/use-input-id.ts
-/**
-* Generates a stable component ID from label text.
-* Eliminates the duplicated `id ?? label?.replace(...)` pattern across input components.
-*/
-function useInputId(id, label, prefix) {
-	return id !== null && id !== void 0 ? id : label ? `${prefix}-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0;
+/** Generates an instance-specific, hydration-stable ID unless one is supplied. */
+function useInputId(id, _label, prefix) {
+	const generatedId = useId();
+	return id !== null && id !== void 0 ? id : `${prefix}-${generatedId}`;
 }
 //#endregion
 //#region src/core/input.tsx
@@ -1348,6 +1387,7 @@ const Textarea = forwardRef((_ref, ref) => {
 				ref,
 				id: textareaId,
 				rows,
+				required,
 				className: cn("border-border bg-surface text-text-primary placeholder:text-text-tertiary w-full rounded-lg border px-4 py-3 text-sm outline-transparent", OPT_FOCUS_VISIBLE, textareaSizeStyles[size], resizeStyles$1[resize], hasError && "border-danger focus-visible:outline-danger", !fullWidth && "w-auto", className),
 				"aria-invalid": hasError,
 				"aria-describedby": getDescribedBy(textareaId, error, hint)
@@ -2170,6 +2210,7 @@ function NumberInput({ value: controlledValue, defaultValue, onChange, nullable,
 						children: [
 							/* @__PURE__ */ jsx("input", {
 								type: "text",
+								role: "spinbutton",
 								inputMode: "decimal",
 								id: inputId,
 								value: displayValue,
@@ -2183,6 +2224,10 @@ function NumberInput({ value: controlledValue, defaultValue, onChange, nullable,
 								"aria-label": (_ref2 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref2 !== void 0 ? _ref2 : resolvedLabels.input,
 								"aria-invalid": hasError,
 								"aria-required": required,
+								"aria-valuenow": value !== null && value !== void 0 ? value : void 0,
+								"aria-valuemin": min,
+								"aria-valuemax": max,
+								"aria-valuetext": value === null ? "" : void 0,
 								"aria-describedby": getDescribedBy(inputId, effectiveError, hint),
 								min,
 								max,
@@ -2249,13 +2294,16 @@ function getSliderState(value, min, max, step) {
 	};
 }
 /** Renders the slider component. */
-function Slider({ value: controlledValue, defaultValue = 0, onChange, min = 0, max = 100, step = 1, label, showValue = false, formatValue, disabled = false, className, "aria-label": ariaLabel }) {
+function Slider({ value: controlledValue, defaultValue = 0, onChange, onValueCommit, min = 0, max = 100, step = 1, label, showValue = false, formatValue, disabled = false, className, "aria-label": ariaLabel }) {
 	var _ref;
 	const [localValue, setLocalValue] = useState(defaultValue);
+	const pendingValue = useRef(null);
+	const pointerStart = useRef(null);
 	const sliderState = getSliderState(controlledValue !== null && controlledValue !== void 0 ? controlledValue : localValue, min, max, step);
 	const handleChange = useCallback((e) => {
 		const next = getSliderState(parseFloat(e.target.value), min, max, step).value;
 		if (controlledValue === void 0) setLocalValue(next);
+		pendingValue.current = next;
 		onChange === null || onChange === void 0 || onChange(next);
 	}, [
 		controlledValue,
@@ -2264,6 +2312,12 @@ function Slider({ value: controlledValue, defaultValue = 0, onChange, min = 0, m
 		step,
 		onChange
 	]);
+	const commit = () => {
+		const next = pendingValue.current;
+		pendingValue.current = null;
+		pointerStart.current = null;
+		if (!disabled && next !== null) onValueCommit === null || onValueCommit === void 0 || onValueCommit(next);
+	};
 	const displayValue = formatValue ? formatValue(sliderState.value) : String(sliderState.value);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex flex-col gap-1.5", className),
@@ -2285,6 +2339,34 @@ function Slider({ value: controlledValue, defaultValue = 0, onChange, min = 0, m
 			step: sliderState.step,
 			value: sliderState.value,
 			onChange: handleChange,
+			onPointerDown: (event) => {
+				var _event$currentTarget$, _event$currentTarget;
+				pointerStart.current = sliderState.value;
+				(_event$currentTarget$ = (_event$currentTarget = event.currentTarget).setPointerCapture) === null || _event$currentTarget$ === void 0 || _event$currentTarget$.call(_event$currentTarget, event.pointerId);
+			},
+			onPointerUp: commit,
+			onPointerCancel: () => {
+				const previous = pointerStart.current;
+				pendingValue.current = null;
+				pointerStart.current = null;
+				if (previous !== null && !disabled) {
+					if (controlledValue === void 0) setLocalValue(previous);
+					onChange === null || onChange === void 0 || onChange(previous);
+				}
+			},
+			onKeyUp: (event) => {
+				if ([
+					"ArrowLeft",
+					"ArrowRight",
+					"ArrowUp",
+					"ArrowDown",
+					"Home",
+					"End",
+					"PageUp",
+					"PageDown"
+				].includes(event.key)) commit();
+			},
+			onBlur: commit,
 			disabled,
 			"aria-label": (_ref = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref !== void 0 ? _ref : "Slider",
 			"aria-valuemin": sliderState.min,
@@ -2790,6 +2872,12 @@ function IconPicker({ value, onChange, icons = DEFAULT_ICONS, label, required, e
 }
 IconPicker.displayName = "IconPicker";
 //#endregion
+//#region src/lib/is-composing-key.ts
+/** Safari may report the composition-ending key with keyCode 229. */
+function isComposingKey(event) {
+	return event.nativeEvent.isComposing || event.keyCode === 229;
+}
+//#endregion
 //#region src/core/tag-input.tsx
 const DEFAULT_DELIMITERS = [
 	",",
@@ -2801,7 +2889,7 @@ function splitByDelimiters(text, delimiters) {
 	return text.split(new RegExp(pattern)).map((s) => s.trim()).filter(Boolean);
 }
 const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", label, required, error, hint, maxTags, disabled = false, className, id, "aria-label": ariaLabel, suggestions, delimiters = DEFAULT_DELIMITERS, allowDuplicates = false }, ref) => {
-	var _useInputId, _ref, _ref2, _ref3, _ref4;
+	var _useInputId, _ref, _ref2, _ref3;
 	const [tags, setTags] = useControlledState([], value, onChange);
 	const fallbackId = useId().replace(/:/g, "");
 	const tagInputId = (_useInputId = useInputId(id, label, "tag-input")) !== null && _useInputId !== void 0 ? _useInputId : `tag-input-${fallbackId}`;
@@ -2810,8 +2898,8 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 	const [inputValue, setInputValue] = useState("");
 	const [highlightIndex, setHighlightIndex] = useState(-1);
 	const [showSuggestions, setShowSuggestions] = useState(false);
-	const innerRef = useRef(null);
-	const inputRef = (_ref = ref) !== null && _ref !== void 0 ? _ref : innerRef;
+	const inputRef = useRef(null);
+	useImperativeHandle(ref, () => inputRef.current);
 	const listboxRef = useRef(null);
 	const listboxId = useId();
 	const undoStack = useRef([]);
@@ -2834,11 +2922,12 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 		setTags(next);
 	}, [tags, setTags]);
 	const filtered = suggestions && inputValue.trim() ? suggestions.filter((s) => s.toLowerCase().includes(inputValue.trim().toLowerCase()) && (allowDuplicates || !tags.includes(s))) : [];
-	const isOpen = showSuggestions && filtered.length > 0;
+	const isOpen = !disabled && showSuggestions && filtered.length > 0;
 	useEffect(() => {
 		setHighlightIndex(-1);
 	}, [inputValue]);
 	const addTag = useCallback((tag) => {
+		if (disabled) return;
 		const trimmed = tag.trim();
 		if (!trimmed) return;
 		if (!allowDuplicates && tags.includes(trimmed)) return;
@@ -2851,13 +2940,20 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 		tags,
 		setTags,
 		maxTags,
-		allowDuplicates
+		allowDuplicates,
+		disabled
 	]);
 	const removeTag = useCallback((index) => {
+		if (disabled) return;
 		pushUndo([...tags]);
 		setTags(tags.filter((_, i) => i !== index));
-	}, [tags, setTags]);
+	}, [
+		tags,
+		setTags,
+		disabled
+	]);
 	const handleTagKeyDown = useCallback((e, index) => {
+		if (disabled || isComposingKey(e)) return;
 		if (e.key === "Backspace" || e.key === "Delete") {
 			e.preventDefault();
 			const nextTags = tags.filter((_, i) => i !== index);
@@ -2904,10 +3000,12 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 		setTags,
 		undo,
 		redo,
-		inputRef
+		inputRef,
+		disabled
 	]);
 	const handleInputKeyDown = useCallback((e) => {
 		var _inputRef$current5;
+		if (disabled || isComposingKey(e)) return;
 		if ((e.ctrlKey || e.metaKey) && e.key === "z" && !e.shiftKey) {
 			e.preventDefault();
 			undo();
@@ -2959,9 +3057,11 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 		filtered,
 		undo,
 		redo,
-		inputRef
+		inputRef,
+		disabled
 	]);
 	const handlePaste = useCallback((e) => {
+		if (disabled) return;
 		const parts = splitByDelimiters(e.clipboardData.getData("text/plain"), delimiters);
 		if (parts.length < 2) return;
 		e.preventDefault();
@@ -2982,7 +3082,8 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 		setTags,
 		maxTags,
 		delimiters,
-		allowDuplicates
+		allowDuplicates,
+		disabled
 	]);
 	useEffect(() => {
 		if (highlightIndex >= 0 && listboxRef.current) {
@@ -2997,7 +3098,8 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 		"data-opt-id": "3TDWF",
 		"data-opt-slug": "tag-input.TagInput",
 		children: [
-			label && /* @__PURE__ */ jsxs("span", {
+			label && /* @__PURE__ */ jsxs("label", {
+				htmlFor: tagInputId,
 				className: "text-sm font-medium text-text-primary",
 				children: [label, required && /* @__PURE__ */ jsx(RequiredMark, {})]
 			}),
@@ -3008,7 +3110,7 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 					return (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.focus();
 				},
 				role: "group",
-				"aria-label": (_ref2 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref2 !== void 0 ? _ref2 : "Tag input",
+				"aria-label": (_ref = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref !== void 0 ? _ref : "Tag input",
 				"aria-required": required,
 				"aria-invalid": hasError,
 				"aria-describedby": describedBy,
@@ -3018,6 +3120,7 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 						"aria-label": "Selected tags",
 						className: "contents",
 						children: tags.map((tag, i) => /* @__PURE__ */ jsxs(CompositeItem, {
+							disabled,
 							render: /* @__PURE__ */ jsx("span", { ref: (el) => {
 								if (el) tagRefs.current.set(i, el);
 								else tagRefs.current.delete(i);
@@ -3050,6 +3153,7 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 					})
 				}), /* @__PURE__ */ jsx("input", {
 					ref: inputRef,
+					id: tagInputId,
 					type: "text",
 					value: inputValue,
 					onChange: (e) => {
@@ -3065,7 +3169,7 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 					placeholder: tags.length === 0 ? placeholder : atLimit ? "" : "",
 					disabled: disabled || atLimit,
 					className: cn("min-w-[60px] flex-1 border-none bg-transparent text-sm outline-transparent", OPT_TEXT_PRIMARY, OPT_FOCUS_VISIBLE, "placeholder:text-text-tertiary"),
-					"aria-label": (_ref3 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref3 !== void 0 ? _ref3 : "Tag input",
+					"aria-label": (_ref2 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref2 !== void 0 ? _ref2 : "Tag input",
 					role: suggestions ? "combobox" : void 0,
 					"aria-describedby": describedBy,
 					"aria-expanded": suggestions ? isOpen : void 0,
@@ -3078,7 +3182,7 @@ const TagInput = forwardRef(({ value, onChange, placeholder = "Add tag...", labe
 				ref: listboxRef,
 				id: listboxId,
 				role: "listbox",
-				"aria-label": (_ref4 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref4 !== void 0 ? _ref4 : "Tag suggestions",
+				"aria-label": (_ref3 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label) !== null && _ref3 !== void 0 ? _ref3 : "Tag suggestions",
 				className: "border-border bg-surface absolute top-full z-50 mt-1 max-h-48 w-full overflow-auto rounded-lg border shadow-md",
 				children: filtered.map((suggestion, i) => /* @__PURE__ */ jsx("li", {
 					id: `${listboxId}-${i}`,
@@ -3703,31 +3807,23 @@ const resizeStyles = {
 	both: "resize"
 };
 /** Renders the form textarea component. */
-function FormTextarea(_ref3) {
-	var _ref4;
+function FormTextarea$1(_ref3) {
 	let { className, resize = "vertical", rows = 4, name } = _ref3, props = _objectWithoutProperties(_ref3, _excluded3$2);
-	const form = useRequiredFormContext("FormTextarea");
-	const value = (_ref4 = useFieldValue(form, name)) !== null && _ref4 !== void 0 ? _ref4 : "";
-	const error = form === null || form === void 0 ? void 0 : form.getError(name);
-	const touched = form === null || form === void 0 ? void 0 : form.getFieldTouched(name);
-	const hasError = Boolean(error && touched);
-	return /* @__PURE__ */ jsx("textarea", _objectSpread2(_objectSpread2({
+	useRequiredFormContext("FormTextarea");
+	return /* @__PURE__ */ jsx(FormTextarea, _objectSpread2(_objectSpread2({
 		name,
-		value,
-		onChange: (e) => form === null || form === void 0 ? void 0 : form.setValue(name, e.target.value),
-		className: cn("border-border bg-surface flex w-full rounded-lg border px-4 py-3", "text-text-primary placeholder:text-text-tertiary focus-visible:ring-ring focus-visible:ring-offset-ring-offset text-sm outline-none focus-visible:ring-2 focus-visible:ring-offset-1", OPT_FOCUS_VISIBLE, resizeStyles[resize], hasError && "border-danger", className),
-		rows,
-		"aria-invalid": hasError || void 0
+		className: cn("border-border bg-surface flex w-full rounded-lg border px-4 py-3", "text-text-primary placeholder:text-text-tertiary focus-visible:ring-ring focus-visible:ring-offset-ring-offset text-sm outline-none focus-visible:ring-2 focus-visible:ring-offset-1", OPT_FOCUS_VISIBLE, resizeStyles[resize], "aria-[invalid=true]:border-danger", className),
+		rows
 	}, props), {}, {
 		"data-opt-id": "Q8G2A",
 		"data-opt-slug": "form.FormTextarea"
 	}));
 }
 /** Renders the form select component. */
-function FormSelect({ name, children, className, placeholder, minWidth = 140, "aria-label": ariaLabel }) {
-	var _ref5;
+function FormSelect({ name, id, children, className, placeholder, minWidth = 140, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy }) {
+	var _ref4;
 	const form = useRequiredFormContext("FormSelect");
-	const value = (_ref5 = useFieldValue(form, name)) !== null && _ref5 !== void 0 ? _ref5 : "";
+	const value = (_ref4 = useFieldValue(form, name)) !== null && _ref4 !== void 0 ? _ref4 : "";
 	const error = form === null || form === void 0 ? void 0 : form.getError(name);
 	const touched = form === null || form === void 0 ? void 0 : form.getFieldTouched(name);
 	const hasError = Boolean(error && touched);
@@ -3741,7 +3837,10 @@ function FormSelect({ name, children, className, placeholder, minWidth = 140, "a
 		"data-opt-id": "A2XF7",
 		"data-opt-slug": "form.FormSelect",
 		children: [/* @__PURE__ */ jsx(SelectTrigger$1, {
+			id,
 			"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name,
+			"aria-describedby": ariaDescribedBy,
+			onBlur: () => form.setFieldTouched(name, true),
 			"aria-invalid": hasError || void 0,
 			className: cn("inline-flex cursor-pointer items-center justify-between data-[disabled]:cursor-not-allowed", hasError && "border-danger", className),
 			style: { minWidth: typeof minWidth === "number" ? `${minWidth}px` : minWidth },
@@ -3750,16 +3849,16 @@ function FormSelect({ name, children, className, placeholder, minWidth = 140, "a
 	});
 }
 /** Renders the form select popover component. */
-function FormSelectPopover(_ref6) {
-	let { className } = _ref6, props = _objectWithoutProperties(_ref6, _excluded4$1);
+function FormSelectPopover(_ref5) {
+	let { className } = _ref5, props = _objectWithoutProperties(_ref5, _excluded4$1);
 	return /* @__PURE__ */ jsx(SelectPopover$1, _objectSpread2(_objectSpread2({ className: cn(OPT_SURFACE_POPOVER, OPT_ANIMATE_ENTER_EXIT, "z-[120]", className) }, props), {}, {
 		"data-opt-id": "CQSPJ",
 		"data-opt-slug": "form.FormSelectPopover"
 	}));
 }
 /** Renders the form select item component. */
-function FormSelectItem(_ref7) {
-	let { className } = _ref7, props = _objectWithoutProperties(_ref7, _excluded5);
+function FormSelectItem(_ref6) {
+	let { className } = _ref6, props = _objectWithoutProperties(_ref6, _excluded5);
 	return /* @__PURE__ */ jsx(SelectItem$1, _objectSpread2(_objectSpread2({ className: cn("flex cursor-pointer items-center gap-2 data-[disabled]:cursor-not-allowed", OPT_ITEM_BASE, OPT_ACTIVE_ITEM, className) }, props), {}, {
 		"data-opt-id": "J3970",
 		"data-opt-slug": "form.FormSelectItem"
@@ -3780,8 +3879,8 @@ const switchSizeStyles = {
 	}
 };
 /** Renders the form switch component. */
-function FormSwitch$1(_ref8) {
-	let { className, size = "md", name } = _ref8, props = _objectWithoutProperties(_ref8, _excluded6);
+function FormSwitch$1(_ref7) {
+	let { className, size = "md", name } = _ref7, props = _objectWithoutProperties(_ref7, _excluded6);
 	const styles = switchSizeStyles[size];
 	const form = useRequiredFormContext("FormSwitch");
 	const checked = Boolean(useFieldValue(form, name));
@@ -3796,25 +3895,25 @@ function FormSwitch$1(_ref8) {
 	}));
 }
 /** Renders the form label component. */
-function FormLabel$1(_ref9) {
-	let { className } = _ref9, props = _objectWithoutProperties(_ref9, _excluded7);
+function FormLabel$1(_ref8) {
+	let { className } = _ref8, props = _objectWithoutProperties(_ref8, _excluded7);
 	return /* @__PURE__ */ jsx(FormLabel, _objectSpread2(_objectSpread2({ className: cn(labelClass, className) }, props), {}, {
 		"data-opt-id": "JHRKM",
 		"data-opt-slug": "form.FormLabel"
 	}));
 }
 /** Renders the form error component. */
-function FormError$1(_ref10) {
-	let { className } = _ref10, props = _objectWithoutProperties(_ref10, _excluded8);
+function FormError$1(_ref9) {
+	let { className } = _ref9, props = _objectWithoutProperties(_ref9, _excluded8);
 	return /* @__PURE__ */ jsx(FormError, _objectSpread2(_objectSpread2({ className: cn(errorClass, className) }, props), {}, {
 		"data-opt-id": "E9NM4",
 		"data-opt-slug": "form.FormError"
 	}));
 }
 /** Renders the form submit component. */
-function FormSubmit$1(_ref11) {
+function FormSubmit$1(_ref10) {
 	var _form$isSubmitting;
-	let { className, disabled, children } = _ref11, props = _objectWithoutProperties(_ref11, _excluded9);
+	let { className, disabled, children } = _ref10, props = _objectWithoutProperties(_ref10, _excluded9);
 	const form = useFormContext();
 	const isSubmitting = (_form$isSubmitting = form === null || form === void 0 ? void 0 : form.isSubmitting()) !== null && _form$isSubmitting !== void 0 ? _form$isSubmitting : false;
 	return /* @__PURE__ */ jsx(FormSubmit, _objectSpread2(_objectSpread2({
@@ -3834,99 +3933,99 @@ function FormProvider$1(props) {
 	}));
 }
 /** Renders the form group component. */
-function FormGroup$1(_ref12) {
-	let { className } = _ref12, props = _objectWithoutProperties(_ref12, _excluded10);
+function FormGroup$1(_ref11) {
+	let { className } = _ref11, props = _objectWithoutProperties(_ref11, _excluded10);
 	return /* @__PURE__ */ jsx(FormGroup, _objectSpread2(_objectSpread2({ className: cn("gap-group flex flex-col", className) }, props), {}, {
 		"data-opt-id": "89E8Q",
 		"data-opt-slug": "form.FormGroup"
 	}));
 }
 /** Renders the form group label component. */
-function FormGroupLabel$1(_ref13) {
-	let { className } = _ref13, props = _objectWithoutProperties(_ref13, _excluded11);
+function FormGroupLabel$1(_ref12) {
+	let { className } = _ref12, props = _objectWithoutProperties(_ref12, _excluded11);
 	return /* @__PURE__ */ jsx(FormGroupLabel, _objectSpread2(_objectSpread2({ className: cn(labelClass, "font-semibold", className) }, props), {}, {
 		"data-opt-id": "W95BH",
 		"data-opt-slug": "form.FormGroupLabel"
 	}));
 }
 /** Renders the form description component. */
-function FormDescription$1(_ref14) {
-	let { className } = _ref14, props = _objectWithoutProperties(_ref14, _excluded12);
+function FormDescription$1(_ref13) {
+	let { className } = _ref13, props = _objectWithoutProperties(_ref13, _excluded12);
 	return /* @__PURE__ */ jsx(FormDescription, _objectSpread2(_objectSpread2({ className: cn(descriptionClass, className) }, props), {}, {
 		"data-opt-id": "RFB40",
 		"data-opt-slug": "form.FormDescription"
 	}));
 }
 /** Renders the form field component. */
-function FormField$1(_ref15) {
-	let { className } = _ref15, props = _objectWithoutProperties(_ref15, _excluded13);
+function FormField$1(_ref14) {
+	let { className } = _ref14, props = _objectWithoutProperties(_ref14, _excluded13);
 	return /* @__PURE__ */ jsx(FormField, _objectSpread2(_objectSpread2({ className: cn("gap-element flex flex-col", className) }, props), {}, {
 		"data-opt-id": "C68GP",
 		"data-opt-slug": "form.FormField"
 	}));
 }
 /** Renders the form control component. */
-function FormControl$1(_ref16) {
-	let { className } = _ref16, props = _objectWithoutProperties(_ref16, _excluded14);
+function FormControl$1(_ref15) {
+	let { className } = _ref15, props = _objectWithoutProperties(_ref15, _excluded14);
 	return /* @__PURE__ */ jsx(FormControl, _objectSpread2(_objectSpread2({ className: cn(inputClass, className) }, props), {}, {
 		"data-opt-id": "XNF0F",
 		"data-opt-slug": "form.FormControl"
 	}));
 }
 /** Renders the form push component. */
-function FormPush$1(_ref17) {
-	let { className } = _ref17, props = _objectWithoutProperties(_ref17, _excluded15);
+function FormPush$1(_ref16) {
+	let { className } = _ref16, props = _objectWithoutProperties(_ref16, _excluded15);
 	return /* @__PURE__ */ jsx(FormPush, _objectSpread2(_objectSpread2({ className: cn(OPT_BUTTON_SECONDARY, className) }, props), {}, {
 		"data-opt-id": "5SV8S",
 		"data-opt-slug": "form.FormPush"
 	}));
 }
 /** Renders the form remove component. */
-function FormRemove$1(_ref18) {
-	let { className } = _ref18, props = _objectWithoutProperties(_ref18, _excluded16);
+function FormRemove$1(_ref17) {
+	let { className } = _ref17, props = _objectWithoutProperties(_ref17, _excluded16);
 	return /* @__PURE__ */ jsx(FormRemove, _objectSpread2(_objectSpread2({ className: cn("text-danger-fg hover:text-danger focus-visible:ring-ring focus-visible:ring-offset-ring-offset inline-flex items-center text-sm outline-none focus-visible:ring-2 focus-visible:ring-offset-1", OPT_FOCUS_VISIBLE, className) }, props), {}, {
 		"data-opt-id": "FEW6V",
 		"data-opt-slug": "form.FormRemove"
 	}));
 }
 /** Renders the form reset component. */
-function FormReset$1(_ref19) {
-	let { className } = _ref19, props = _objectWithoutProperties(_ref19, _excluded17);
+function FormReset$1(_ref18) {
+	let { className } = _ref18, props = _objectWithoutProperties(_ref18, _excluded17);
 	return /* @__PURE__ */ jsx(FormReset, _objectSpread2(_objectSpread2({ className: cn(OPT_BUTTON_SECONDARY, className) }, props), {}, {
 		"data-opt-id": "M3FVB",
 		"data-opt-slug": "form.FormReset"
 	}));
 }
 /** Renders the form checkbox component. */
-function FormCheckbox$1(_ref20) {
-	let { className } = _ref20, props = _objectWithoutProperties(_ref20, _excluded18);
+function FormCheckbox$1(_ref19) {
+	let { className } = _ref19, props = _objectWithoutProperties(_ref19, _excluded18);
 	return /* @__PURE__ */ jsx(FormCheckbox, _objectSpread2(_objectSpread2({ className: cn(checkboxClass, className) }, props), {}, {
 		"data-opt-id": "3BZS1",
 		"data-opt-slug": "form.FormCheckbox"
 	}));
 }
 /** Renders the form radio group component. */
-function FormRadioGroup$1(_ref21) {
-	let { className } = _ref21, props = _objectWithoutProperties(_ref21, _excluded19);
+function FormRadioGroup$1(_ref20) {
+	let { className } = _ref20, props = _objectWithoutProperties(_ref20, _excluded19);
 	return /* @__PURE__ */ jsx(FormRadioGroup, _objectSpread2(_objectSpread2({ className: cn("gap-group flex flex-col", className) }, props), {}, {
 		"data-opt-id": "J8XRP",
 		"data-opt-slug": "form.FormRadioGroup"
 	}));
 }
 /** Renders the form radio component. */
-function FormRadio$1(_ref22) {
-	let { className } = _ref22, props = _objectWithoutProperties(_ref22, _excluded20);
+function FormRadio$1(_ref21) {
+	let { className } = _ref21, props = _objectWithoutProperties(_ref21, _excluded20);
 	return /* @__PURE__ */ jsx(FormRadio, _objectSpread2(_objectSpread2({ className: cn(radioClass, className) }, props), {}, {
 		"data-opt-id": "YTN4Q",
 		"data-opt-slug": "form.FormRadio"
 	}));
 }
 /** Renders the form number input component. */
-function FormNumberInput(_ref23) {
-	var _ref24;
-	let { name } = _ref23, props = _objectWithoutProperties(_ref23, _excluded21);
+function FormNumberInput(_ref22) {
+	var _ref23;
+	let { name } = _ref22, props = _objectWithoutProperties(_ref22, _excluded21);
 	const form = useRequiredFormContext("FormNumberInput");
-	const value = (_ref24 = useFieldValue(form, name)) !== null && _ref24 !== void 0 ? _ref24 : 0;
+	const value = (_ref23 = useFieldValue(form, name)) !== null && _ref23 !== void 0 ? _ref23 : 0;
 	const error = form === null || form === void 0 ? void 0 : form.getError(name);
 	const touched = form === null || form === void 0 ? void 0 : form.getFieldTouched(name);
 	return /* @__PURE__ */ jsx(NumberInput, _objectSpread2(_objectSpread2({
@@ -3939,11 +4038,11 @@ function FormNumberInput(_ref23) {
 	}));
 }
 /** Renders the form slider component. */
-function FormSlider(_ref25) {
-	var _ref26;
-	let { name } = _ref25, props = _objectWithoutProperties(_ref25, _excluded22);
+function FormSlider(_ref24) {
+	var _ref25;
+	let { name } = _ref24, props = _objectWithoutProperties(_ref24, _excluded22);
 	const form = useRequiredFormContext("FormSlider");
-	const value = (_ref26 = useFieldValue(form, name)) !== null && _ref26 !== void 0 ? _ref26 : 0;
+	const value = (_ref25 = useFieldValue(form, name)) !== null && _ref25 !== void 0 ? _ref25 : 0;
 	return /* @__PURE__ */ jsx(Slider, _objectSpread2(_objectSpread2({
 		value,
 		onChange: (v) => form.setValue(name, v)
@@ -3953,11 +4052,11 @@ function FormSlider(_ref25) {
 	}));
 }
 /** Renders the form star rating component. */
-function FormStarRating(_ref27) {
-	var _ref28;
-	let { name } = _ref27, props = _objectWithoutProperties(_ref27, _excluded23);
+function FormStarRating(_ref26) {
+	var _ref27;
+	let { name } = _ref26, props = _objectWithoutProperties(_ref26, _excluded23);
 	const form = useRequiredFormContext("FormStarRating");
-	const value = (_ref28 = useFieldValue(form, name)) !== null && _ref28 !== void 0 ? _ref28 : 0;
+	const value = (_ref27 = useFieldValue(form, name)) !== null && _ref27 !== void 0 ? _ref27 : 0;
 	return /* @__PURE__ */ jsx(StarRating, _objectSpread2(_objectSpread2({
 		value,
 		onChange: (v) => form.setValue(name, v)
@@ -3967,11 +4066,11 @@ function FormStarRating(_ref27) {
 	}));
 }
 /** Renders the form color picker component. */
-function FormColorPicker(_ref29) {
-	var _ref30;
-	let { name } = _ref29, props = _objectWithoutProperties(_ref29, _excluded24);
+function FormColorPicker(_ref28) {
+	var _ref29;
+	let { name } = _ref28, props = _objectWithoutProperties(_ref28, _excluded24);
 	const form = useRequiredFormContext("FormColorPicker");
-	const value = (_ref30 = useFieldValue(form, name)) !== null && _ref30 !== void 0 ? _ref30 : "#000000";
+	const value = (_ref29 = useFieldValue(form, name)) !== null && _ref29 !== void 0 ? _ref29 : "#000000";
 	const error = form === null || form === void 0 ? void 0 : form.getError(name);
 	const touched = form === null || form === void 0 ? void 0 : form.getFieldTouched(name);
 	return /* @__PURE__ */ jsx(ColorPicker, _objectSpread2(_objectSpread2({
@@ -3984,11 +4083,11 @@ function FormColorPicker(_ref29) {
 	}));
 }
 /** Renders the form icon picker component. */
-function FormIconPicker(_ref31) {
-	var _ref32;
-	let { name } = _ref31, props = _objectWithoutProperties(_ref31, _excluded25);
+function FormIconPicker(_ref30) {
+	var _ref31;
+	let { name } = _ref30, props = _objectWithoutProperties(_ref30, _excluded25);
 	const form = useRequiredFormContext("FormIconPicker");
-	const value = (_ref32 = useFieldValue(form, name)) !== null && _ref32 !== void 0 ? _ref32 : "";
+	const value = (_ref31 = useFieldValue(form, name)) !== null && _ref31 !== void 0 ? _ref31 : "";
 	const error = form === null || form === void 0 ? void 0 : form.getError(name);
 	const touched = form === null || form === void 0 ? void 0 : form.getFieldTouched(name);
 	return /* @__PURE__ */ jsx(IconPicker, _objectSpread2(_objectSpread2({
@@ -4001,11 +4100,11 @@ function FormIconPicker(_ref31) {
 	}));
 }
 /** Renders the form tag input component. */
-function FormTagInput(_ref33) {
-	var _ref34;
-	let { name } = _ref33, props = _objectWithoutProperties(_ref33, _excluded26);
+function FormTagInput(_ref32) {
+	var _ref33;
+	let { name } = _ref32, props = _objectWithoutProperties(_ref32, _excluded26);
 	const form = useRequiredFormContext("FormTagInput");
-	const value = (_ref34 = useFieldValue(form, name)) !== null && _ref34 !== void 0 ? _ref34 : [];
+	const value = (_ref33 = useFieldValue(form, name)) !== null && _ref33 !== void 0 ? _ref33 : [];
 	const error = form === null || form === void 0 ? void 0 : form.getError(name);
 	const touched = form === null || form === void 0 ? void 0 : form.getFieldTouched(name);
 	return /* @__PURE__ */ jsx(TagInput, _objectSpread2(_objectSpread2({
@@ -4018,11 +4117,11 @@ function FormTagInput(_ref33) {
 	}));
 }
 /** Renders the form date range picker component. */
-function FormDateRangePicker(_ref35) {
-	var _ref36;
-	let { name } = _ref35, props = _objectWithoutProperties(_ref35, _excluded27);
+function FormDateRangePicker(_ref34) {
+	var _ref35;
+	let { name } = _ref34, props = _objectWithoutProperties(_ref34, _excluded27);
 	const form = useRequiredFormContext("FormDateRangePicker");
-	const value = (_ref36 = useFieldValue(form, name)) !== null && _ref36 !== void 0 ? _ref36 : {
+	const value = (_ref35 = useFieldValue(form, name)) !== null && _ref35 !== void 0 ? _ref35 : {
 		start: null,
 		end: null
 	};
@@ -4943,4 +5042,4 @@ function TextTruncate({ text, truncation = "startEnd", ellipsis = "…", width,
 	});
 }
 //#endregion
-export { useFormContext as $, OPT_HOVER_ITEM as $n, CompositeItem as $t, FormGroup$1 as A, SkeletonText as An, AlertDialogPanel$1 as At, FormRemove$1 as B, OPT_BADGE_NEUTRAL as Bn, SelectItem$1 as Bt, FormCheckbox$1 as C, koComboboxLabels as Cn, ComboboxEmpty as Ct, FormDescription$1 as D, SkeletonAvatar as Dn, ComboboxItem$1 as Dt, FormDateRangePicker as E, Skeleton as En, ComboboxInput$1 as Et, FormNumberInput as F, OPT_ACTIVE_ITEM as Fn, DialogFooter as Ft, FormSelectPopover as G, OPT_DISCLOSURE_TRIGGER as Gn, Tab$1 as Gt, FormRoot$1 as H, OPT_BADGE_YELLOW as Hn, SelectPopover$1 as Ht, FormProvider$1 as I, OPT_ANIMATE_DRAWER as In, DialogHeader as It, FormSubmit$1 as J, OPT_DOT_GREEN as Jn, TabsRoot$1 as Jt, FormSlider as K, OPT_DIVIDER as Kn, TabList$1 as Kt, FormPush$1 as L, OPT_ANIMATE_ENTER_EXIT as Ln, DialogHeading$1 as Lt, FormIconPicker as M, FieldMessages as Mn, DialogDescription$1 as Mt, FormInput$1 as N, RequiredMark as Nn, DialogDisclosure$1 as Nt, FormError$1 as O, SkeletonCard as On, ComboboxPopover$1 as Ot, FormLabel$1 as P, getDescribedBy as Pn, DialogDismiss$1 as Pt, useFieldValue as Q, OPT_FOCUS_VISIBLE as Qn, Composite as Qt, FormRadio$1 as R, OPT_BADGE_BLUE as Rn, DialogPanel$1 as Rt, formatOptTime as S, koBreadcrumbLabels as Sn, MenubarRoot$1 as St, FormControl$1 as T, StatCard as Tn, ComboboxGroupLabel$1 as Tt, FormSelect as U, OPT_BORDER as Un, SelectRoot$1 as Ut, FormReset$1 as V, OPT_BADGE_RED as Vn, SelectLabel$1 as Vt, FormSelectItem as W, OPT_DISCLOSURE_CONTENT as Wn, SelectTrigger$1 as Wt, FormTagInput as X, OPT_DOT_YELLOW as Xn, DisclosureRoot$1 as Xt, FormSwitch$1 as Y, OPT_DOT_RED as Yn, DisclosureContent$1 as Yt, FormTextarea as Z, OPT_FOCUS as Zn, DisclosureTrigger$1 as Zt, DropdownTrigger as _, Spinner as _n, cn as _r, MenuPopover$1 as _t, FieldTokenLegend as a, StarRating as an, OPT_SURFACE_RAISED as ar, getIconRegistryEntry as at, formatOptNumber as b, EmptyState as bn, MenuTrigger$1 as bt, ResizableHandle as c, useInputId as cn, OPT_TD_MUTED as cr, PopoverContent$1 as ct, Checkbox as d, ToolbarRoot$1 as dn, OPT_TEXT_SECONDARY as dr, Slider as dt, CompositeProvider as en, OPT_INPUT as er, useFormStore as et, CheckboxGroup as f, ToolbarSeparator$1 as fn, OPT_TEXT_TERTIARY as fr, NumberInput as ft, DropdownSeparator as g, Alert as gn, Kbd as gr, MenuItemRadio$1 as gt, DropdownMenu as h, TooltipProvider as hn, _objectWithoutProperties as hr, MenuItemCheckbox$1 as ht, FieldToken as i, Textarea as in, OPT_SURFACE_POPOVER as ir, IconPicker as it, FormGroupLabel$1 as j, useControlledState as jn, DialogBody as jt, FormField$1 as k, SkeletonTable as kn, ComboboxRoot$1 as kt, ResizablePanel as l, ToolbarButton$1 as ln, OPT_TEXT_LABEL as lr, PopoverRoot$1 as lt, DropdownItem as m, TooltipAnchor$1 as mn, _objectSpread2 as mr, MenuItem$1 as mt, Highlight as n, CompositeZone as nn, OPT_ITEM_BASE as nr, DateRangePicker as nt, resolveFieldType as o, Switch as on, OPT_TABLE_ROW_ACTIVE as or, ColorPicker as ot, DropdownContent as p, Tooltip$1 as pn, OPT_TH as pr, MenuButtonArrow$1 as pt, FormStarRating as q, OPT_DOT_GRAY as qn, TabPanel$1 as qt, FIELD_TYPE_TOKENS as r, Meter$1 as rn, OPT_SURFACE as rr, TagInput as rt, Pagination as s, Input as sn, OPT_TD as sr, PopoverClose$1 as st, TextTruncate as t, CompositeRow as tn, OPT_INPUT_ERROR as tr, DEFAULT_PRESETS as tt, ResizablePanelGroup as u, ToolbarContainer$1 as un, OPT_TEXT_PRIMARY as ur, PopoverTrigger$1 as ut, OPT_UI_DEFAULT_LOCALE as v, Badge as vn, MenuRoot$1 as vt, FormColorPicker as w, koStarRatingLabels as wn, ComboboxGroup$1 as wt, formatOptShortDate as x, Button as xn, MenubarContainer$1 as xt, formatOptDateTime as y, DescriptionList as yn, MenuSeparator$1 as yt, FormRadioGroup$1 as z, OPT_BADGE_GREEN as zn, DialogRoot$1 as zt };
+export { useFormContext as $, OPT_DOT_YELLOW as $n, Composite as $t, FormGroup$1 as A, SkeletonTable as An, ComboboxRoot$1 as At, FormRemove$1 as B, OPT_ANIMATE_ENTER_EXIT as Bn, DialogRoot$1 as Bt, FormCheckbox$1 as C, koBreadcrumbLabels as Cn, MenubarRoot$1 as Ct, FormDescription$1 as D, Skeleton as Dn, ComboboxInput$1 as Dt, FormDateRangePicker as E, StatCard as En, ComboboxGroupLabel$1 as Et, FormNumberInput as F, FieldMessages as Fn, DialogDismiss$1 as Ft, FormSelectPopover as G, OPT_BADGE_YELLOW as Gn, SelectTrigger$1 as Gt, FormRoot$1 as H, OPT_BADGE_GREEN as Hn, SelectLabel$1 as Ht, FormProvider$1 as I, RequiredMark as In, DialogFooter as It, FormSubmit$1 as J, OPT_DISCLOSURE_TRIGGER as Jn, TabPanel$1 as Jt, FormSlider as K, OPT_BORDER as Kn, Tab$1 as Kt, FormPush$1 as L, getDescribedBy as Ln, DialogHeader as Lt, FormIconPicker as M, Toggle$1 as Mn, DialogBody as Mt, FormInput$1 as N, ToggleGroup$1 as Nn, DialogDescription$1 as Nt, FormError$1 as O, SkeletonAvatar as On, ComboboxItem$1 as Ot, FormLabel$1 as P, useControlledState as Pn, DialogDisclosure$1 as Pt, useFieldValue as Q, OPT_DOT_RED as Qn, DisclosureTrigger$1 as Qt, FormRadio$1 as R, OPT_ACTIVE_ITEM as Rn, DialogHeading$1 as Rt, formatOptTime as S, Button as Sn, MenubarContainer$1 as St, FormControl$1 as T, koStarRatingLabels as Tn, ComboboxGroup$1 as Tt, FormSelect as U, OPT_BADGE_NEUTRAL as Un, SelectPopover$1 as Ut, FormReset$1 as V, OPT_BADGE_BLUE as Vn, SelectItem$1 as Vt, FormSelectItem as W, OPT_BADGE_RED as Wn, SelectRoot$1 as Wt, FormTagInput as X, OPT_DOT_GRAY as Xn, DisclosureContent$1 as Xt, FormSwitch$1 as Y, OPT_DIVIDER as Yn, TabsRoot$1 as Yt, FormTextarea$1 as Z, OPT_DOT_GREEN as Zn, DisclosureRoot$1 as Zt, DropdownTrigger as _, Alert as _n, _objectSpread2 as _r, MenuItemRadio$1 as _t, FieldTokenLegend as a, Textarea as an, OPT_ITEM_BASE as ar, IconPicker as at, formatOptNumber as b, DescriptionList as bn, cn as br, MenuSeparator$1 as bt, ResizableHandle as c, Input as cn, OPT_SURFACE_RAISED as cr, PopoverClose$1 as ct, Checkbox as d, ToolbarContainer$1 as dn, OPT_TD_MUTED as dr, PopoverTrigger$1 as dt, CompositeItem as en, OPT_FOCUS as er, useFormStore as et, CheckboxGroup as f, ToolbarRoot$1 as fn, OPT_TEXT_LABEL as fr, Slider as ft, DropdownSeparator as g, TooltipProvider as gn, OPT_TH as gr, MenuItemCheckbox$1 as gt, DropdownMenu as h, TooltipAnchor$1 as hn, OPT_TEXT_TERTIARY as hr, MenuItem$1 as ht, FieldToken as i, Meter$1 as in, OPT_INPUT_ERROR as ir, isComposingKey as it, FormGroupLabel$1 as j, SkeletonText as jn, AlertDialogPanel$1 as jt, FormField$1 as k, SkeletonCard as kn, ComboboxPopover$1 as kt, ResizablePanel as l, useInputId as ln, OPT_TABLE_ROW_ACTIVE as lr, PopoverContent$1 as lt, DropdownItem as m, Tooltip$1 as mn, OPT_TEXT_SECONDARY as mr, MenuButtonArrow$1 as mt, Highlight as n, CompositeRow as nn, OPT_HOVER_ITEM as nr, DateRangePicker as nt, resolveFieldType as o, StarRating as on, OPT_SURFACE as or, getIconRegistryEntry as ot, DropdownContent as p, ToolbarSeparator$1 as pn, OPT_TEXT_PRIMARY as pr, NumberInput as pt, FormStarRating as q, OPT_DISCLOSURE_CONTENT as qn, TabList$1 as qt, FIELD_TYPE_TOKENS as r, CompositeZone as rn, OPT_INPUT as rr, TagInput as rt, Pagination as s, Switch as sn, OPT_SURFACE_POPOVER as sr, ColorPicker as st, TextTruncate as t, CompositeProvider as tn, OPT_FOCUS_VISIBLE as tr, DEFAULT_PRESETS as tt, ResizablePanelGroup as u, ToolbarButton$1 as un, OPT_TD as ur, PopoverRoot$1 as ut, OPT_UI_DEFAULT_LOCALE as v, Spinner as vn, _objectWithoutProperties as vr, MenuPopover$1 as vt, FormColorPicker as w, koComboboxLabels as wn, ComboboxEmpty as wt, formatOptShortDate as x, EmptyState as xn, MenuTrigger$1 as xt, formatOptDateTime as y, Badge as yn, Kbd as yr, MenuRoot$1 as yt, FormRadioGroup$1 as z, OPT_ANIMATE_DRAWER as zn, DialogPanel$1 as zt };