import { o as d } from "./rolldown-runtime.js";
import { i as p } from "./vendor/react.js";
import { i as m, n as v, o as f, r as b, t as g } from "./_shared.js";
import { a as h, n as E, o as S, r as _, t as C } from "./Select.js";
var a = /* @__PURE__ */ d(p(), 1), s = {
  options: "json",
  value: "string",
  defaultValue: "string",
  placeholder: "string",
  variant: "string",
  size: "string",
  disabled: "boolean"
}, l = class extends g {
  get propDefs() {
    return s;
  }
  static get observedAttributes() {
    return Object.keys(s).map(v);
  }
  _renderReact() {
    const e = this._readAllProps(), o = e.options || [], n = e.placeholder, i = e.variant || "default", c = e.size || "default", u = e.disabled, r = [];
    for (const t of o) r.push(a.createElement(E, {
      key: t.value,
      value: t.value,
      disabled: t.disabled
    }, t.label));
    return a.createElement(C, {
      value: e.value,
      defaultValue: e.defaultValue,
      onValueChange: (t) => b(this, "value-change", t),
      disabled: u
    }, a.createElement(h, {
      variant: i,
      size: c
    }, a.createElement(S, { placeholder: n })), a.createElement(_, null, ...r));
  }
};
m(l, s);
f("hf-select", l);
export {
  l as SelectWC,
  l as default
};

//# sourceMappingURL=hf-select.js.map