import { r as l, i, e as d } from "./query-assigned-elements-D930kELM.mjs";
import { s as m, R as v } from "./mwc-radio.css-6ufegTtG.mjs";
const y = ":host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38);--mdc-ripple-hover-state-layer-color: var(--cv-theme-on-surface);--mdc-ripple-hover-state-layer-opacity: .08;--mdc-ripple-focus-state-layer-opacity: .12;--mdc-ripple-pressed-state-layer-opacity: .12}:host([checked]){--mdc-ripple-hover-state-layer-color: var(--cv-theme-primary);--mdc-ripple-hover-state-layer-opacity: .08;--mdc-ripple-focus-state-layer-opacity: .12;--mdc-ripple-pressed-state-layer-opacity: .12}:host(:focus-within:not([checked])){--mdc-radio-unchecked-color: var(--cv-theme-on-surface)}";
var h = Object.getOwnPropertyDescriptor, n = (a, o, p, c) => {
  for (var e = c > 1 ? void 0 : c ? h(o, p) : o, t = a.length - 1, s; t >= 0; t--)
    (s = a[t]) && (e = s(e) || e);
  return e;
};
let r = class extends v {
  constructor() {
    super(...arguments), this.useStateLayerCustomProperties = !0;
  }
};
r.styles = [
  m,
  i`
      ${l(y)}
    `
];
r = n([
  d("cv-radio")
], r);
const C = r;
export {
  r as CovalentRadio,
  C as default
};
