import { jsxs as i, jsx as n } from "react/jsx-runtime";
import { t as l } from "./classix-DG18itHa.js";
import { i as b } from "./icons-06oXnjRF.js";
import { u as _, r as f } from "./utils--n2yqjCy.js";
import './assets/index43.css';const v = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
function y(r) {
  return Object.fromEntries(Object.entries(r).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || v.has(e)));
}
const q = "_select_8a7r8_1", w = "_touched_8a7r8_25", S = "_label_8a7r8_31", x = "_required_8a7r8_35", a = {
  select: q,
  touched: w,
  label: S,
  required: x
}, D = ({
  children: r,
  label: e,
  placeholder: o,
  ...t
}) => {
  const {
    touched: c,
    onBlur: d
  } = _(t.value === ""), u = y(t), {
    style: m,
    ...h
  } = u, p = {
    ...m,
    "--icon-svg": b("chevron").replace("currentColor", f("--colors-semantic-content-secondary"))
  }, s = /* @__PURE__ */ i("select", { className: l(a.select, c && a.touched), onBlur: d, style: p, ...h, children: [
    o && /* @__PURE__ */ n("option", { value: "", hidden: !0, children: o }, "placeholder"),
    r
  ] });
  return e ? /* @__PURE__ */ i("label", { "data-component": "select", children: [
    /* @__PURE__ */ n("span", { className: l(a.label, t.required && a.required), children: e }),
    s
  ] }) : s;
};
export {
  D as S,
  y as s
};
//# sourceMappingURL=index-DXvkoITF.js.map
