import { o as n } from "./rolldown-runtime.js";
import { i as l, t as u } from "./vendor/react.js";
import { t as p } from "./utils.js";
import { t as b } from "./Input.js";
var m = /* @__PURE__ */ n(l(), 1), f = u(), x = {
  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"
}, g = {
  rounded: "rounded-xl",
  round: "rounded-full"
}, c = {
  default: "",
  success: "border-success ring-success/20 ring-[3px]",
  destructive: "border-destructive ring-destructive/20 ring-[3px]"
}, v = m.forwardRef(({ className: r, type: s, size: t = "md", shape: i = "rounded", state: e = "default", hasOutline: o, ...a }, d) => /* @__PURE__ */ (0, f.jsx)(b, {
  ref: d,
  type: s,
  "data-slot": "input",
  "data-state": e,
  "aria-invalid": e === "destructive",
  className: p("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", x[t], g[i], c[e], o && "border-border ring-1 ring-border focus-visible:ring-2 focus-visible:ring-ring", r),
  ...a
}));
v.displayName = "Input";
export {
  c as n,
  v as t
};

//# sourceMappingURL=input3.js.map