Input

1// Base UI base input — runs on the @octanejs/base-ui `Input` primitive, which is a native
2// `<input>` wired into Field (it is literally `Field.Control`).
3//
4// No `composeRenderProps` here, unlike the React Aria base: RAC routes `className` through a
5// render-prop pipeline that must be composed, whereas Base UI's `className` is a plain string or
6// a `(state) => string`, so `cn` applies directly.
7//
8// UNVERIFIED PROVENANCE: the class string is taken from this package's React Aria base rather
9// than transcribed from upstream's Base UI source. Nothing in it keys off a primitive-emitted
10// attribute, so it is a lower-risk case than `separator` — but verify before treating as ported.
11//
12// OCTANE DIVERGENCE: per-keystroke handling is the native `onInput` event; native `change`
13// keeps its commit-on-blur meaning.
14import { Input as InputPrimitive } from '@octanejs/base-ui/input';
15 
16import { cn } from '@/lib/utils';
17 
18export function Input({ className, type, ...props }: Record<string, any>) @{
19	<InputPrimitive
20		type={type}
21		data-slot="input"
22		className={cn(
23			'h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',
24			className,
25		)}
26		{...props}
27	/>
28}