/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { jsx } from "react/jsx-runtime";
import { Input } from "react-aria-components";
//#region src/forms/Input/Input.tsx
/**
* Default input styles for React Aria components
* Lighter design suitable for autocomplete, combobox, and similar compact inputs
*/
var inputStyles = { default: "px-3 py-2 border border-border-1 rounded-lg bg-card text-(--text) focus:outline-none focus:ring-2 focus:ring-(--focus-ring)" };
/**
* Input component - A simple styled input primitive based on React Aria.
*
* This is a lightweight, composable input element that can be used:
* - Standalone with forms
* - Within React Aria components (SearchField, TextField, etc.)
* - As part of custom form compositions
*
* For a complete form field with label, description, and errors, use `TextField`.
*
* @example
* ```tsx
* // Simple usage
* <Input placeholder="Enter your name" />
* ```
*
* @example
* // With custom styling
* <Input className="w-full px-4 py-3" placeholder="Custom styled" />
* ```
*
* @example
* // Within React Aria SearchField
* <SearchField>
*   <Label>Search</Label>
*   <Input placeholder="Type to search..." />
* </SearchField>
* ```
*/
function Input$1({ className, ref, ...props }) {
	return /* @__PURE__ */ jsx(Input, {
		ref,
		className: className ?? inputStyles.default,
		...props
	});
}
//#endregion
export { Input$1 as Input, inputStyles };

//# sourceMappingURL=Input.js.map