/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
"use client";
import { jsx } from "react/jsx-runtime";
import { ListBox, ListBoxItem } from "react-aria-components";
//#region src/forms/ListBox/ListBox.tsx
/**
* ListBox with ratio-ui defaults
*/
function ListBox$1({ className, ...props }) {
	return /* @__PURE__ */ jsx(ListBox, {
		className: className ?? "mt-1 p-1 bg-card border border-border-1 rounded-lg shadow-lg max-h-60 overflow-auto",
		...props
	});
}
/**
* ListBoxItem with ratio-ui defaults
*/
function ListBoxItem$1({ className, ...props }) {
	return /* @__PURE__ */ jsx(ListBoxItem, {
		className: className ?? "px-3 py-2 cursor-pointer outline-none rounded text-(--text) hover:bg-card-hover focus:bg-card-hover selected:bg-(--primary) selected:text-(--text-on-primary)",
		...props
	});
}
//#endregion
export { ListBox$1 as ListBox, ListBoxItem$1 as ListBoxItem };

//# sourceMappingURL=ListBox.js.map