https://offthechart.xyz/assets/index--9FmDVOD.js

1import{i as d,r as v,a as g,x as w}from"./index-DNxN5da5.js";import{n as l,c as h}from"./index-D6qXWgW_.js";const p=d`
2  :host {
3    display: flex;
4    justify-content: center;
5    align-items: center;
6    height: var(--wui-spacing-m);
7    padding: 0 var(--wui-spacing-3xs) !important;
8    border-radius: var(--wui-border-radius-5xs);
9    transition:
10      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
11      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
12    will-change: border-radius, background-color;
13  }
14
15  :host > wui-text {
16    transform: translateY(5%);
17  }
18
19  :host([data-variant='main']) {
20    background-color: var(--wui-color-accent-glass-015);
21    color: var(--wui-color-accent-100);
22  }
23
24  :host([data-variant='shade']) {
25    background-color: var(--wui-color-gray-glass-010);
26    color: var(--wui-color-fg-200);
27  }
28
29  :host([data-variant='success']) {
30    background-color: var(--wui-icon-box-bg-success-100);
31    color: var(--wui-color-success-100);
32  }
33
34  :host([data-variant='error']) {
35    background-color: var(--wui-icon-box-bg-error-100);
36    color: var(--wui-color-error-100);
37  }
38
39  :host([data-size='lg']) {
40    padding: 11px 5px !important;
41  }
42
43  :host([data-size='lg']) > wui-text {
44    transform: translateY(2%);
45  }
46`;var u=function(i,r,a,e){var s=arguments.length,t=s<3?r:e===null?e=Object.getOwnPropertyDescriptor(r,a):e,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,r,a,e);else for(var c=i.length-1;c>=0;c--)(n=i[c])&&(t=(s<3?n(t):s>3?n(r,a,t):n(r,a))||t);return s>3&&t&&Object.defineProperty(r,a,t),t};let o=class extends g{constructor(){super(...arguments),this.variant="main",this.size="lg"}render(){this.dataset.variant=this.variant,this.dataset.size=this.size;const r=this.size==="md"?"mini-700":"micro-700";return w`
47      <wui-text data-variant=${this.variant} variant=${r} color="inherit">
48        <slot></slot>
49      </wui-text>
50    `}};o.styles=[v,p];u([l()],o.prototype,"variant",void 0);u([l()],o.prototype,"size",void 0);o=u([h("wui-tag")],o);