import{j as t,r as a,k as o,l as i,m as e}from"./p-BxEPsDRj.js";import{n,c as s}from"./p-CrMmJdZ6.js";var r=t`
  button {
    background-color: transparent;
    padding: ${({spacing:t})=>t[1]};
  }

  button:focus-visible {
    box-shadow: 0 0 0 4px ${({tokens:t})=>t.core.foregroundAccent020};
  }

  button[data-variant='accent']:hover:enabled,
  button[data-variant='accent']:focus-visible {
    background-color: ${({tokens:t})=>t.core.foregroundAccent010};
  }

  button[data-variant='primary']:hover:enabled,
  button[data-variant='primary']:focus-visible,
  button[data-variant='secondary']:hover:enabled,
  button[data-variant='secondary']:focus-visible {
    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
  }

  button[data-size='xs'] > wui-icon {
    width: 8px;
    height: 8px;
  }

  button[data-size='sm'] > wui-icon {
    width: 12px;
    height: 12px;
  }

  button[data-size='xs'],
  button[data-size='sm'] {
    border-radius: ${({borderRadius:t})=>t[1]};
  }

  button[data-size='md'],
  button[data-size='lg'] {
    border-radius: ${({borderRadius:t})=>t[2]};
  }

  button[data-size='md'] > wui-icon {
    width: 16px;
    height: 16px;
  }

  button[data-size='lg'] > wui-icon {
    width: 20px;
    height: 20px;
  }

  button:disabled {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.5;
  }

  button:hover:not(:disabled) {
    background-color: var(--wui-color-accent-glass-015);
  }

  button:focus-visible:not(:disabled) {
    background-color: var(--wui-color-accent-glass-015);
    box-shadow:
      inset 0 0 0 1px var(--wui-color-accent-100),
      0 0 0 4px var(--wui-color-accent-glass-020);
  }
`;var d=undefined&&undefined.__decorate||function(t,a,o,i){var e=arguments.length,n=e<3?a:i===null?i=Object.getOwnPropertyDescriptor(a,o):i,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(t,a,o,i);else for(var r=t.length-1;r>=0;r--)if(s=t[r])n=(e<3?s(n):e>3?s(a,o,n):s(a,o))||n;return e>3&&n&&Object.defineProperty(a,o,n),n};let c=class t extends i{constructor(){super(...arguments);this.size="md";this.disabled=false;this.icon="copy";this.iconColor="default";this.variant="accent"}render(){const t={accent:"accent-primary",primary:"inverse",secondary:"default"};return e`
      <button data-variant=${this.variant} ?disabled=${this.disabled} data-size=${this.size}>
        <wui-icon
          color=${t[this.variant]||this.iconColor}
          size=${this.size}
          name=${this.icon}
        ></wui-icon>
      </button>
    `}};c.styles=[a,o,r];d([n()],c.prototype,"size",void 0);d([n({type:Boolean})],c.prototype,"disabled",void 0);d([n()],c.prototype,"icon",void 0);d([n()],c.prototype,"iconColor",void 0);d([n()],c.prototype,"variant",void 0);c=d([s("wui-icon-link")],c);
//# sourceMappingURL=p-DntCYpai.js.map