@reown/appkit-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/src/composites/wui-select/styles.js

@@ -0,0 +1,106 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  button {
+    display: block;
+    display: flex;
+    align-items: center;
+    padding: ${({ spacing }) => spacing[1]};
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color;
+    border-radius: ${({ borderRadius }) => borderRadius[32]};
+  }
+
+  wui-image {
+    border-radius: 100%;
+  }
+
+  wui-text {
+    padding-left: ${({ spacing }) => spacing[1]};
+  }
+
+  .left-icon-container,
+  .right-icon-container {
+    width: 24px;
+    height: 24px;
+    justify-content: center;
+    align-items: center;
+  }
+
+  wui-icon {
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='lg'] {
+    height: 32px;
+  }
+
+  button[data-size='md'] {
+    height: 28px;
+  }
+
+  button[data-size='sm'] {
+    height: 24px;
+  }
+
+  button[data-size='lg'] wui-image {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] wui-image {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] wui-image {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] .left-icon-container {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] .left-icon-container {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] .left-icon-container {
+    width: 16px;
+    height: 16px;
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-type='filled-dropdown'] {
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+  }
+
+  button[data-type='text-dropdown'] {
+    background-color: transparent;
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    button:hover:enabled,
+    button:active:enabled {
+      background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    }
+  }
+
+  /* -- Disabled states --------------------------------------------------- */
+  button:disabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-select/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;eAKH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;mCACP,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;qBAE/B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;;;;;;;oBAQvC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;aAYlC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgD7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;;;;;;;wBAS9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;4BAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;;;;0BAOjD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;;;;wBAMlD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;;;CAGvE,CAAA"}

package/dist/esm/src/composites/wui-semantic-chip/index.js

@@ -0,0 +1,86 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-image/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+const TEXT_BY_SIZE = {
+    sm: 'md-regular',
+    md: 'lg-regular',
+    lg: 'lg-regular'
+};
+const ICON_BY_TYPE = {
+    success: 'sealCheck',
+    error: 'warning',
+    warning: 'exclamationCircle'
+};
+let WuiSemanticChip = class WuiSemanticChip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'success';
+        this.size = 'md';
+        this.imageSrc = undefined;
+        this.disabled = false;
+        this.href = '';
+        this.text = undefined;
+    }
+    render() {
+        return html `
+      <a
+        rel="noreferrer"
+        target="_blank"
+        href=${this.href}
+        class=${this.disabled ? 'disabled' : ''}
+        data-type=${this.type}
+        data-size=${this.size}
+      >
+        ${this.imageTemplate()}
+        <wui-text variant=${TEXT_BY_SIZE[this.size]} color="inherit">${this.text}</wui-text>
+      </a>
+    `;
+    }
+    imageTemplate() {
+        if (this.imageSrc) {
+            return html `<wui-image src=${this.imageSrc} size="inherit"></wui-image>`;
+        }
+        return html `<wui-icon
+      name=${ICON_BY_TYPE[this.type]}
+      weight="fill"
+      color="inherit"
+      size="inherit"
+      class="image-icon"
+    ></wui-icon>`;
+    }
+};
+WuiSemanticChip.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiSemanticChip.prototype, "type", void 0);
+__decorate([
+    property()
+], WuiSemanticChip.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiSemanticChip.prototype, "imageSrc", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiSemanticChip.prototype, "disabled", void 0);
+__decorate([
+    property()
+], WuiSemanticChip.prototype, "href", void 0);
+__decorate([
+    property()
+], WuiSemanticChip.prototype, "text", void 0);
+WuiSemanticChip = __decorate([
+    customElement('wui-semantic-chip')
+], WuiSemanticChip);
+export { WuiSemanticChip };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-semantic-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-semantic-chip/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAQrE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACa,CAAA;AAE/B,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,mBAAmB;CACS,CAAA;AAGhC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIc,SAAI,GAAqB,SAAS,CAAA;QAElC,SAAI,GAAqB,IAAI,CAAA;QAE7B,aAAQ,GAAY,SAAS,CAAA;QAEZ,aAAQ,GAAG,KAAK,CAAA;QAEjC,SAAI,GAAG,EAAE,CAAA;QAET,SAAI,GAAY,SAAS,CAAA;IAiC9C,CAAC;IA9BiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;eAIA,IAAI,CAAC,IAAI;gBACR,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;oBAC3B,IAAI,CAAC,IAAI;oBACT,IAAI,CAAC,IAAI;;UAEnB,IAAI,CAAC,aAAa,EAAE;4BACF,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI;;KAE3E,CAAA;IACH,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,IAAI,CAAA,kBAAkB,IAAI,CAAC,QAAQ,8BAA8B,CAAA;QAC1E,CAAC;QAED,OAAO,IAAI,CAAA;aACF,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;iBAKnB,CAAA;IACf,CAAC;;AA7CsB,sBAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;6CAA0C;AAElC;IAAlB,QAAQ,EAAE;6CAAqC;AAE7B;IAAlB,QAAQ,EAAE;iDAAqC;AAEZ;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAwB;AAEjC;IAAlB,QAAQ,EAAE;6CAAiB;AAET;IAAlB,QAAQ,EAAE;6CAAiC;AAdjC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA+C3B"}

package/dist/esm/src/composites/wui-semantic-chip/styles.js

@@ -0,0 +1,122 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  a {
+    border: none;
+    border-radius: ${({ borderRadius }) => borderRadius['20']};
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: ${({ spacing }) => spacing[1]};
+    transition:
+      background-color ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      box-shadow ${({ durations }) => durations['lg']}
+        ${({ easings }) => easings['ease-out-power-2']},
+      border ${({ durations }) => durations['lg']} ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color, box-shadow, border;
+  }
+
+  /* -- Variants --------------------------------------------------------------- */
+  a[data-type='success'] {
+    background-color: ${({ tokens }) => tokens.core.backgroundSuccess};
+    color: ${({ tokens }) => tokens.core.textSuccess};
+  }
+
+  a[data-type='error'] {
+    background-color: ${({ tokens }) => tokens.core.backgroundError};
+    color: ${({ tokens }) => tokens.core.textError};
+  }
+
+  a[data-type='warning'] {
+    background-color: ${({ tokens }) => tokens.core.backgroundWarning};
+    color: ${({ tokens }) => tokens.core.textWarning};
+  }
+
+  /* -- Sizes --------------------------------------------------------------- */
+  a[data-size='sm'] {
+    height: 24px;
+  }
+
+  a[data-size='md'] {
+    height: 28px;
+  }
+
+  a[data-size='lg'] {
+    height: 32px;
+  }
+
+  a[data-size='sm'] > wui-image,
+  a[data-size='sm'] > wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  a[data-size='md'] > wui-image,
+  a[data-size='md'] > wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  a[data-size='lg'] > wui-image,
+  a[data-size='lg'] > wui-icon {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-text {
+    padding-left: ${({ spacing }) => spacing[1]};
+    padding-right: ${({ spacing }) => spacing[1]};
+  }
+
+  wui-image {
+    border-radius: ${({ borderRadius }) => borderRadius[3]};
+    overflow: hidden;
+    user-drag: none;
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+  }
+
+  /* -- States --------------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    a[data-type='success']:not(:disabled):hover {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+      box-shadow: 0px 0px 0px 1px ${({ tokens }) => tokens.core.borderSuccess};
+    }
+
+    a[data-type='error']:not(:disabled):hover {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+      box-shadow: 0px 0px 0px 1px ${({ tokens }) => tokens.core.borderError};
+    }
+
+    a[data-type='warning']:not(:disabled):hover {
+      background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+      box-shadow: 0px 0px 0px 1px ${({ tokens }) => tokens.core.borderWarning};
+    }
+  }
+
+  a[data-type='success']:not(:disabled):focus-visible {
+    box-shadow:
+      0px 0px 0px 1px ${({ tokens }) => tokens.core.backgroundAccentPrimary},
+      0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  a[data-type='error']:not(:disabled):focus-visible {
+    box-shadow:
+      0px 0px 0px 1px ${({ tokens }) => tokens.core.backgroundAccentPrimary},
+      0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  a[data-type='warning']:not(:disabled):focus-visible {
+    box-shadow:
+      0px 0px 0px 1px ${({ tokens }) => tokens.core.backgroundAccentPrimary},
+      0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent020};
+  }
+
+  a:disabled {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-semantic-chip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-semantic-chip/styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/composites/wui-snackbar/index.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-loading-spinner/index.js';
+import '../../components/wui-text/index.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-icon-box/index.js';
+import styles from './styles.js';
+let WuiSnackbar = class WuiSnackbar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.message = '';
+        this.variant = 'success';
+    }
+    render() {
+        return html `
+      ${this.templateIcon()}
+      <wui-text variant="lg-regular" color="primary" data-testid="wui-snackbar-message"
+        >${this.message}</wui-text
+      >
+    `;
+    }
+    templateIcon() {
+        const COLOR = {
+            success: 'success',
+            error: 'error',
+            warning: 'warning',
+            info: 'default'
+        };
+        const ICON = {
+            success: 'checkmark',
+            error: 'warning',
+            warning: 'warningCircle',
+            info: 'info'
+        };
+        if (this.variant === 'loading') {
+            return html `<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`;
+        }
+        return html `<wui-icon-box
+      size="md"
+      color=${COLOR[this.variant]}
+      icon=${ICON[this.variant]}
+    ></wui-icon-box>`;
+    }
+};
+WuiSnackbar.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiSnackbar.prototype, "message", void 0);
+__decorate([
+    property()
+], WuiSnackbar.prototype, "variant", void 0);
+WuiSnackbar = __decorate([
+    customElement('wui-snackbar')
+], WuiSnackbar);
+export { WuiSnackbar };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-snackbar/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,+CAA+C,CAAA;AACtD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,0BAA0B,CAAA;AACjC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAKc,YAAO,GAAG,EAAE,CAAA;QAEZ,YAAO,GAAyD,SAAS,CAAA;IAsC9F,CAAC;IAnCiB,MAAM;QACpB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;WAEhB,IAAI,CAAC,OAAO;;KAElB,CAAA;IACH,CAAC;IAGO,YAAY;QAClB,MAAM,KAAK,GAAG;YACZ,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,SAAS;SACP,CAAA;QAEV,MAAM,IAAI,GAAG;YACX,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE,MAAM;SACJ,CAAA;QAEV,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAA,8EAA8E,CAAA;QAC3F,CAAC;QAED,OAAO,IAAI,CAAA;;cAED,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;aACpB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;qBACV,CAAA;IACnB,CAAC;;AA3CsB,kBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAIlC;IAAlB,QAAQ,EAAE;4CAAoB;AAEZ;IAAlB,QAAQ,EAAE;4CAAiF;AAPjF,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA6CvB"}

package/dist/esm/src/composites/wui-snackbar/styles.js

@@ -0,0 +1,28 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: flex;
+    align-items: center;
+    gap: ${({ spacing }) => spacing[1]};
+    padding: ${({ spacing }) => spacing[2]} ${({ spacing }) => spacing[3]}
+      ${({ spacing }) => spacing[2]} ${({ spacing }) => spacing[2]};
+    border-radius: ${({ borderRadius }) => borderRadius[20]};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    box-shadow:
+      0px 0px 8px 0px rgba(0, 0, 0, 0.1),
+      inset 0 0 0 1px ${({ tokens }) => tokens.theme.borderPrimary};
+    max-width: 320px;
+  }
+
+  wui-icon-box {
+    border-radius: ${({ borderRadius }) => borderRadius.round} !important;
+    overflow: hidden;
+  }
+
+  wui-loading-spinner {
+    padding: ${({ spacing }) => spacing[1]};
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+    border-radius: ${({ borderRadius }) => borderRadius.round} !important;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-snackbar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-snackbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;WAIP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;eACvB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;QACjE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;qBAC7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;wBACnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;;;wBAG9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;;;;;qBAK7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK;;;;;eAK9C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;wBAClB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;qBAClD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK;;CAE5D,CAAA"}

package/dist/esm/src/composites/wui-tab-item/index.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../../components/wui-icon/index.js';
+import '../../components/wui-text/index.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+const TEXT_VARIANT_BY_SIZE = {
+    lg: 'lg-regular',
+    md: 'md-regular',
+    sm: 'sm-regular'
+};
+const ICON_SIZE = {
+    lg: 'md',
+    md: 'sm',
+    sm: 'sm'
+};
+let WuiTab = class WuiTab extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'mobile';
+        this.size = 'md';
+        this.label = '';
+        this.active = false;
+    }
+    render() {
+        return html `
+      <button data-active=${this.active}>
+        ${this.icon
+            ? html `<wui-icon size=${ICON_SIZE[this.size]} name=${this.icon}></wui-icon>`
+            : ''}
+        <wui-text variant=${TEXT_VARIANT_BY_SIZE[this.size]}> ${this.label} </wui-text>
+      </button>
+    `;
+    }
+};
+WuiTab.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property()
+], WuiTab.prototype, "icon", void 0);
+__decorate([
+    property()
+], WuiTab.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiTab.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], WuiTab.prototype, "active", void 0);
+WuiTab = __decorate([
+    customElement('wui-tab-item')
+], WuiTab);
+export { WuiTab };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-tab-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tab-item/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAIhC,MAAM,oBAAoB,GAAG;IAC3B,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACY,CAAA;AAE9B,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACwB,CAAA;AAI3B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAIc,SAAI,GAAa,QAAQ,CAAA;QAEzB,SAAI,GAAY,IAAI,CAAA;QAEpB,UAAK,GAAG,EAAE,CAAA;QAEO,WAAM,GAAG,KAAK,CAAA;IAapD,CAAC;IAViB,MAAM;QACpB,OAAO,IAAI,CAAA;4BACa,IAAI,CAAC,MAAM;UAC7B,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA,kBAAkB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,cAAc;YAC5E,CAAC,CAAC,EAAE;4BACc,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK;;KAErE,CAAA;IACH,CAAC;;AArBsB,aAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGjD;IAAlB,QAAQ,EAAE;oCAAiC;AAEzB;IAAlB,QAAQ,EAAE;oCAA4B;AAEpB;IAAlB,QAAQ,EAAE;qCAAkB;AAEO;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCAAsB;AAVvC,MAAM;IADlB,aAAa,CAAC,cAAc,CAAC;GACjB,MAAM,CAuBlB"}

package/dist/esm/src/composites/wui-tab-item/styles.js

@@ -0,0 +1,37 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    flex: 1;
+    height: 100%;
+  }
+
+  button {
+    width: 100%;
+    height: 100%;
+    display: inline-flex;
+    align-items: center;
+    padding: ${({ spacing }) => spacing[1]} ${({ spacing }) => spacing[2]};
+    column-gap: ${({ spacing }) => spacing[1]};
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+    border-radius: ${({ borderRadius }) => borderRadius[20]};
+    background-color: transparent;
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-2']};
+    will-change: background-color;
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  button[data-active='true'] {
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    background-color: ${({ tokens }) => tokens.theme.foregroundTertiary};
+  }
+
+  button:hover:enabled:not([data-active='true']),
+  button:active:enabled:not([data-active='true']) {
+    wui-text,
+    wui-icon {
+      color: ${({ tokens }) => tokens.theme.textPrimary};
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-tab-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tab-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;;;;;;;;eAWH,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;kBACvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;aAChC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa;qBAClC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;;mCAExB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;aAMvC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;wBAC7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB;;;;;;;eAOxD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;;;CAGtD,CAAA"}

package/dist/esm/src/composites/wui-tabs/index.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import '../wui-tab-item/index.js';
+import styles from './styles.js';
+let WuiTabs = class WuiTabs extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.tabs = [];
+        this.onTabChange = () => null;
+        this.size = 'md';
+        this.activeTab = 0;
+    }
+    render() {
+        this.dataset['size'] = this.size;
+        return this.tabs.map((tab, index) => {
+            const isActive = index === this.activeTab;
+            return html `
+        <wui-tab-item
+          @click=${() => this.onTabClick(index)}
+          icon=${tab.icon}
+          size=${this.size}
+          label=${tab.label}
+          ?active=${isActive}
+          data-active=${isActive}
+          data-testid="tab-${tab.label?.toLowerCase()}"
+        ></wui-tab-item>
+      `;
+        });
+    }
+    onTabClick(index) {
+        this.activeTab = index;
+        this.onTabChange(index);
+    }
+};
+WuiTabs.styles = [resetStyles, elementStyles, styles];
+__decorate([
+    property({ type: Array })
+], WuiTabs.prototype, "tabs", void 0);
+__decorate([
+    property()
+], WuiTabs.prototype, "onTabChange", void 0);
+__decorate([
+    property()
+], WuiTabs.prototype, "size", void 0);
+__decorate([
+    state()
+], WuiTabs.prototype, "activeTab", void 0);
+WuiTabs = __decorate([
+    customElement('wui-tabs')
+], WuiTabs);
+export { WuiTabs };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/composites/wui-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tabs/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,0BAA0B,CAAA;AACjC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAI6B,SAAI,GAAwC,EAAE,CAAA;QAE7D,gBAAW,GAA4B,GAAG,EAAE,CAAC,IAAI,CAAA;QAEjD,SAAI,GAAY,IAAI,CAAA;QAEvB,cAAS,GAAG,CAAC,CAAA;IA6B/B,CAAC;IA1BiB,MAAM;QACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAA;QAEhC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAClC,MAAM,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,SAAS,CAAA;YAEzC,OAAO,IAAI,CAAA;;mBAEE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;iBAC9B,GAAG,CAAC,IAAI;iBACR,IAAI,CAAC,IAAI;kBACR,GAAG,CAAC,KAAK;oBACP,QAAQ;wBACJ,QAAQ;6BACH,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE;;OAE9C,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAIO,UAAU,CAAC,KAAa;QAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;QACtB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;;AArCsB,cAAM,GAAG,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,AAAvC,CAAuC;AAGlC;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;qCAAsD;AAE7D;IAAlB,QAAQ,EAAE;4CAAyD;AAEjD;IAAlB,QAAQ,EAAE;qCAA4B;AAEvB;IAAf,KAAK,EAAE;0CAAqB;AAVlB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAuCnB"}

package/dist/esm/src/composites/wui-tabs/styles.js

@@ -0,0 +1,20 @@
+import { css } from '../../utils/ThemeHelperUtil.js';
+export default css `
+  :host {
+    display: inline-flex;
+    align-items: center;
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    border-radius: ${({ borderRadius }) => borderRadius[32]};
+    padding: ${({ spacing }) => spacing['01']};
+    box-sizing: border-box;
+  }
+
+  :host([data-size='sm']) {
+    height: 26px;
+  }
+
+  :host([data-size='md']) {
+    height: 36px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/composites/wui-tabs/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/composites/wui-tabs/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEpD,eAAe,GAAG,CAAA;;;;wBAIM,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB;qBACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;eAC5C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;;;;;;;CAW5C,CAAA"}