"use client";
import { A as h, C as p, D as g } from "./index.package-DVXWP15X.js";
import { n as c } from "./class-map-PJQE20qS.js";
import "./index-BQH07Eyc.js";
import { r as v, e as f } from "./tron-connector-BRlrwEsj.js";
import { c as m } from "./index-DHgooZrL.js";
const x = h`
  :host {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-color: var(--wui-color-gray-glass-020);
    border-radius: var(--local-border-radius);
    border: var(--local-border);
    box-sizing: content-box;
    width: var(--local-size);
    height: var(--local-size);
    min-height: var(--local-size);
    min-width: var(--local-size);
  }

  @supports (background: color-mix(in srgb, white 50%, black)) {
    :host {
      background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);
    }
  }
`;
var i = function(d, e, t, l) {
  var a = arguments.length, r = a < 3 ? e : l === null ? l = Object.getOwnPropertyDescriptor(e, t) : l, n;
  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(d, e, t, l);
  else for (var s = d.length - 1; s >= 0; s--) (n = d[s]) && (r = (a < 3 ? n(r) : a > 3 ? n(e, t, r) : n(e, t)) || r);
  return a > 3 && r && Object.defineProperty(e, t, r), r;
};
let o = class extends p {
  constructor() {
    super(...arguments), this.size = "md", this.backgroundColor = "accent-100", this.iconColor = "accent-100", this.background = "transparent", this.border = !1, this.borderColor = "wui-color-bg-125", this.icon = "copy";
  }
  render() {
    const e = this.iconSize || this.size, t = this.size === "lg", l = this.size === "xl", a = t ? "12%" : "16%", r = t ? "xxs" : l ? "s" : "3xl", n = this.background === "gray", s = this.background === "opaque", b = this.backgroundColor === "accent-100" && s || this.backgroundColor === "success-100" && s || this.backgroundColor === "error-100" && s || this.backgroundColor === "inverse-100" && s;
    let u = `var(--wui-color-${this.backgroundColor})`;
    return b ? u = `var(--wui-icon-box-bg-${this.backgroundColor})` : n && (u = `var(--wui-color-gray-${this.backgroundColor})`), this.style.cssText = `
       --local-bg-value: ${u};
       --local-bg-mix: ${b || n ? "100%" : a};
       --local-border-radius: var(--wui-border-radius-${r});
       --local-size: var(--wui-icon-box-size-${this.size});
       --local-border: ${this.borderColor === "wui-color-bg-125" ? "2px" : "1px"} solid ${this.border ? `var(--${this.borderColor})` : "transparent"}
   `, g` <wui-icon color=${this.iconColor} size=${e} name=${this.icon}></wui-icon> `;
  }
};
o.styles = [v, f, x];
i([
  c()
], o.prototype, "size", void 0);
i([
  c()
], o.prototype, "backgroundColor", void 0);
i([
  c()
], o.prototype, "iconColor", void 0);
i([
  c()
], o.prototype, "iconSize", void 0);
i([
  c()
], o.prototype, "background", void 0);
i([
  c({ type: Boolean })
], o.prototype, "border", void 0);
i([
  c()
], o.prototype, "borderColor", void 0);
i([
  c()
], o.prototype, "icon", void 0);
o = i([
  m("wui-icon-box")
], o);
