@voilajsx/uikit/dist/input.js

Cross-platform React components with beautiful themes and OKLCH color science

import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { cn } from "./utils.js";
const Input = forwardRef(({ className, type = "text", ...props }, ref) => {
  return /* @__PURE__ */ jsx(
    "input",
    {
      type,
      className: cn(
        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
        className
      ),
      ref,
      ...props
    }
  );
});
Input.displayName = "Input";
export {
  Input
};
//# sourceMappingURL=input.js.map