https://www.takeapeak.ai/assets/wui-icon-link-BBz7_lYm.js

1import{b as e,c as t,d as n,g as r,l as i,p as a,v as o}from"./wui-text-Dxo3Lf6-.js";var s=r`
2  button {
3    background-color: transparent;
4    padding: ${({spacing:e})=>e[1]};
5  }
6
7  button:focus-visible {
8    box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent020};
9  }
10
11  button[data-variant='accent']:hover:enabled,
12  button[data-variant='accent']:focus-visible {
13    background-color: ${({tokens:e})=>e.core.foregroundAccent010};
14  }
15
16  button[data-variant='primary']:hover:enabled,
17  button[data-variant='primary']:focus-visible,
18  button[data-variant='secondary']:hover:enabled,
19  button[data-variant='secondary']:focus-visible {
20    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
21  }
22
23  button[data-size='xs'] > wui-icon {
24    width: 8px;
25    height: 8px;
26  }
27
28  button[data-size='sm'] > wui-icon {
29    width: 12px;
30    height: 12px;
31  }
32
33  button[data-size='xs'],
34  button[data-size='sm'] {
35    border-radius: ${({borderRadius:e})=>e[1]};
36  }
37
38  button[data-size='md'],
39  button[data-size='lg'] {
40    border-radius: ${({borderRadius:e})=>e[2]};
41  }
42
43  button[data-size='md'] > wui-icon {
44    width: 16px;
45    height: 16px;
46  }
47
48  button[data-size='lg'] > wui-icon {
49    width: 20px;
50    height: 20px;
51  }
52
53  button:disabled {
54    background-color: transparent;
55    cursor: not-allowed;
56    opacity: 0.5;
57  }
58
59  button:hover:not(:disabled) {
60    background-color: var(--wui-color-accent-glass-015);
61  }
62
63  button:focus-visible:not(:disabled) {
64    background-color: var(--wui-color-accent-glass-015);
65    box-shadow:
66      inset 0 0 0 1px var(--wui-color-accent-100),
67      0 0 0 4px var(--wui-color-accent-glass-020);
68  }
69`,c=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},l=class extends o{constructor(){super(...arguments),this.size=`md`,this.disabled=!1,this.icon=`copy`,this.iconColor=`default`,this.variant=`accent`}render(){return e`
70      <button data-variant=${this.variant} ?disabled=${this.disabled} data-size=${this.size}>
71        <wui-icon
72          color=${{accent:`accent-primary`,primary:`inverse`,secondary:`default`}[this.variant]||this.iconColor}
73          size=${this.size}
74          name=${this.icon}
75        ></wui-icon>
76      </button>
77    `}};l.styles=[a,n,s],c([t()],l.prototype,`size`,void 0),c([t({type:Boolean})],l.prototype,`disabled`,void 0),c([t()],l.prototype,`icon`,void 0),c([t()],l.prototype,`iconColor`,void 0),c([t()],l.prototype,`variant`,void 0),l=c([i(`wui-icon-link`)],l);