import { cn } from "./index3.js";
import * as React from "react";
import { jsx } from "react/jsx-runtime";
import { Input } from "@base-ui/react/input";
//#region src/components/ui/input.tsx
var sizeClasses = {
	xs: "h-[26px] px-3 py-0.5 text-sm gap-0.5",
	sm: "h-8 px-3 py-1 text-sm gap-1.5",
	md: "h-9 px-3 py-1 text-base md:text-sm gap-1.5",
	lg: "h-10 px-3 py-1 text-base gap-1.5"
};
var shapeClasses = {
	rounded: "rounded-xl",
	round: "rounded-full"
};
var stateClasses = {
	default: "",
	success: "border-success ring-success/20 ring-[3px]",
	destructive: "border-destructive ring-destructive/20 ring-[3px]"
};
var Input$1 = React.forwardRef(({ className, type, size = "md", shape = "rounded", state = "default", hasOutline, ...props }, ref) => {
	return /* @__PURE__ */ jsx(Input, {
		ref,
		type,
		"data-slot": "input",
		"data-state": state,
		"aria-invalid": state === "destructive",
		className: cn("bg-extra-shadow border-input focus-visible:border-ring focus-visible:ring-ring/50 border bg-transparent shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted read-only:bg-muted read-only:border-border read-only:cursor-default", sizeClasses[size], shapeClasses[shape], stateClasses[state], hasOutline && "border-border ring-1 ring-border focus-visible:ring-2 focus-visible:ring-ring", className),
		...props
	});
});
Input$1.displayName = "Input";
//#endregion
export { Input$1 as Input, stateClasses };

//# sourceMappingURL=index38.js.map