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

package/dist/index-G39WAG_u.js

@@ -0,0 +1,249 @@
+import { m as css, r as resetStyles, n as elementStyles, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { o } from "./if-defined-CZFxJBnA.js";
+import { e, n as n$1 } from "./ref-DYqCwuKj.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const styles = css`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    gap: ${({ spacing }) => spacing[3]};
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  .wui-input-text-container {
+    position: relative;
+    display: flex;
+  }
+
+  input {
+    width: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    color: inherit;
+    background: transparent;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+    padding: ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[3]}
+      ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[10]};
+    font-size: ${({ textSize }) => textSize.large};
+    line-height: ${({ typography }) => typography["lg-regular"].lineHeight};
+    letter-spacing: ${({ typography }) => typography["lg-regular"].letterSpacing};
+    font-weight: ${({ fontWeight }) => fontWeight.regular};
+    font-family: ${({ fontFamily }) => fontFamily.regular};
+  }
+
+  input[data-size='lg'] {
+    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[3]}
+      ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[10]};
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    input:hover:enabled {
+      border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    }
+  }
+
+  input:disabled {
+    cursor: unset;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+  }
+
+  input::placeholder {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  input:focus:enabled {
+    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+    -moz-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+  }
+
+  div.wui-input-text-container:has(input:disabled) {
+    opacity: 0.5;
+  }
+
+  wui-icon.wui-input-text-left-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    left: ${({ spacing }) => spacing[4]};
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  button.wui-input-text-submit-button {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({ spacing }) => spacing[3]};
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  button.wui-input-text-submit-button:disabled {
+    opacity: 1;
+  }
+
+  button.wui-input-text-submit-button.loading wui-icon {
+    animation: spin 1s linear infinite;
+  }
+
+  button.wui-input-text-submit-button:hover {
+    background: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  input:has(+ .wui-input-text-submit-button) {
+    padding-right: ${({ spacing }) => spacing[12]};
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* -- Keyframes --------------------------------------------------- */
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+var __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 i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) 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;
+};
+let WuiInputText = class WuiInputText2 extends i {
+  constructor() {
+    super(...arguments);
+    this.inputElementRef = e();
+    this.disabled = false;
+    this.loading = false;
+    this.placeholder = "";
+    this.type = "text";
+    this.value = "";
+    this.size = "md";
+  }
+  render() {
+    return x` <div class="wui-input-text-container">
+        ${this.templateLeftIcon()}
+        <input
+          data-size=${this.size}
+          ${n$1(this.inputElementRef)}
+          data-testid="wui-input-text"
+          type=${this.type}
+          enterkeyhint=${o(this.enterKeyHint)}
+          ?disabled=${this.disabled}
+          placeholder=${this.placeholder}
+          @input=${this.dispatchInputChangeEvent.bind(this)}
+          @keydown=${this.onKeyDown}
+          .value=${this.value || ""}
+        />
+        ${this.templateSubmitButton()}
+        <slot class="wui-input-text-slot"></slot>
+      </div>
+      ${this.templateError()} ${this.templateWarning()}`;
+  }
+  templateLeftIcon() {
+    if (this.icon) {
+      return x`<wui-icon
+        class="wui-input-text-left-icon"
+        size="md"
+        data-size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>`;
+    }
+    return null;
+  }
+  templateSubmitButton() {
+    var _a;
+    if (this.onSubmit) {
+      return x`<button
+        class="wui-input-text-submit-button ${this.loading ? "loading" : ""}"
+        @click=${(_a = this.onSubmit) == null ? void 0 : _a.bind(this)}
+        ?disabled=${this.disabled || this.loading}
+      >
+        ${this.loading ? x`<wui-icon name="spinner" size="md"></wui-icon>` : x`<wui-icon name="chevronRight" size="md"></wui-icon>`}
+      </button>`;
+    }
+    return null;
+  }
+  templateError() {
+    if (this.errorText) {
+      return x`<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>`;
+    }
+    return null;
+  }
+  templateWarning() {
+    if (this.warningText) {
+      return x`<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>`;
+    }
+    return null;
+  }
+  dispatchInputChangeEvent() {
+    var _a;
+    this.dispatchEvent(new CustomEvent("inputChange", {
+      detail: (_a = this.inputElementRef.value) == null ? void 0 : _a.value,
+      bubbles: true,
+      composed: true
+    }));
+  }
+};
+WuiInputText.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiInputText.prototype, "icon", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiInputText.prototype, "disabled", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiInputText.prototype, "loading", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "placeholder", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "type", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "value", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "errorText", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "warningText", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "onSubmit", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "size", void 0);
+__decorate([
+  n({ attribute: false })
+], WuiInputText.prototype, "onKeyDown", void 0);
+WuiInputText = __decorate([
+  customElement("wui-input-text")
+], WuiInputText);
+//# sourceMappingURL=index-G39WAG_u.js.map

package/dist/index-G39WAG_u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-G39WAG_u.js","sources":["../../ui/dist/esm/src/composites/wui-input-text/styles.js","../../ui/dist/esm/src/composites/wui-input-text/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    width: 100%;\n    display: inline-flex;\n    flex-direction: column;\n    gap: ${({ spacing }) => spacing[3]};\n    color: ${({ tokens }) => tokens.theme.textPrimary};\n    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};\n  }\n\n  .wui-input-text-container {\n    position: relative;\n    display: flex;\n  }\n\n  input {\n    width: 100%;\n    border-radius: ${({ borderRadius }) => borderRadius[4]};\n    color: inherit;\n    background: transparent;\n    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};\n    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};\n    padding: ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[3]}\n      ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[10]};\n    font-size: ${({ textSize }) => textSize.large};\n    line-height: ${({ typography }) => typography['lg-regular'].lineHeight};\n    letter-spacing: ${({ typography }) => typography['lg-regular'].letterSpacing};\n    font-weight: ${({ fontWeight }) => fontWeight.regular};\n    font-family: ${({ fontFamily }) => fontFamily.regular};\n  }\n\n  input[data-size='lg'] {\n    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[3]}\n      ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[10]};\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    input:hover:enabled {\n      border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};\n    }\n  }\n\n  input:disabled {\n    cursor: unset;\n    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};\n  }\n\n  input::placeholder {\n    color: ${({ tokens }) => tokens.theme.textSecondary};\n  }\n\n  input:focus:enabled {\n    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    -webkit-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};\n    -moz-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};\n    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};\n  }\n\n  div.wui-input-text-container:has(input:disabled) {\n    opacity: 0.5;\n  }\n\n  wui-icon.wui-input-text-left-icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    left: ${({ spacing }) => spacing[4]};\n    color: ${({ tokens }) => tokens.theme.iconDefault};\n  }\n\n  button.wui-input-text-submit-button {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ${({ spacing }) => spacing[3]};\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n    color: ${({ tokens }) => tokens.core.textAccentPrimary};\n  }\n\n  button.wui-input-text-submit-button:disabled {\n    opacity: 1;\n  }\n\n  button.wui-input-text-submit-button.loading wui-icon {\n    animation: spin 1s linear infinite;\n  }\n\n  button.wui-input-text-submit-button:hover {\n    background: ${({ tokens }) => tokens.core.foregroundAccent010};\n  }\n\n  input:has(+ .wui-input-text-submit-button) {\n    padding-right: ${({ spacing }) => spacing[12]};\n  }\n\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  input[type='search']::-webkit-search-decoration,\n  input[type='search']::-webkit-search-cancel-button,\n  input[type='search']::-webkit-search-results-button,\n  input[type='search']::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  /* -- Keyframes --------------------------------------------------- */\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    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;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiInputText = class WuiInputText extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.inputElementRef = createRef();\n        this.disabled = false;\n        this.loading = false;\n        this.placeholder = '';\n        this.type = 'text';\n        this.value = '';\n        this.size = 'md';\n    }\n    render() {\n        return html ` <div class=\"wui-input-text-container\">\n        ${this.templateLeftIcon()}\n        <input\n          data-size=${this.size}\n          ${ref(this.inputElementRef)}\n          data-testid=\"wui-input-text\"\n          type=${this.type}\n          enterkeyhint=${ifDefined(this.enterKeyHint)}\n          ?disabled=${this.disabled}\n          placeholder=${this.placeholder}\n          @input=${this.dispatchInputChangeEvent.bind(this)}\n          @keydown=${this.onKeyDown}\n          .value=${this.value || ''}\n        />\n        ${this.templateSubmitButton()}\n        <slot class=\"wui-input-text-slot\"></slot>\n      </div>\n      ${this.templateError()} ${this.templateWarning()}`;\n    }\n    templateLeftIcon() {\n        if (this.icon) {\n            return html `<wui-icon\n        class=\"wui-input-text-left-icon\"\n        size=\"md\"\n        data-size=${this.size}\n        color=\"inherit\"\n        name=${this.icon}\n      ></wui-icon>`;\n        }\n        return null;\n    }\n    templateSubmitButton() {\n        if (this.onSubmit) {\n            return html `<button\n        class=\"wui-input-text-submit-button ${this.loading ? 'loading' : ''}\"\n        @click=${this.onSubmit?.bind(this)}\n        ?disabled=${this.disabled || this.loading}\n      >\n        ${this.loading\n                ? html `<wui-icon name=\"spinner\" size=\"md\"></wui-icon>`\n                : html `<wui-icon name=\"chevronRight\" size=\"md\"></wui-icon>`}\n      </button>`;\n        }\n        return null;\n    }\n    templateError() {\n        if (this.errorText) {\n            return html `<wui-text variant=\"sm-regular\" color=\"error\">${this.errorText}</wui-text>`;\n        }\n        return null;\n    }\n    templateWarning() {\n        if (this.warningText) {\n            return html `<wui-text variant=\"sm-regular\" color=\"warning\">${this.warningText}</wui-text>`;\n        }\n        return null;\n    }\n    dispatchInputChangeEvent() {\n        this.dispatchEvent(new CustomEvent('inputChange', {\n            detail: this.inputElementRef.value?.value,\n            bubbles: true,\n            composed: true\n        }));\n    }\n};\nWuiInputText.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiInputText.prototype, \"icon\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiInputText.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiInputText.prototype, \"loading\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"placeholder\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"type\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"value\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"errorText\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"warningText\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"onSubmit\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"size\", void 0);\n__decorate([\n    property({ attribute: false })\n], WuiInputText.prototype, \"onKeyDown\", void 0);\nWuiInputText = __decorate([\n    customElement('wui-input-text')\n], WuiInputText);\nexport { WuiInputText };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiInputText","LitElement","createRef","html","ref","ifDefined","property"],"mappings":"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"}

package/dist/index-LKmHdTip.js

@@ -0,0 +1,120 @@
+import { m as css, r as resetStyles, n as elementStyles, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const styles = css`
+  button {
+    border: none;
+    background: transparent;
+    height: 20px;
+    padding: ${({ spacing }) => spacing[2]};
+    column-gap: ${({ spacing }) => spacing[1]};
+    border-radius: ${({ borderRadius }) => borderRadius[1]};
+    padding: 0 ${({ spacing }) => spacing[1]};
+    border-radius: ${({ spacing }) => spacing[1]};
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-variant='accent'] {
+    color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  button[data-variant='secondary'] {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled {
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  button[data-variant='accent']:focus-visible:enabled {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:focus-visible:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  button[data-variant='accent']:hover:enabled {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:hover:enabled {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+  }
+
+  button[data-variant='accent']:focus-visible {
+    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:focus-visible {
+    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  button[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var __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 i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) 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;
+};
+const TEXT_VARIANT_BY_SIZE = {
+  sm: "sm-medium",
+  md: "md-medium"
+};
+const TEXT_COLOR_BY_VARIANT = {
+  accent: "accent-primary",
+  secondary: "secondary"
+};
+let WuiLink = class WuiLink2 extends i {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.disabled = false;
+    this.variant = "accent";
+    this.icon = void 0;
+  }
+  render() {
+    return x`
+      <button ?disabled=${this.disabled} data-variant=${this.variant}>
+        <slot name="iconLeft"></slot>
+        <wui-text
+          color=${TEXT_COLOR_BY_VARIANT[this.variant]}
+          variant=${TEXT_VARIANT_BY_SIZE[this.size]}
+        >
+          <slot></slot>
+        </wui-text>
+        ${this.iconTemplate()}
+      </button>
+    `;
+  }
+  iconTemplate() {
+    if (!this.icon) {
+      return null;
+    }
+    return x`<wui-icon name=${this.icon} size="sm"></wui-icon>`;
+  }
+};
+WuiLink.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiLink.prototype, "size", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiLink.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiLink.prototype, "variant", void 0);
+__decorate([
+  n()
+], WuiLink.prototype, "icon", void 0);
+WuiLink = __decorate([
+  customElement("wui-link")
+], WuiLink);
+//# sourceMappingURL=index-LKmHdTip.js.map

package/dist/index-LKmHdTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-LKmHdTip.js","sources":["../../ui/dist/esm/src/composites/wui-link/styles.js","../../ui/dist/esm/src/composites/wui-link/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  button {\n    border: none;\n    background: transparent;\n    height: 20px;\n    padding: ${({ spacing }) => spacing[2]};\n    column-gap: ${({ spacing }) => spacing[1]};\n    border-radius: ${({ borderRadius }) => borderRadius[1]};\n    padding: 0 ${({ spacing }) => spacing[1]};\n    border-radius: ${({ spacing }) => spacing[1]};\n  }\n\n  /* -- Variants --------------------------------------------------------- */\n  button[data-variant='accent'] {\n    color: ${({ tokens }) => tokens.core.textAccentPrimary};\n  }\n\n  button[data-variant='secondary'] {\n    color: ${({ tokens }) => tokens.theme.textSecondary};\n  }\n\n  /* -- Focus states --------------------------------------------------- */\n  button:focus-visible:enabled {\n    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);\n  }\n\n  button[data-variant='accent']:focus-visible:enabled {\n    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};\n  }\n\n  button[data-variant='secondary']:focus-visible:enabled {\n    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};\n  }\n\n  /* -- Hover & Active states ----------------------------------------------------------- */\n  button[data-variant='accent']:hover:enabled {\n    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};\n  }\n\n  button[data-variant='secondary']:hover:enabled {\n    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};\n  }\n\n  button[data-variant='accent']:focus-visible {\n    background-color: ${({ tokens }) => tokens.core.foregroundAccent010};\n  }\n\n  button[data-variant='secondary']:focus-visible {\n    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};\n    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);\n  }\n\n  button[disabled] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    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;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nconst TEXT_VARIANT_BY_SIZE = {\n    sm: 'sm-medium',\n    md: 'md-medium'\n};\nconst TEXT_COLOR_BY_VARIANT = {\n    accent: 'accent-primary',\n    secondary: 'secondary'\n};\nlet WuiLink = class WuiLink extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.size = 'md';\n        this.disabled = false;\n        this.variant = 'accent';\n        this.icon = undefined;\n    }\n    render() {\n        return html `\n      <button ?disabled=${this.disabled} data-variant=${this.variant}>\n        <slot name=\"iconLeft\"></slot>\n        <wui-text\n          color=${TEXT_COLOR_BY_VARIANT[this.variant]}\n          variant=${TEXT_VARIANT_BY_SIZE[this.size]}\n        >\n          <slot></slot>\n        </wui-text>\n        ${this.iconTemplate()}\n      </button>\n    `;\n    }\n    iconTemplate() {\n        if (!this.icon) {\n            return null;\n        }\n        return html `<wui-icon name=${this.icon} size=\"sm\"></wui-icon>`;\n    }\n};\nWuiLink.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiLink.prototype, \"size\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiLink.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiLink.prototype, \"variant\", void 0);\n__decorate([\n    property()\n], WuiLink.prototype, \"icon\", void 0);\nWuiLink = __decorate([\n    customElement('wui-link')\n], WuiLink);\nexport { WuiLink };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiLink","LitElement","html","property"],"mappings":"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"}

package/dist/index-Q4ByiA8h.js

@@ -0,0 +1,92 @@
+import { q as i, r as resetStyles, o as i$1, v as vars, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const styles = i`
+  :host {
+    display: flex;
+  }
+
+  :host([data-size='sm']) > svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  :host([data-size='md']) > svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  :host([data-size='lg']) > svg {
+    width: 24px;
+    height: 24px;
+  }
+
+  :host([data-size='xl']) > svg {
+    width: 32px;
+    height: 32px;
+  }
+
+  svg {
+    animation: rotate 1.4s linear infinite;
+    color: var(--local-color);
+  }
+
+  :host([data-size='md']) > svg > circle {
+    stroke-width: 6px;
+  }
+
+  :host([data-size='sm']) > svg > circle {
+    stroke-width: 8px;
+  }
+
+  @keyframes rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+var __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 i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) 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;
+};
+let WuiLoadingSpinner = class WuiLoadingSpinner2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.color = "primary";
+    this.size = "lg";
+  }
+  render() {
+    const VARS_BY_COLOR = {
+      primary: vars.tokens.theme.textPrimary,
+      secondary: vars.tokens.theme.textSecondary,
+      tertiary: vars.tokens.theme.textTertiary,
+      invert: vars.tokens.theme.textInvert,
+      error: vars.tokens.core.textError,
+      warning: vars.tokens.core.textWarning,
+      "accent-primary": vars.tokens.core.textAccentPrimary
+    };
+    this.style.cssText = `
+      --local-color: ${this.color === "inherit" ? "inherit" : VARS_BY_COLOR[this.color]};
+      `;
+    this.dataset["size"] = this.size;
+    return x`<svg viewBox="0 0 16 17" fill="none">
+      <path
+        d="M8.75 2.65625V4.65625C8.75 4.85516 8.67098 5.04593 8.53033 5.18658C8.38968 5.32723 8.19891 5.40625 8 5.40625C7.80109 5.40625 7.61032 5.32723 7.46967 5.18658C7.32902 5.04593 7.25 4.85516 7.25 4.65625V2.65625C7.25 2.45734 7.32902 2.26657 7.46967 2.12592C7.61032 1.98527 7.80109 1.90625 8 1.90625C8.19891 1.90625 8.38968 1.98527 8.53033 2.12592C8.67098 2.26657 8.75 2.45734 8.75 2.65625ZM14 7.90625H12C11.8011 7.90625 11.6103 7.98527 11.4697 8.12592C11.329 8.26657 11.25 8.45734 11.25 8.65625C11.25 8.85516 11.329 9.04593 11.4697 9.18658C11.6103 9.32723 11.8011 9.40625 12 9.40625H14C14.1989 9.40625 14.3897 9.32723 14.5303 9.18658C14.671 9.04593 14.75 8.85516 14.75 8.65625C14.75 8.45734 14.671 8.26657 14.5303 8.12592C14.3897 7.98527 14.1989 7.90625 14 7.90625ZM11.3588 10.9544C11.289 10.8846 11.2062 10.8293 11.115 10.7915C11.0239 10.7538 10.9262 10.7343 10.8275 10.7343C10.7288 10.7343 10.6311 10.7538 10.54 10.7915C10.4488 10.8293 10.366 10.8846 10.2963 10.9544C10.2265 11.0241 10.1711 11.107 10.1334 11.1981C10.0956 11.2893 10.0762 11.387 10.0762 11.4856C10.0762 11.5843 10.0956 11.682 10.1334 11.7731C10.1711 11.8643 10.2265 11.9471 10.2963 12.0169L11.7106 13.4312C11.8515 13.5721 12.0426 13.6513 12.2419 13.6513C12.4411 13.6513 12.6322 13.5721 12.7731 13.4312C12.914 13.2904 12.9932 13.0993 12.9932 12.9C12.9932 12.7007 12.914 12.5096 12.7731 12.3687L11.3588 10.9544ZM8 11.9062C7.80109 11.9062 7.61032 11.9853 7.46967 12.1259C7.32902 12.2666 7.25 12.4573 7.25 12.6562V14.6562C7.25 14.8552 7.32902 15.0459 7.46967 15.1866C7.61032 15.3272 7.80109 15.4062 8 15.4062C8.19891 15.4062 8.38968 15.3272 8.53033 15.1866C8.67098 15.0459 8.75 14.8552 8.75 14.6562V12.6562C8.75 12.4573 8.67098 12.2666 8.53033 12.1259C8.38968 11.9853 8.19891 11.9062 8 11.9062ZM4.64125 10.9544L3.22688 12.3687C3.08598 12.5096 3.00682 12.7007 3.00682 12.9C3.00682 13.0993 3.08598 13.2904 3.22688 13.4312C3.36777 13.5721 3.55887 13.6513 3.75813 13.6513C3.95738 13.6513 4.14848 13.5721 4.28937 13.4312L5.70375 12.0169C5.84465 11.876 5.9238 11.6849 5.9238 11.4856C5.9238 11.2864 5.84465 11.0953 5.70375 10.9544C5.56285 10.8135 5.37176 10.7343 5.1725 10.7343C4.97324 10.7343 4.78215 10.8135 4.64125 10.9544ZM4.75 8.65625C4.75 8.45734 4.67098 8.26657 4.53033 8.12592C4.38968 7.98527 4.19891 7.90625 4 7.90625H2C1.80109 7.90625 1.61032 7.98527 1.46967 8.12592C1.32902 8.26657 1.25 8.45734 1.25 8.65625C1.25 8.85516 1.32902 9.04593 1.46967 9.18658C1.61032 9.32723 1.80109 9.40625 2 9.40625H4C4.19891 9.40625 4.38968 9.32723 4.53033 9.18658C4.67098 9.04593 4.75 8.85516 4.75 8.65625ZM4.2875 3.88313C4.1466 3.74223 3.95551 3.66307 3.75625 3.66307C3.55699 3.66307 3.3659 3.74223 3.225 3.88313C3.0841 4.02402 3.00495 4.21512 3.00495 4.41438C3.00495 4.61363 3.0841 4.80473 3.225 4.94562L4.64125 6.35813C4.78215 6.49902 4.97324 6.57818 5.1725 6.57818C5.37176 6.57818 5.56285 6.49902 5.70375 6.35813C5.84465 6.21723 5.9238 6.02613 5.9238 5.82688C5.9238 5.62762 5.84465 5.43652 5.70375 5.29563L4.2875 3.88313Z"
+        fill="currentColor"
+      />
+    </svg>`;
+  }
+};
+WuiLoadingSpinner.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiLoadingSpinner.prototype, "color", void 0);
+__decorate([
+  n()
+], WuiLoadingSpinner.prototype, "size", void 0);
+WuiLoadingSpinner = __decorate([
+  customElement("wui-loading-spinner")
+], WuiLoadingSpinner);
+//# sourceMappingURL=index-Q4ByiA8h.js.map

package/dist/index-Q4ByiA8h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Q4ByiA8h.js","sources":["../../ui/dist/esm/src/components/wui-loading-spinner/styles.js","../../ui/dist/esm/src/components/wui-loading-spinner/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    display: flex;\n  }\n\n  :host([data-size='sm']) > svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  :host([data-size='md']) > svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  :host([data-size='lg']) > svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  :host([data-size='xl']) > svg {\n    width: 32px;\n    height: 32px;\n  }\n\n  svg {\n    animation: rotate 1.4s linear infinite;\n    color: var(--local-color);\n  }\n\n  :host([data-size='md']) > svg > circle {\n    stroke-width: 6px;\n  }\n\n  :host([data-size='sm']) > svg > circle {\n    stroke-width: 8px;\n  }\n\n  @keyframes rotate {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    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;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { vars } from '../../utils/ThemeHelperUtil.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiLoadingSpinner = class WuiLoadingSpinner extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.color = 'primary';\n        this.size = 'lg';\n    }\n    render() {\n        const VARS_BY_COLOR = {\n            primary: vars.tokens.theme.textPrimary,\n            secondary: vars.tokens.theme.textSecondary,\n            tertiary: vars.tokens.theme.textTertiary,\n            invert: vars.tokens.theme.textInvert,\n            error: vars.tokens.core.textError,\n            warning: vars.tokens.core.textWarning,\n            'accent-primary': vars.tokens.core.textAccentPrimary\n        };\n        this.style.cssText = `\n      --local-color: ${this.color === 'inherit' ? 'inherit' : VARS_BY_COLOR[this.color]};\n      `;\n        this.dataset['size'] = this.size;\n        return html `<svg viewBox=\"0 0 16 17\" fill=\"none\">\n      <path\n        d=\"M8.75 2.65625V4.65625C8.75 4.85516 8.67098 5.04593 8.53033 5.18658C8.38968 5.32723 8.19891 5.40625 8 5.40625C7.80109 5.40625 7.61032 5.32723 7.46967 5.18658C7.32902 5.04593 7.25 4.85516 7.25 4.65625V2.65625C7.25 2.45734 7.32902 2.26657 7.46967 2.12592C7.61032 1.98527 7.80109 1.90625 8 1.90625C8.19891 1.90625 8.38968 1.98527 8.53033 2.12592C8.67098 2.26657 8.75 2.45734 8.75 2.65625ZM14 7.90625H12C11.8011 7.90625 11.6103 7.98527 11.4697 8.12592C11.329 8.26657 11.25 8.45734 11.25 8.65625C11.25 8.85516 11.329 9.04593 11.4697 9.18658C11.6103 9.32723 11.8011 9.40625 12 9.40625H14C14.1989 9.40625 14.3897 9.32723 14.5303 9.18658C14.671 9.04593 14.75 8.85516 14.75 8.65625C14.75 8.45734 14.671 8.26657 14.5303 8.12592C14.3897 7.98527 14.1989 7.90625 14 7.90625ZM11.3588 10.9544C11.289 10.8846 11.2062 10.8293 11.115 10.7915C11.0239 10.7538 10.9262 10.7343 10.8275 10.7343C10.7288 10.7343 10.6311 10.7538 10.54 10.7915C10.4488 10.8293 10.366 10.8846 10.2963 10.9544C10.2265 11.0241 10.1711 11.107 10.1334 11.1981C10.0956 11.2893 10.0762 11.387 10.0762 11.4856C10.0762 11.5843 10.0956 11.682 10.1334 11.7731C10.1711 11.8643 10.2265 11.9471 10.2963 12.0169L11.7106 13.4312C11.8515 13.5721 12.0426 13.6513 12.2419 13.6513C12.4411 13.6513 12.6322 13.5721 12.7731 13.4312C12.914 13.2904 12.9932 13.0993 12.9932 12.9C12.9932 12.7007 12.914 12.5096 12.7731 12.3687L11.3588 10.9544ZM8 11.9062C7.80109 11.9062 7.61032 11.9853 7.46967 12.1259C7.32902 12.2666 7.25 12.4573 7.25 12.6562V14.6562C7.25 14.8552 7.32902 15.0459 7.46967 15.1866C7.61032 15.3272 7.80109 15.4062 8 15.4062C8.19891 15.4062 8.38968 15.3272 8.53033 15.1866C8.67098 15.0459 8.75 14.8552 8.75 14.6562V12.6562C8.75 12.4573 8.67098 12.2666 8.53033 12.1259C8.38968 11.9853 8.19891 11.9062 8 11.9062ZM4.64125 10.9544L3.22688 12.3687C3.08598 12.5096 3.00682 12.7007 3.00682 12.9C3.00682 13.0993 3.08598 13.2904 3.22688 13.4312C3.36777 13.5721 3.55887 13.6513 3.75813 13.6513C3.95738 13.6513 4.14848 13.5721 4.28937 13.4312L5.70375 12.0169C5.84465 11.876 5.9238 11.6849 5.9238 11.4856C5.9238 11.2864 5.84465 11.0953 5.70375 10.9544C5.56285 10.8135 5.37176 10.7343 5.1725 10.7343C4.97324 10.7343 4.78215 10.8135 4.64125 10.9544ZM4.75 8.65625C4.75 8.45734 4.67098 8.26657 4.53033 8.12592C4.38968 7.98527 4.19891 7.90625 4 7.90625H2C1.80109 7.90625 1.61032 7.98527 1.46967 8.12592C1.32902 8.26657 1.25 8.45734 1.25 8.65625C1.25 8.85516 1.32902 9.04593 1.46967 9.18658C1.61032 9.32723 1.80109 9.40625 2 9.40625H4C4.19891 9.40625 4.38968 9.32723 4.53033 9.18658C4.67098 9.04593 4.75 8.85516 4.75 8.65625ZM4.2875 3.88313C4.1466 3.74223 3.95551 3.66307 3.75625 3.66307C3.55699 3.66307 3.3659 3.74223 3.225 3.88313C3.0841 4.02402 3.00495 4.21512 3.00495 4.41438C3.00495 4.61363 3.0841 4.80473 3.225 4.94562L4.64125 6.35813C4.78215 6.49902 4.97324 6.57818 5.1725 6.57818C5.37176 6.57818 5.56285 6.49902 5.70375 6.35813C5.84465 6.21723 5.9238 6.02613 5.9238 5.82688C5.9238 5.62762 5.84465 5.43652 5.70375 5.29563L4.2875 3.88313Z\"\n        fill=\"currentColor\"\n      />\n    </svg>`;\n    }\n};\nWuiLoadingSpinner.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiLoadingSpinner.prototype, \"color\", void 0);\n__decorate([\n    property()\n], WuiLoadingSpinner.prototype, \"size\", void 0);\nWuiLoadingSpinner = __decorate([\n    customElement('wui-loading-spinner')\n], WuiLoadingSpinner);\nexport { WuiLoadingSpinner };\n//# sourceMappingURL=index.js.map"],"names":["css","i","WuiLoadingSpinner","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASC,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAOA,IAAI,oBAAoB,MAAMC,2BAA0BC,IAAW;AAAA,EAC/D,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,QAAQ;AACb,SAAK,OAAO;AAAA,EAChB;AAAA,EACA,SAAS;AACL,UAAM,gBAAgB;AAAA,MAClB,SAAS,KAAK,OAAO,MAAM;AAAA,MAC3B,WAAW,KAAK,OAAO,MAAM;AAAA,MAC7B,UAAU,KAAK,OAAO,MAAM;AAAA,MAC5B,QAAQ,KAAK,OAAO,MAAM;AAAA,MAC1B,OAAO,KAAK,OAAO,KAAK;AAAA,MACxB,SAAS,KAAK,OAAO,KAAK;AAAA,MAC1B,kBAAkB,KAAK,OAAO,KAAK;AAAA,IAC/C;AACQ,SAAK,MAAM,UAAU;AAAA,uBACN,KAAK,UAAU,YAAY,YAAY,cAAc,KAAK,KAAK,CAAC;AAAA;AAE/E,SAAK,QAAQ,MAAM,IAAI,KAAK;AAC5B,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMX;AACJ;AACA,kBAAkB,SAAS,CAAC,aAAa,MAAM;AAC/C,WAAW;AAAA,EACPC,EAAQ;AACZ,GAAG,kBAAkB,WAAW,SAAS,MAAM;AAC/C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,kBAAkB,WAAW,QAAQ,MAAM;AAC9C,oBAAoB,WAAW;AAAA,EAC3B,cAAc,qBAAqB;AACvC,GAAG,iBAAiB;"}