@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/primitives/dropzone.mjs

@@ -1,7 +1,6 @@
 import { useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -47,354 +46,228 @@ function formatFileSize(bytes) {
 	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
 	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Dropzone(t0) {
-	const $ = c(70);
-	const { onDrop, accept, maxSize, multiple: t1, disabled: t2, loading: t3, progress, variant: t4, label, hint, error, className, children, action, onValidationError } = t0;
-	const multiple = t1 === void 0 ? false : t1;
-	const disabled = t2 === void 0 ? false : t2;
-	const loading = t3 === void 0 ? false : t3;
-	const variant = t4 === void 0 ? "panel" : t4;
+function Dropzone({ onDrop, accept, maxSize, multiple = false, disabled = false, loading = false, progress, variant = "panel", label, hint, error, className, children, action, onValidationError }) {
 	const { t } = useTranslation();
 	const [isDragging, setIsDragging] = React.useState(false);
 	const inputRef = React.useRef(null);
 	const dragCounterRef = React.useRef(0);
-	let t5;
-	if ($[0] !== accept || $[1] !== maxSize || $[2] !== t) {
-		t5 = (files) => {
-			const valid = [];
-			const errors = [];
-			for (const file of files) {
-				if (!matchesAccept(file, accept)) {
-					errors.push({
-						file,
-						type: "type",
-						message: t("dropzone.invalidType", { name: file.name })
-					});
-					continue;
-				}
-				if (maxSize && file.size > maxSize) {
-					errors.push({
-						file,
-						type: "size",
-						message: t("dropzone.tooLarge", {
-							name: file.name,
-							maxSize: formatFileSize(maxSize)
-						})
-					});
-					continue;
-				}
-				valid.push(file);
+	/**
+	* Validate files and return valid ones + errors
+	*/
+	const validateFiles = React.useCallback((files) => {
+		const valid = [];
+		const errors = [];
+		for (const file of files) {
+			if (!matchesAccept(file, accept)) {
+				errors.push({
+					file,
+					type: "type",
+					message: t("dropzone.invalidType", { name: file.name })
+				});
+				continue;
 			}
-			return {
-				valid,
-				errors
-			};
-		};
-		$[0] = accept;
-		$[1] = maxSize;
-		$[2] = t;
-		$[3] = t5;
-	} else t5 = $[3];
-	const validateFiles = t5;
-	let t6;
-	if ($[4] !== disabled || $[5] !== loading || $[6] !== multiple || $[7] !== onDrop || $[8] !== onValidationError || $[9] !== validateFiles) {
-		t6 = (files_0) => {
-			if (disabled || loading) return;
-			const fileArray = Array.from(files_0);
-			const { valid: valid_0, errors: errors_0 } = validateFiles(multiple ? fileArray : fileArray.slice(0, 1));
-			if (errors_0.length > 0) onValidationError?.(errors_0);
-			if (valid_0.length > 0) onDrop(valid_0);
-		};
-		$[4] = disabled;
-		$[5] = loading;
-		$[6] = multiple;
-		$[7] = onDrop;
-		$[8] = onValidationError;
-		$[9] = validateFiles;
-		$[10] = t6;
-	} else t6 = $[10];
-	const handleFiles = t6;
-	let t7;
-	if ($[11] !== disabled || $[12] !== loading) {
-		t7 = (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-			dragCounterRef.current = dragCounterRef.current + 1;
-			if (e.dataTransfer.items.length > 0 && !disabled && !loading) setIsDragging(true);
-		};
-		$[11] = disabled;
-		$[12] = loading;
-		$[13] = t7;
-	} else t7 = $[13];
-	const handleDragEnter = t7;
-	let t8;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = (e_0) => {
-			e_0.preventDefault();
-			e_0.stopPropagation();
-			dragCounterRef.current = dragCounterRef.current - 1;
-			if (dragCounterRef.current === 0) setIsDragging(false);
-		};
-		$[14] = t8;
-	} else t8 = $[14];
-	const handleDragLeave = t8;
-	const handleDragOver = _temp;
-	let t9;
-	if ($[15] !== handleFiles) {
-		t9 = (e_2) => {
-			e_2.preventDefault();
-			e_2.stopPropagation();
-			dragCounterRef.current = 0;
-			setIsDragging(false);
-			if (e_2.dataTransfer.files.length > 0) handleFiles(e_2.dataTransfer.files);
-		};
-		$[15] = handleFiles;
-		$[16] = t9;
-	} else t9 = $[16];
-	const handleDrop = t9;
-	let t10;
-	if ($[17] !== disabled || $[18] !== loading) {
-		t10 = () => {
-			if (disabled || loading) return;
-			inputRef.current?.click();
-		};
-		$[17] = disabled;
-		$[18] = loading;
-		$[19] = t10;
-	} else t10 = $[19];
-	const handleClick = t10;
-	let t11;
-	if ($[20] !== handleFiles) {
-		t11 = (e_3) => {
-			if (e_3.target.files && e_3.target.files.length > 0) handleFiles(e_3.target.files);
-			e_3.target.value = "";
+			if (maxSize && file.size > maxSize) {
+				errors.push({
+					file,
+					type: "size",
+					message: t("dropzone.tooLarge", {
+						name: file.name,
+						maxSize: formatFileSize(maxSize)
+					})
+				});
+				continue;
+			}
+			valid.push(file);
+		}
+		return {
+			valid,
+			errors
 		};
-		$[20] = handleFiles;
-		$[21] = t11;
-	} else t11 = $[21];
-	const handleInputChange = t11;
-	let t12;
-	if ($[22] !== accept) {
-		t12 = accept?.join(",") || void 0;
-		$[22] = accept;
-		$[23] = t12;
-	} else t12 = $[23];
-	const acceptString = t12;
+	}, [
+		accept,
+		maxSize,
+		t
+	]);
+	/**
+	* Handle file selection
+	*/
+	const handleFiles = React.useCallback((files) => {
+		if (disabled || loading) return;
+		const fileArray = Array.from(files);
+		const { valid, errors } = validateFiles(multiple ? fileArray : fileArray.slice(0, 1));
+		if (errors.length > 0) onValidationError?.(errors);
+		if (valid.length > 0) onDrop(valid);
+	}, [
+		disabled,
+		loading,
+		multiple,
+		validateFiles,
+		onDrop,
+		onValidationError
+	]);
+	/**
+	* Handle drag events
+	*/
+	const handleDragEnter = React.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		dragCounterRef.current += 1;
+		if (e.dataTransfer.items.length > 0 && !disabled && !loading) setIsDragging(true);
+	}, [disabled, loading]);
+	const handleDragLeave = React.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		dragCounterRef.current -= 1;
+		if (dragCounterRef.current === 0) setIsDragging(false);
+	}, []);
+	const handleDragOver = React.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	}, []);
+	const handleDrop = React.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		dragCounterRef.current = 0;
+		setIsDragging(false);
+		if (e.dataTransfer.files.length > 0) handleFiles(e.dataTransfer.files);
+	}, [handleFiles]);
+	/**
+	* Handle click to open file dialog
+	*/
+	const handleClick = React.useCallback(() => {
+		if (disabled || loading) return;
+		inputRef.current?.click();
+	}, [disabled, loading]);
+	/**
+	* Handle file input change
+	*/
+	const handleInputChange = React.useCallback((e) => {
+		if (e.target.files && e.target.files.length > 0) handleFiles(e.target.files);
+		e.target.value = "";
+	}, [handleFiles]);
+	/**
+	* Build accept string for input
+	*/
+	const acceptString = accept?.join(",") || void 0;
 	const isCompact = variant === "compact";
-	let t13;
-	bb0: {
-		if (hint) {
-			t13 = hint;
-			break bb0;
+	/**
+	* Build hint text
+	*/
+	const hintText = React.useMemo(() => {
+		if (hint) return hint;
+		const parts = [];
+		if (accept && accept.length > 0) {
+			const types = accept.map((mimeType) => {
+				if (mimeType.startsWith("image/")) return t("dropzone.typeImages");
+				if (mimeType.startsWith("video/")) return t("dropzone.typeVideos");
+				if (mimeType.startsWith("audio/")) return t("dropzone.typeAudio");
+				if (mimeType === "application/pdf") return t("dropzone.typePDF");
+				if (mimeType.startsWith(".")) return mimeType.toUpperCase();
+				return mimeType;
+			}).filter((v, i, a) => a.indexOf(v) === i);
+			parts.push(types.join(", "));
 		}
-		let parts;
-		if ($[24] !== accept || $[25] !== maxSize || $[26] !== t) {
-			parts = [];
-			if (accept && accept.length > 0) {
-				let t14$1;
-				if ($[28] !== t) {
-					t14$1 = (mimeType) => {
-						if (mimeType.startsWith("image/")) return t("dropzone.typeImages");
-						if (mimeType.startsWith("video/")) return t("dropzone.typeVideos");
-						if (mimeType.startsWith("audio/")) return t("dropzone.typeAudio");
-						if (mimeType === "application/pdf") return t("dropzone.typePDF");
-						if (mimeType.startsWith(".")) return mimeType.toUpperCase();
-						return mimeType;
-					};
-					$[28] = t;
-					$[29] = t14$1;
-				} else t14$1 = $[29];
-				const types = accept.map(t14$1).filter(_temp2);
-				parts.push(types.join(", "));
-			}
-			if (maxSize) {
-				let t14$1;
-				if ($[30] !== maxSize) {
-					t14$1 = formatFileSize(maxSize);
-					$[30] = maxSize;
-					$[31] = t14$1;
-				} else t14$1 = $[31];
-				parts.push(`Max ${t14$1}`);
-			}
-			$[24] = accept;
-			$[25] = maxSize;
-			$[26] = t;
-			$[27] = parts;
-		} else parts = $[27];
-		t13 = parts.length > 0 ? parts.join(" • ") : void 0;
-	}
-	const hintText = t13;
-	const t14 = disabled || loading ? -1 : 0;
-	let t15;
-	if ($[32] !== handleClick) {
-		t15 = (e_4) => {
-			if (e_4.key === "Enter" || e_4.key === " ") {
-				e_4.preventDefault();
+		if (maxSize) parts.push(`Max ${formatFileSize(maxSize)}`);
+		return parts.length > 0 ? parts.join(" • ") : void 0;
+	}, [
+		hint,
+		accept,
+		maxSize,
+		t
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		role: "button",
+		tabIndex: disabled || loading ? -1 : 0,
+		onClick: handleClick,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
 				handleClick();
 			}
-		};
-		$[32] = handleClick;
-		$[33] = t15;
-	} else t15 = $[33];
-	const t16 = isCompact ? "min-h-16 flex-row items-center justify-start gap-3 border border-dashed p-3 text-left" : "min-h-[120px] flex-col items-center justify-center gap-2 border-2 p-6 text-center";
-	const t17 = isDragging && "border-border-strong bg-surface-high";
-	const t18 = error && "border-destructive/50 bg-destructive/5";
-	const t19 = (disabled || loading) && "pointer-events-none opacity-60";
-	let t20;
-	if ($[34] !== className || $[35] !== t16 || $[36] !== t17 || $[37] !== t18 || $[38] !== t19) {
-		t20 = cn("qa-dropzone control-surface relative flex cursor-pointer hover:bg-muted/40 rounded-lg border transition-colors", t16, t17, t18, t19, className);
-		$[34] = className;
-		$[35] = t16;
-		$[36] = t17;
-		$[37] = t18;
-		$[38] = t19;
-		$[39] = t20;
-	} else t20 = $[39];
-	const t21 = disabled || loading;
-	const t22 = isDragging || void 0;
-	const t23 = disabled || loading;
-	let t24;
-	if ($[40] !== acceptString || $[41] !== handleInputChange || $[42] !== multiple || $[43] !== t23) {
-		t24 = /* @__PURE__ */ jsx("input", {
-			ref: inputRef,
-			type: "file",
-			accept: acceptString,
-			multiple,
-			onChange: handleInputChange,
-			className: "sr-only",
-			disabled: t23,
-			tabIndex: -1
-		});
-		$[40] = acceptString;
-		$[41] = handleInputChange;
-		$[42] = multiple;
-		$[43] = t23;
-		$[44] = t24;
-	} else t24 = $[44];
-	let t25;
-	if ($[45] !== action || $[46] !== children || $[47] !== disabled || $[48] !== hintText || $[49] !== isCompact || $[50] !== isDragging || $[51] !== label || $[52] !== loading || $[53] !== progress || $[54] !== t) {
-		t25 = children || /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx("div", {
-				className: cn("flex shrink-0 items-center justify-center", isCompact && "bg-background/70 border-border-subtle size-9 rounded border"),
-				children: loading ? /* @__PURE__ */ jsxs("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:spinner-gap",
-						className: cn("text-muted-foreground animate-spin", isCompact ? "size-5" : "size-10")
-					}), typeof progress === "number" && /* @__PURE__ */ jsxs("span", {
-						className: cn("text-muted-foreground absolute inset-0 flex items-center justify-center font-medium tabular-nums", isCompact ? "text-[9px]" : "text-xs"),
-						children: [progress, "%"]
-					})]
-				}) : /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:cloud-arrow-up",
-					className: cn("transition-colors", isCompact ? "size-5" : "size-10", isDragging ? "text-foreground" : "text-muted-foreground")
-				})
+		},
+		onDragEnter: handleDragEnter,
+		onDragLeave: handleDragLeave,
+		onDragOver: handleDragOver,
+		onDrop: handleDrop,
+		className: cn("qa-dropzone control-surface relative flex cursor-pointer hover:bg-muted/40 rounded-lg border transition-colors", isCompact ? "min-h-16 flex-row items-center justify-start gap-3 border border-dashed p-3 text-left" : "min-h-[120px] flex-col items-center justify-center gap-2 border-2 p-6 text-center", isDragging && "border-border-strong bg-surface-high", error && "border-destructive/50 bg-destructive/5", (disabled || loading) && "pointer-events-none opacity-60", className),
+		"aria-disabled": disabled || loading,
+		"data-dragging": isDragging || void 0,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				type: "file",
+				accept: acceptString,
+				multiple,
+				onChange: handleInputChange,
+				className: "sr-only",
+				disabled: disabled || loading,
+				tabIndex: -1
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: cn("min-w-0 space-y-1", isCompact && "flex-1"),
-				children: [
-					/* @__PURE__ */ jsx("p", {
-						className: cn("text-foreground text-sm font-medium", isCompact && "truncate"),
-						children: loading ? t("dropzone.uploading") : label || t("dropzone.label")
-					}),
-					hintText && !loading && /* @__PURE__ */ jsx("p", {
-						className: cn("text-muted-foreground text-xs", isCompact && "truncate"),
-						children: hintText
-					}),
-					loading && typeof progress === "number" && /* @__PURE__ */ jsx("div", {
-						className: cn("bg-muted mt-2 h-1.5 overflow-hidden rounded-full", isCompact ? "w-full" : "mx-auto w-32"),
-						children: /* @__PURE__ */ jsx("div", {
-							className: "bg-primary h-full rounded-full transition-[width] duration-300",
-							style: { width: `${progress}%` }
-						})
+			children || /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn("flex shrink-0 items-center justify-center", isCompact && "bg-background/70 border-border-subtle size-9 rounded border"),
+					children: loading ? /* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:spinner-gap",
+							className: cn("text-muted-foreground animate-spin", isCompact ? "size-5" : "size-10")
+						}), typeof progress === "number" && /* @__PURE__ */ jsxs("span", {
+							className: cn("text-muted-foreground absolute inset-0 flex items-center justify-center font-medium tabular-nums", isCompact ? "text-[9px]" : "text-xs"),
+							children: [progress, "%"]
+						})]
+					}) : /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:cloud-arrow-up",
+						className: cn("transition-colors", isCompact ? "size-5" : "size-10", isDragging ? "text-foreground" : "text-muted-foreground")
 					})
-				]
-			}),
-			action && !loading && !disabled && /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				disabled: action.disabled,
-				onClick: (e_5) => {
-					e_5.stopPropagation();
-					action.onClick();
-				},
-				onKeyDown: _temp3,
-				className: cn("shrink-0", isCompact && "max-w-[45%] px-2.5"),
-				children: [action.icon && /* @__PURE__ */ jsx(Icon, {
-					icon: action.icon,
-					className: "size-4 shrink-0"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: action.label
-				})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: cn("min-w-0 space-y-1", isCompact && "flex-1"),
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							className: cn("text-foreground text-sm font-medium", isCompact && "truncate"),
+							children: loading ? t("dropzone.uploading") : label || t("dropzone.label")
+						}),
+						hintText && !loading && /* @__PURE__ */ jsx("p", {
+							className: cn("text-muted-foreground text-xs", isCompact && "truncate"),
+							children: hintText
+						}),
+						loading && typeof progress === "number" && /* @__PURE__ */ jsx("div", {
+							className: cn("bg-muted mt-2 h-1.5 overflow-hidden rounded-full", isCompact ? "w-full" : "mx-auto w-32"),
+							children: /* @__PURE__ */ jsx("div", {
+								className: "bg-primary h-full rounded-full transition-[width] duration-300",
+								style: { width: `${progress}%` }
+							})
+						})
+					]
+				}),
+				action && !loading && !disabled && /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					disabled: action.disabled,
+					onClick: (e) => {
+						e.stopPropagation();
+						action.onClick();
+					},
+					onKeyDown: (e) => {
+						e.stopPropagation();
+					},
+					className: cn("shrink-0", isCompact && "max-w-[45%] px-2.5"),
+					children: [action.icon && /* @__PURE__ */ jsx(Icon, {
+						icon: action.icon,
+						className: "size-4 shrink-0"
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: action.label
+					})]
+				})
+			] }),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-destructive absolute right-0 bottom-2 left-0 text-center text-xs",
+				children: error
 			})
-		] });
-		$[45] = action;
-		$[46] = children;
-		$[47] = disabled;
-		$[48] = hintText;
-		$[49] = isCompact;
-		$[50] = isDragging;
-		$[51] = label;
-		$[52] = loading;
-		$[53] = progress;
-		$[54] = t;
-		$[55] = t25;
-	} else t25 = $[55];
-	let t26;
-	if ($[56] !== error) {
-		t26 = error && /* @__PURE__ */ jsx("p", {
-			className: "text-destructive absolute right-0 bottom-2 left-0 text-center text-xs",
-			children: error
-		});
-		$[56] = error;
-		$[57] = t26;
-	} else t26 = $[57];
-	let t27;
-	if ($[58] !== handleClick || $[59] !== handleDragEnter || $[60] !== handleDrop || $[61] !== t14 || $[62] !== t15 || $[63] !== t20 || $[64] !== t21 || $[65] !== t22 || $[66] !== t24 || $[67] !== t25 || $[68] !== t26) {
-		t27 = /* @__PURE__ */ jsxs("div", {
-			role: "button",
-			tabIndex: t14,
-			onClick: handleClick,
-			onKeyDown: t15,
-			onDragEnter: handleDragEnter,
-			onDragLeave: handleDragLeave,
-			onDragOver: handleDragOver,
-			onDrop: handleDrop,
-			className: t20,
-			"aria-disabled": t21,
-			"data-dragging": t22,
-			children: [
-				t24,
-				t25,
-				t26
-			]
-		});
-		$[58] = handleClick;
-		$[59] = handleDragEnter;
-		$[60] = handleDrop;
-		$[61] = t14;
-		$[62] = t15;
-		$[63] = t20;
-		$[64] = t21;
-		$[65] = t22;
-		$[66] = t24;
-		$[67] = t25;
-		$[68] = t26;
-		$[69] = t27;
-	} else t27 = $[69];
-	return t27;
-}
-function _temp3(e_6) {
-	e_6.stopPropagation();
-}
-function _temp2(v, i, a) {
-	return a.indexOf(v) === i;
-}
-function _temp(e_1) {
-	e_1.preventDefault();
-	e_1.stopPropagation();
+		]
+	});
 }
 
 //#endregion

package/dist/client/components/primitives/field-select-control.mjs

@@ -3,90 +3,22 @@
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
 import { InputGroup } from "../ui/input-group.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/primitives/field-select-control.tsx
-function FieldSelectTrigger(t0) {
-	const $ = c(13);
-	let asInputGroupControl;
-	let className;
-	let hasValue;
-	let props;
-	if ($[0] !== t0) {
-		({className, hasValue, asInputGroupControl, ...props} = t0);
-		$[0] = t0;
-		$[1] = asInputGroupControl;
-		$[2] = className;
-		$[3] = hasValue;
-		$[4] = props;
-	} else {
-		asInputGroupControl = $[1];
-		className = $[2];
-		hasValue = $[3];
-		props = $[4];
-	}
-	const t1 = asInputGroupControl ? "input-group-control" : void 0;
-	const t2 = !hasValue && "text-muted-foreground";
-	const t3 = asInputGroupControl && "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0";
-	let t4;
-	if ($[5] !== className || $[6] !== t2 || $[7] !== t3) {
-		t4 = cn("qa-field-select-control qa-select-single control-surface w-full justify-between px-3 py-2 font-normal", "hover:bg-surface-low focus-visible:border-border-strong focus-visible:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 focus-visible:ring-[3px] aria-expanded:ring-[3px]", t2, t3, className);
-		$[5] = className;
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== props || $[10] !== t1 || $[11] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Button, {
-			variant: "outline",
-			"data-slot": t1,
-			className: t4,
-			...props
-		});
-		$[9] = props;
-		$[10] = t1;
-		$[11] = t4;
-		$[12] = t5;
-	} else t5 = $[12];
-	return t5;
+function FieldSelectTrigger({ className, hasValue, asInputGroupControl, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		"data-slot": asInputGroupControl ? "input-group-control" : void 0,
+		className: cn("qa-field-select-control qa-select-single control-surface w-full justify-between px-3 py-2 font-normal", "hover:bg-surface-low focus-visible:border-border-strong focus-visible:ring-ring/20 aria-expanded:border-border-strong aria-expanded:ring-ring/20 focus-visible:ring-[3px] aria-expanded:ring-[3px]", !hasValue && "text-muted-foreground", asInputGroupControl && "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0", className),
+		...props
+	});
 }
-function FieldSelectActionGroup(t0) {
-	const $ = c(10);
-	let className;
-	let error;
-	let props;
-	if ($[0] !== t0) {
-		({className, error, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = error;
-		$[3] = props;
-	} else {
-		className = $[1];
-		error = $[2];
-		props = $[3];
-	}
-	const t1 = error && "border-destructive ring-destructive/20 ring-[2px]";
-	let t2;
-	if ($[4] !== className || $[5] !== t1) {
-		t2 = cn("qa-field-select-action-group control-surface overflow-hidden p-0", t1, className);
-		$[4] = className;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== props || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsx(InputGroup, {
-			className: t2,
-			...props
-		});
-		$[7] = props;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
+function FieldSelectActionGroup({ className, error, ...props }) {
+	return /* @__PURE__ */ jsx(InputGroup, {
+		className: cn("qa-field-select-action-group control-surface overflow-hidden p-0", error && "border-destructive ring-destructive/20 ring-[2px]", className),
+		...props
+	});
 }
 
 //#endregion