'use strict';

var jsxRuntime = require('react/jsx-runtime');
var utils = require('../utils-BhM0B89p.js');
var chevronDown = require('../chevron-down-CPsWSS51.js');
require('../createLucideIcon-D0tRgV6l.js');
require('react');

function NativeSelect$1({
  className,
  size = "default",
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsxs(
    "div",
    {
      className: utils.cn(
        "group/native-select relative w-fit has-[select:disabled]:opacity-50",
        className
      ),
      "data-slot": "native-select-wrapper",
      "data-size": size,
      children: [
        /* @__PURE__ */ jsxRuntime.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
          }
        ),
        /* @__PURE__ */ jsxRuntime.jsx(chevronDown.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 /* @__PURE__ */ jsxRuntime.jsx("option", { "data-slot": "native-select-option", ...props });
}
function NativeSelectOptGroup$1({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    "optgroup",
    {
      "data-slot": "native-select-optgroup",
      className: utils.cn(className),
      ...props
    }
  );
}

const NativeSelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(NativeSelect$1, { ...props });
const NativeSelectOptGroup = (props) => /* @__PURE__ */ jsxRuntime.jsx(NativeSelectOptGroup$1, { ...props });
const NativeSelectOption = (props) => /* @__PURE__ */ jsxRuntime.jsx(NativeSelectOption$1, { ...props });

exports.NativeSelect = NativeSelect;
exports.NativeSelectOptGroup = NativeSelectOptGroup;
exports.NativeSelectOption = NativeSelectOption;
//# sourceMappingURL=NativeSelect.js.map
