import { jsxs, jsx } from 'react/jsx-runtime';
import { c as cn } from '../utils-DdHUxIdC.js';
import { C as ChevronDown } from '../chevron-down-BNi0ntys.js';
import '../createLucideIcon-C8ycilSN.js';
import 'react';

function NativeSelect$1({ className, size = "default", ...props }) {
    return (jsxs("div", { className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className), "data-slot": "native-select-wrapper", "data-size": size, children: [jsx("select", { "data-slot": "native-select", "data-size": size, className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-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 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", ...props }), jsx(ChevronDown, { className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
}
function NativeSelectOption$1({ ...props }) {
    return jsx("option", { "data-slot": "native-select-option", ...props });
}
function NativeSelectOptGroup$1({ className, ...props }) {
    return (jsx("optgroup", { "data-slot": "native-select-optgroup", className: cn(className), ...props }));
}

const NativeSelect = (props) => jsx(NativeSelect$1, { ...props });
const NativeSelectOptGroup = (props) => jsx(NativeSelectOptGroup$1, { ...props });
const NativeSelectOption = (props) => jsx(NativeSelectOption$1, { ...props });

export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
//# sourceMappingURL=NativeSelect.js.map
