@questpie/admin 3.2.4 → 3.2.6

package/dist/client/components/ui/field.mjs

@@ -2,8 +2,8 @@
 
 import { cn } from "../../lib/utils.mjs";
 import { Label } from "./label.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
@@ -17,37 +17,12 @@ const FieldIdsContext = React.createContext(null);
 function useFieldIds() {
 	return React.useContext(FieldIdsContext);
 }
-function FieldGroup(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-field-group group/field-group @container/field-group flex w-full flex-col gap-4 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "field-group",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function FieldGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-group",
+		className: cn("qa-field-group group/field-group @container/field-group flex w-full flex-col gap-4 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
+		...props
+	});
 }
 const fieldVariants = cva("qa-field data-[invalid=true]:text-destructive group/field flex w-full gap-2", {
 	variants: { orientation: {
@@ -57,297 +32,86 @@ const fieldVariants = cva("qa-field data-[invalid=true]:text-destructive group/f
 	} },
 	defaultVariants: { orientation: "vertical" }
 });
-function Field(t0) {
-	const $ = c(20);
-	let className;
-	let props;
-	let t1;
-	if ($[0] !== t0) {
-		({className, orientation: t1, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-	}
-	const orientation = t1 === void 0 ? "vertical" : t1;
+function Field({ className, orientation = "vertical", ...props }) {
 	const baseId = React.useId();
 	const [hasDescription, setHasDescription] = React.useState(false);
 	const [hasError, setHasError] = React.useState(false);
-	const t2 = `${baseId}-desc`;
-	const t3 = `${baseId}-err`;
-	let t4;
-	if ($[4] !== baseId || $[5] !== hasDescription || $[6] !== hasError || $[7] !== t2 || $[8] !== t3) {
-		t4 = {
-			baseId,
-			descriptionId: t2,
-			errorId: t3,
-			hasDescription,
-			hasError,
-			setHasDescription,
-			setHasError
-		};
-		$[4] = baseId;
-		$[5] = hasDescription;
-		$[6] = hasError;
-		$[7] = t2;
-		$[8] = t3;
-		$[9] = t4;
-	} else t4 = $[9];
-	const ids = t4;
-	let t5;
-	if ($[10] !== className || $[11] !== orientation) {
-		t5 = cn(fieldVariants({ orientation }), className);
-		$[10] = className;
-		$[11] = orientation;
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] !== orientation || $[14] !== props || $[15] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
+	const ids = useMemo(() => ({
+		baseId,
+		descriptionId: `${baseId}-desc`,
+		errorId: `${baseId}-err`,
+		hasDescription,
+		hasError,
+		setHasDescription,
+		setHasError
+	}), [
+		baseId,
+		hasDescription,
+		hasError
+	]);
+	return /* @__PURE__ */ jsx(FieldIdsContext.Provider, {
+		value: ids,
+		children: /* @__PURE__ */ jsx("div", {
 			role: "group",
 			"data-slot": "field",
 			"data-orientation": orientation,
-			className: t5,
+			className: cn(fieldVariants({ orientation }), className),
 			...props
-		});
-		$[13] = orientation;
-		$[14] = props;
-		$[15] = t5;
-		$[16] = t6;
-	} else t6 = $[16];
-	let t7;
-	if ($[17] !== ids || $[18] !== t6) {
-		t7 = /* @__PURE__ */ jsx(FieldIdsContext.Provider, {
-			value: ids,
-			children: t6
-		});
-		$[17] = ids;
-		$[18] = t6;
-		$[19] = t7;
-	} else t7 = $[19];
-	return t7;
+		})
+	});
 }
-function FieldContent(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-field__content group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "field-content",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function FieldContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-content",
+		className: cn("qa-field__content group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className),
+		...props
+	});
 }
-function FieldLabel(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-field__label has-data-checked:bg-accent has-data-checked:text-accent-foreground group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Label, {
-			"data-slot": "field-label",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function FieldLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "field-label",
+		className: cn("qa-field__label has-data-checked:bg-accent has-data-checked:text-accent-foreground group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
+		...props
+	});
 }
-function FieldDescription(t0) {
-	const $ = c(12);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
+function FieldDescription({ className, ...props }) {
 	const fieldIds = React.useContext(FieldIdsContext);
-	let t1;
-	let t2;
-	if ($[3] !== fieldIds) {
-		t1 = () => {
-			fieldIds?.setHasDescription(true);
-			return () => fieldIds?.setHasDescription(false);
-		};
-		t2 = [fieldIds];
-		$[3] = fieldIds;
-		$[4] = t1;
-		$[5] = t2;
-	} else {
-		t1 = $[4];
-		t2 = $[5];
-	}
-	React.useEffect(t1, t2);
-	const t3 = fieldIds?.descriptionId;
-	let t4;
-	if ($[6] !== className) {
-		t4 = cn("qa-field__description text-muted-foreground text-left text-xs/relaxed leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-foreground [&>a]:underline [&>a]:underline-offset-4", className);
-		$[6] = className;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== props || $[9] !== t3 || $[10] !== t4) {
-		t5 = /* @__PURE__ */ jsx("p", {
-			id: t3,
-			"data-slot": "field-description",
-			className: t4,
-			...props
-		});
-		$[8] = props;
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	return t5;
+	React.useEffect(() => {
+		fieldIds?.setHasDescription(true);
+		return () => fieldIds?.setHasDescription(false);
+	}, [fieldIds]);
+	return /* @__PURE__ */ jsx("p", {
+		id: fieldIds?.descriptionId,
+		"data-slot": "field-description",
+		className: cn("qa-field__description text-muted-foreground text-left text-xs/relaxed leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-foreground [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
 }
-function FieldError(t0) {
-	const $ = c(20);
-	let children;
-	let className;
-	let errors;
-	let props;
-	if ($[0] !== t0) {
-		({className, children, errors, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = errors;
-		$[4] = props;
-	} else {
-		children = $[1];
-		className = $[2];
-		errors = $[3];
-		props = $[4];
-	}
+function FieldError({ className, children, errors, ...props }) {
 	const fieldIds = React.useContext(FieldIdsContext);
-	let t1;
-	bb0: {
-		if (children) {
-			t1 = children;
-			break bb0;
-		}
-		if (!errors?.length) {
-			t1 = null;
-			break bb0;
-		}
-		let t2$1;
-		if ($[5] !== errors) {
-			t2$1 = [...new Map(errors.map(_temp)).values()];
-			$[5] = errors;
-			$[6] = t2$1;
-		} else t2$1 = $[6];
-		const uniqueErrors = t2$1;
-		if (uniqueErrors?.length == 1) {
-			t1 = uniqueErrors[0]?.message;
-			break bb0;
-		}
-		let t3$1;
-		if ($[7] !== uniqueErrors) {
-			t3$1 = /* @__PURE__ */ jsx("ul", {
-				className: "ml-4 flex list-disc flex-col gap-1",
-				children: uniqueErrors.map(_temp2)
-			});
-			$[7] = uniqueErrors;
-			$[8] = t3$1;
-		} else t3$1 = $[8];
-		t1 = t3$1;
-	}
-	const content = t1;
-	let t2;
-	let t3;
-	if ($[9] !== content || $[10] !== fieldIds) {
-		t2 = () => {
-			fieldIds?.setHasError(!!content);
-			return () => fieldIds?.setHasError(false);
-		};
-		t3 = [fieldIds, content];
-		$[9] = content;
-		$[10] = fieldIds;
-		$[11] = t2;
-		$[12] = t3;
-	} else {
-		t2 = $[11];
-		t3 = $[12];
-	}
-	React.useEffect(t2, t3);
-	if (!content) return null;
-	const t4 = fieldIds?.errorId;
-	let t5;
-	if ($[13] !== className) {
-		t5 = cn("qa-field__error text-destructive text-xs/relaxed font-normal", className);
-		$[13] = className;
-		$[14] = t5;
-	} else t5 = $[14];
-	let t6;
-	if ($[15] !== content || $[16] !== props || $[17] !== t4 || $[18] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
-			id: t4,
-			role: "alert",
-			"data-slot": "field-error",
-			className: t5,
-			...props,
-			children: content
+	const content = useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+		if (uniqueErrors?.length == 1) return uniqueErrors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: uniqueErrors.map((error) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, error.message))
 		});
-		$[15] = content;
-		$[16] = props;
-		$[17] = t4;
-		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
-	return t6;
-}
-function _temp2(error_0) {
-	return error_0?.message && /* @__PURE__ */ jsx("li", { children: error_0.message }, error_0.message);
-}
-function _temp(error) {
-	return [error?.message, error];
+	}, [children, errors]);
+	React.useEffect(() => {
+		fieldIds?.setHasError(!!content);
+		return () => fieldIds?.setHasError(false);
+	}, [fieldIds, content]);
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("div", {
+		id: fieldIds?.errorId,
+		role: "alert",
+		"data-slot": "field-error",
+		className: cn("qa-field__error text-destructive text-xs/relaxed font-normal", className),
+		...props,
+		children: content
+	});
 }
 
 //#endregion

package/dist/client/components/ui/input-group.mjs

@@ -3,43 +3,17 @@
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "./button.mjs";
 import { Input } from "./input.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/client/components/ui/input-group.tsx
-function InputGroup(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-input-group control-surface font-chrome has-[[data-slot=input-group-control]:focus-visible]:border-border-strong has-[[data-slot=input-group-control]:focus-visible]:ring-ring/20 has-[[data-slot=input-group-control][aria-expanded=true]]:border-border-strong has-[[data-slot=input-group-control][aria-expanded=true]]:ring-ring/20 has-[[data-slot][aria-invalid=true]]:ring-ring/20 has-[[data-slot][aria-invalid=true]]:border-border-strong group/input-group hover:border-border-strong/70 relative flex w-full min-w-0 items-center overflow-hidden outline-none has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control][aria-expanded=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "input-group",
-			role: "group",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function InputGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: cn("qa-input-group control-surface font-chrome has-[[data-slot=input-group-control]:focus-visible]:border-border-strong has-[[data-slot=input-group-control]:focus-visible]:ring-ring/20 has-[[data-slot=input-group-control][aria-expanded=true]]:border-border-strong has-[[data-slot=input-group-control][aria-expanded=true]]:ring-ring/20 has-[[data-slot][aria-invalid=true]]:ring-ring/20 has-[[data-slot][aria-invalid=true]]:border-border-strong group/input-group hover:border-border-strong/70 relative flex w-full min-w-0 items-center overflow-hidden outline-none has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control][aria-expanded=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0", className),
+		...props
+	});
 }
 const inputGroupAddonVariants = cva("qa-input-group__addon font-chrome text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 flex h-full cursor-text items-center justify-center gap-1 py-1 text-xs/relaxed font-medium select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>svg:not([class*='size-'])]:size-3.5", {
 	variants: { align: {
@@ -50,60 +24,27 @@ const inputGroupAddonVariants = cva("qa-input-group__addon font-chrome text-mute
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function InputGroupAddon(t0) {
-	const $ = c(11);
-	let className;
-	let props;
-	let t1;
-	if ($[0] !== t0) {
-		({className, align: t1, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-	}
-	const align = t1 === void 0 ? "inline-start" : t1;
-	const handleClick = _temp;
-	const handleKeyDown = _temp2;
-	let t2;
-	if ($[4] !== align || $[5] !== className) {
-		t2 = cn(inputGroupAddonVariants({ align }), className);
-		$[4] = align;
-		$[5] = className;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== align || $[8] !== props || $[9] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			role: "button",
-			tabIndex: 0,
-			"data-slot": "input-group-addon",
-			"data-align": align,
-			className: t2,
-			onClick: handleClick,
-			onKeyDown: handleKeyDown,
-			...props
-		});
-		$[7] = align;
-		$[8] = props;
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	return t3;
-}
-function _temp2(e_0) {
-	if (e_0.key === "Enter" || e_0.key === " ") {
-		e_0.preventDefault();
-		e_0.currentTarget.parentElement?.querySelector("input")?.focus();
-	}
-}
-function _temp(e) {
-	if (e.target.closest("button")) return;
-	e.currentTarget.parentElement?.querySelector("input")?.focus();
+function InputGroupAddon({ className, align = "inline-start", ...props }) {
+	const handleClick = (e) => {
+		if (e.target.closest("button")) return;
+		e.currentTarget.parentElement?.querySelector("input")?.focus();
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			e.currentTarget.parentElement?.querySelector("input")?.focus();
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		role: "button",
+		tabIndex: 0,
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		className: cn(inputGroupAddonVariants({ align }), className),
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		...props
+	});
 }
 const inputGroupButtonVariants = cva("qa-input-group__button flex items-center gap-2 rounded-[var(--control-radius-inner)] text-xs/relaxed shadow-none", {
 	variants: { size: {
@@ -114,87 +55,21 @@ const inputGroupButtonVariants = cva("qa-input-group__button flex items-center g
 	} },
 	defaultVariants: { size: "xs" }
 });
-function InputGroupButton(t0) {
-	const $ = c(15);
-	let className;
-	let props;
-	let t1;
-	let t2;
-	let t3;
-	if ($[0] !== t0) {
-		({className, type: t1, variant: t2, size: t3, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-		$[4] = t2;
-		$[5] = t3;
-	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-		t2 = $[4];
-		t3 = $[5];
-	}
-	const type = t1 === void 0 ? "button" : t1;
-	const variant = t2 === void 0 ? "ghost" : t2;
-	const size = t3 === void 0 ? "xs" : t3;
-	let t4;
-	if ($[6] !== className || $[7] !== size) {
-		t4 = cn(inputGroupButtonVariants({ size }), className);
-		$[6] = className;
-		$[7] = size;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== props || $[10] !== size || $[11] !== t4 || $[12] !== type || $[13] !== variant) {
-		t5 = /* @__PURE__ */ jsx(Button, {
-			type,
-			"data-size": size,
-			variant,
-			className: t4,
-			...props
-		});
-		$[9] = props;
-		$[10] = size;
-		$[11] = t4;
-		$[12] = type;
-		$[13] = variant;
-		$[14] = t5;
-	} else t5 = $[14];
-	return t5;
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type,
+		"data-size": size,
+		variant,
+		className: cn(inputGroupButtonVariants({ size }), className),
+		...props
+	});
 }
-function InputGroupInput(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-input-group__input flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Input, {
-			"data-slot": "input-group-control",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
+function InputGroupInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		className: cn("qa-input-group__input flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0", className),
+		...props
+	});
 }
 
 //#endregion