"use strict";const c=require("./lit-element-Cpy16KIW.js"),s=require("./class-map-BMhmY7P2.js"),d=require("./solana-CXtk3UX1.js"),p={getSpacingStyles(t,e){if(Array.isArray(t))return t[e]?`var(--wui-spacing-${t[e]})`:void 0;if(typeof t=="string")return`var(--wui-spacing-${t})`},getFormattedDate(t){return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(t)},getHostName(t){try{return new URL(t).hostname}catch{return""}},getTruncateString({string:t,charsStart:e,charsEnd:r,truncate:o}){return t.length<=e+r?t:o==="end"?`${t.substring(0,e)}...`:o==="start"?`...${t.substring(t.length-r)}`:`${t.substring(0,Math.floor(e))}...${t.substring(t.length-Math.floor(r))}`},generateAvatarColors(t){const r=t.toLowerCase().replace(/^0x/iu,"").replace(/[^a-f0-9]/gu,"").substring(0,6).padEnd(6,"0"),o=this.hexToRgb(r),n=getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"),a=100-3*Number(n?.replace("px","")),l=`${a}% ${a}% at 65% 40%`,v=[];for(let m=0;m<5;m+=1){const C=this.tintColor(o,.15*m);v.push(`rgb(${C[0]}, ${C[1]}, ${C[2]})`)}return`
    --local-color-1: ${v[0]};
    --local-color-2: ${v[1]};
    --local-color-3: ${v[2]};
    --local-color-4: ${v[3]};
    --local-color-5: ${v[4]};
    --local-radial-circle: ${l}
   `},hexToRgb(t){const e=parseInt(t,16),r=e>>16&255,o=e>>8&255,n=e&255;return[r,o,n]},tintColor(t,e){const[r,o,n]=t,i=Math.round(r+(255-r)*e),a=Math.round(o+(255-o)*e),l=Math.round(n+(255-n)*e);return[i,a,l]},isNumber(t){return{number:/^[0-9]+$/u}.number.test(t)},getColorTheme(t){return t||(typeof window<"u"&&window.matchMedia?window.matchMedia("(prefers-color-scheme: dark)")?.matches?"dark":"light":"dark")},splitBalance(t){const e=t.split(".");return e.length===2?[e[0],e[1]]:["0","00"]},roundNumber(t,e,r){return t.toString().length>=e?Number(t).toFixed(r):t},formatNumberToLocalString(t,e=2){return t===void 0?"0.00":typeof t=="number"?t.toLocaleString("en-US",{maximumFractionDigits:e,minimumFractionDigits:e}):parseFloat(t).toLocaleString("en-US",{maximumFractionDigits:e,minimumFractionDigits:e})}};function B(t,e){const{kind:r,elements:o}=e;return{kind:r,elements:o,finisher(n){customElements.get(t)||customElements.define(t,n)}}}function T(t,e){return customElements.get(t)||customElements.define(t,e),e}function f(t){return function(r){return typeof r=="function"?T(t,r):B(t,r)}}const O=c.i`
  :host {
    display: flex;
    width: inherit;
    height: inherit;
  }
`;var h=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,r,i):a(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i};let u=class extends c.i$1{render(){return this.style.cssText=`
      flex-direction: ${this.flexDirection};
      flex-wrap: ${this.flexWrap};
      flex-basis: ${this.flexBasis};
      flex-grow: ${this.flexGrow};
      flex-shrink: ${this.flexShrink};
      align-items: ${this.alignItems};
      justify-content: ${this.justifyContent};
      column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`};
      row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`};
      gap: ${this.gap&&`var(--wui-spacing-${this.gap})`};
      padding-top: ${this.padding&&p.getSpacingStyles(this.padding,0)};
      padding-right: ${this.padding&&p.getSpacingStyles(this.padding,1)};
      padding-bottom: ${this.padding&&p.getSpacingStyles(this.padding,2)};
      padding-left: ${this.padding&&p.getSpacingStyles(this.padding,3)};
      margin-top: ${this.margin&&p.getSpacingStyles(this.margin,0)};
      margin-right: ${this.margin&&p.getSpacingStyles(this.margin,1)};
      margin-bottom: ${this.margin&&p.getSpacingStyles(this.margin,2)};
      margin-left: ${this.margin&&p.getSpacingStyles(this.margin,3)};
    `,c.x`<slot></slot>`}};u.styles=[d.resetStyles,O];h([s.n()],u.prototype,"flexDirection",void 0);h([s.n()],u.prototype,"flexWrap",void 0);h([s.n()],u.prototype,"flexBasis",void 0);h([s.n()],u.prototype,"flexGrow",void 0);h([s.n()],u.prototype,"flexShrink",void 0);h([s.n()],u.prototype,"alignItems",void 0);h([s.n()],u.prototype,"justifyContent",void 0);h([s.n()],u.prototype,"columnGap",void 0);h([s.n()],u.prototype,"rowGap",void 0);h([s.n()],u.prototype,"gap",void 0);h([s.n()],u.prototype,"padding",void 0);h([s.n()],u.prototype,"margin",void 0);u=h([f("wui-flex")],u);class W{constructor(){this.cache=new Map}set(e,r){this.cache.set(e,r)}get(e){return this.cache.get(e)}has(e){return this.cache.has(e)}delete(e){this.cache.delete(e)}clear(){this.cache.clear()}}const k=new W,I=c.i`
  :host {
    display: flex;
    aspect-ratio: var(--local-aspect-ratio);
    color: var(--local-color);
    width: var(--local-width);
  }

  svg {
    width: inherit;
    height: inherit;
    object-fit: contain;
    object-position: center;
  }

  .fallback {
    width: var(--local-width);
    height: var(--local-height);
  }
`;var $=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,r,i):a(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i};const _={add:async()=>(await Promise.resolve().then(()=>require("./add-BWJFu4sQ.js"))).addSvg,allWallets:async()=>(await Promise.resolve().then(()=>require("./all-wallets-DJ587rvD.js"))).allWalletsSvg,arrowBottomCircle:async()=>(await Promise.resolve().then(()=>require("./arrow-bottom-circle-DBkIEdA_.js"))).arrowBottomCircleSvg,appStore:async()=>(await Promise.resolve().then(()=>require("./app-store-XEe2_Soq.js"))).appStoreSvg,apple:async()=>(await Promise.resolve().then(()=>require("./apple-DeWHFpzM.js"))).appleSvg,arrowBottom:async()=>(await Promise.resolve().then(()=>require("./arrow-bottom-JoB7q_g5.js"))).arrowBottomSvg,arrowLeft:async()=>(await Promise.resolve().then(()=>require("./arrow-left-sSCa6htH.js"))).arrowLeftSvg,arrowRight:async()=>(await Promise.resolve().then(()=>require("./arrow-right-z6oPmFTW.js"))).arrowRightSvg,arrowTop:async()=>(await Promise.resolve().then(()=>require("./arrow-top-FdvjoZUg.js"))).arrowTopSvg,bank:async()=>(await Promise.resolve().then(()=>require("./bank-W6hZqJ4d.js"))).bankSvg,browser:async()=>(await Promise.resolve().then(()=>require("./browser-C3Yfs6gO.js"))).browserSvg,card:async()=>(await Promise.resolve().then(()=>require("./card-BND05E1I.js"))).cardSvg,checkmark:async()=>(await Promise.resolve().then(()=>require("./checkmark-CeZl9uk-.js"))).checkmarkSvg,checkmarkBold:async()=>(await Promise.resolve().then(()=>require("./checkmark-bold-B4Ken5BW.js"))).checkmarkBoldSvg,chevronBottom:async()=>(await Promise.resolve().then(()=>require("./chevron-bottom-Dn90lcAA.js"))).chevronBottomSvg,chevronLeft:async()=>(await Promise.resolve().then(()=>require("./chevron-left-5gQezytU.js"))).chevronLeftSvg,chevronRight:async()=>(await Promise.resolve().then(()=>require("./chevron-right-D-QHy_D4.js"))).chevronRightSvg,chevronTop:async()=>(await Promise.resolve().then(()=>require("./chevron-top-C2CVsvo2.js"))).chevronTopSvg,chromeStore:async()=>(await Promise.resolve().then(()=>require("./chrome-store-CMY6gctl.js"))).chromeStoreSvg,clock:async()=>(await Promise.resolve().then(()=>require("./clock-BZH_e3oR.js"))).clockSvg,close:async()=>(await Promise.resolve().then(()=>require("./close-DJvqVy-g.js"))).closeSvg,compass:async()=>(await Promise.resolve().then(()=>require("./compass-XqpGnyM2.js"))).compassSvg,coinPlaceholder:async()=>(await Promise.resolve().then(()=>require("./coinPlaceholder-DenOyiNu.js"))).coinPlaceholderSvg,copy:async()=>(await Promise.resolve().then(()=>require("./copy-DNXkJfaU.js"))).copySvg,cursor:async()=>(await Promise.resolve().then(()=>require("./cursor-BjfyuWqO.js"))).cursorSvg,cursorTransparent:async()=>(await Promise.resolve().then(()=>require("./cursor-transparent-CJWRXBD1.js"))).cursorTransparentSvg,desktop:async()=>(await Promise.resolve().then(()=>require("./desktop-Bp1alIle.js"))).desktopSvg,disconnect:async()=>(await Promise.resolve().then(()=>require("./disconnect-BDcMpPS2.js"))).disconnectSvg,discord:async()=>(await Promise.resolve().then(()=>require("./discord-BZT1vyz1.js"))).discordSvg,etherscan:async()=>(await Promise.resolve().then(()=>require("./etherscan-SP-c5EBR.js"))).etherscanSvg,extension:async()=>(await Promise.resolve().then(()=>require("./extension-B299bwx6.js"))).extensionSvg,externalLink:async()=>(await Promise.resolve().then(()=>require("./external-link-Db0Bv6-Q.js"))).externalLinkSvg,facebook:async()=>(await Promise.resolve().then(()=>require("./facebook-e1HneHXq.js"))).facebookSvg,farcaster:async()=>(await Promise.resolve().then(()=>require("./farcaster-DF1aA7kz.js"))).farcasterSvg,filters:async()=>(await Promise.resolve().then(()=>require("./filters-BVTEzsNL.js"))).filtersSvg,github:async()=>(await Promise.resolve().then(()=>require("./github-BtQWujCv.js"))).githubSvg,google:async()=>(await Promise.resolve().then(()=>require("./google-BqewACdU.js"))).googleSvg,helpCircle:async()=>(await Promise.resolve().then(()=>require("./help-circle-Caa1FwDQ.js"))).helpCircleSvg,image:async()=>(await Promise.resolve().then(()=>require("./image-BG1dlRq9.js"))).imageSvg,id:async()=>(await Promise.resolve().then(()=>require("./id-CbH_ppMA.js"))).idSvg,infoCircle:async()=>(await Promise.resolve().then(()=>require("./info-circle-DUEHZ4ln.js"))).infoCircleSvg,lightbulb:async()=>(await Promise.resolve().then(()=>require("./lightbulb-CI3se-9N.js"))).lightbulbSvg,mail:async()=>(await Promise.resolve().then(()=>require("./mail-CyQhMhA_.js"))).mailSvg,mobile:async()=>(await Promise.resolve().then(()=>require("./mobile-BZe2lStj.js"))).mobileSvg,more:async()=>(await Promise.resolve().then(()=>require("./more-L1VemD4I.js"))).moreSvg,networkPlaceholder:async()=>(await Promise.resolve().then(()=>require("./network-placeholder-BShQfWja.js"))).networkPlaceholderSvg,nftPlaceholder:async()=>(await Promise.resolve().then(()=>require("./nftPlaceholder-KLml33pc.js"))).nftPlaceholderSvg,off:async()=>(await Promise.resolve().then(()=>require("./off-gC8dYqqn.js"))).offSvg,playStore:async()=>(await Promise.resolve().then(()=>require("./play-store-ey3aT-9Q.js"))).playStoreSvg,plus:async()=>(await Promise.resolve().then(()=>require("./plus-BW_08nyn.js"))).plusSvg,qrCode:async()=>(await Promise.resolve().then(()=>require("./qr-code-HHaoEPsN.js"))).qrCodeIcon,recycleHorizontal:async()=>(await Promise.resolve().then(()=>require("./recycle-horizontal-BA1e4-qa.js"))).recycleHorizontalSvg,refresh:async()=>(await Promise.resolve().then(()=>require("./refresh-CmsH0cEL.js"))).refreshSvg,search:async()=>(await Promise.resolve().then(()=>require("./search-Ds23b8Oy.js"))).searchSvg,send:async()=>(await Promise.resolve().then(()=>require("./send-CkeYtTF8.js"))).sendSvg,swapHorizontal:async()=>(await Promise.resolve().then(()=>require("./swapHorizontal-eLPRYK4V.js"))).swapHorizontalSvg,swapHorizontalMedium:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalMedium-CnAwgQxj.js"))).swapHorizontalMediumSvg,swapHorizontalBold:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalBold-BQmfej89.js"))).swapHorizontalBoldSvg,swapHorizontalRoundedBold:async()=>(await Promise.resolve().then(()=>require("./swapHorizontalRoundedBold-BbjtHwd3.js"))).swapHorizontalRoundedBoldSvg,swapVertical:async()=>(await Promise.resolve().then(()=>require("./swapVertical-bZUSEsgH.js"))).swapVerticalSvg,telegram:async()=>(await Promise.resolve().then(()=>require("./telegram-Bh1ELD3_.js"))).telegramSvg,threeDots:async()=>(await Promise.resolve().then(()=>require("./three-dots-C6Lp_K8U.js"))).threeDotsSvg,twitch:async()=>(await Promise.resolve().then(()=>require("./twitch-B0bd_tLN.js"))).twitchSvg,twitter:async()=>(await Promise.resolve().then(()=>require("./x-DPKajUtM.js"))).xSvg,twitterIcon:async()=>(await Promise.resolve().then(()=>require("./twitterIcon-Dtxzei3r.js"))).twitterIconSvg,verify:async()=>(await Promise.resolve().then(()=>require("./verify-BfM6-NBy.js"))).verifySvg,verifyFilled:async()=>(await Promise.resolve().then(()=>require("./verify-filled-CcCcyU37.js"))).verifyFilledSvg,wallet:async()=>(await Promise.resolve().then(()=>require("./wallet-C_2KOVNa.js"))).walletSvg,walletConnect:async()=>(await Promise.resolve().then(()=>require("./walletconnect-D2-A12qC.js"))).walletConnectSvg,walletConnectLightBrown:async()=>(await Promise.resolve().then(()=>require("./walletconnect-D2-A12qC.js"))).walletConnectLightBrownSvg,walletConnectBrown:async()=>(await Promise.resolve().then(()=>require("./walletconnect-D2-A12qC.js"))).walletConnectBrownSvg,walletPlaceholder:async()=>(await Promise.resolve().then(()=>require("./wallet-placeholder-BX4r2FX1.js"))).walletPlaceholderSvg,warningCircle:async()=>(await Promise.resolve().then(()=>require("./warning-circle-BS01nche.js"))).warningCircleSvg,x:async()=>(await Promise.resolve().then(()=>require("./x-DPKajUtM.js"))).xSvg,info:async()=>(await Promise.resolve().then(()=>require("./info-BzwjhKg0.js"))).infoSvg,exclamationTriangle:async()=>(await Promise.resolve().then(()=>require("./exclamation-triangle-4WfXz9Am.js"))).exclamationTriangleSvg,reown:async()=>(await Promise.resolve().then(()=>require("./reown-logo-BMeXyelq.js"))).reownSvg};async function L(t){if(k.has(t))return k.get(t);const r=(_[t]??_.copy)();return k.set(t,r),r}let y=class extends c.i$1{constructor(){super(...arguments),this.size="md",this.name="copy",this.color="fg-300",this.aspectRatio="1 / 1"}render(){return this.style.cssText=`
      --local-color: ${`var(--wui-color-${this.color});`}
      --local-width: ${`var(--wui-icon-size-${this.size});`}
      --local-aspect-ratio: ${this.aspectRatio}
    `,c.x`${s.m(L(this.name),c.x`<div class="fallback"></div>`)}`}};y.styles=[d.resetStyles,d.colorStyles,I];$([s.n()],y.prototype,"size",void 0);$([s.n()],y.prototype,"name",void 0);$([s.n()],y.prototype,"color",void 0);$([s.n()],y.prototype,"aspectRatio",void 0);y=$([f("wui-icon")],y);const D=c.i`
  :host {
    display: inline-flex !important;
  }

  slot {
    width: 100%;
    display: inline-block;
    font-style: normal;
    font-family: var(--wui-font-family);
    font-feature-settings:
      'tnum' on,
      'lnum' on,
      'case' on;
    line-height: 130%;
    font-weight: var(--wui-font-weight-regular);
    overflow: inherit;
    text-overflow: inherit;
    text-align: var(--local-align);
    color: var(--local-color);
  }

  .wui-line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .wui-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .wui-font-medium-400 {
    font-size: var(--wui-font-size-medium);
    font-weight: var(--wui-font-weight-light);
    letter-spacing: var(--wui-letter-spacing-medium);
  }

  .wui-font-medium-600 {
    font-size: var(--wui-font-size-medium);
    letter-spacing: var(--wui-letter-spacing-medium);
  }

  .wui-font-title-600 {
    font-size: var(--wui-font-size-title);
    letter-spacing: var(--wui-letter-spacing-title);
  }

  .wui-font-title-6-600 {
    font-size: var(--wui-font-size-title-6);
    letter-spacing: var(--wui-letter-spacing-title-6);
  }

  .wui-font-mini-700 {
    font-size: var(--wui-font-size-mini);
    letter-spacing: var(--wui-letter-spacing-mini);
    text-transform: uppercase;
  }

  .wui-font-large-500,
  .wui-font-large-600,
  .wui-font-large-700 {
    font-size: var(--wui-font-size-large);
    letter-spacing: var(--wui-letter-spacing-large);
  }

  .wui-font-2xl-500,
  .wui-font-2xl-600,
  .wui-font-2xl-700 {
    font-size: var(--wui-font-size-2xl);
    letter-spacing: var(--wui-letter-spacing-2xl);
  }

  .wui-font-paragraph-400,
  .wui-font-paragraph-500,
  .wui-font-paragraph-600,
  .wui-font-paragraph-700 {
    font-size: var(--wui-font-size-paragraph);
    letter-spacing: var(--wui-letter-spacing-paragraph);
  }

  .wui-font-small-400,
  .wui-font-small-500,
  .wui-font-small-600 {
    font-size: var(--wui-font-size-small);
    letter-spacing: var(--wui-letter-spacing-small);
  }

  .wui-font-tiny-400,
  .wui-font-tiny-500,
  .wui-font-tiny-600 {
    font-size: var(--wui-font-size-tiny);
    letter-spacing: var(--wui-letter-spacing-tiny);
  }

  .wui-font-micro-700,
  .wui-font-micro-600 {
    font-size: var(--wui-font-size-micro);
    letter-spacing: var(--wui-letter-spacing-micro);
    text-transform: uppercase;
  }

  .wui-font-tiny-400,
  .wui-font-small-400,
  .wui-font-medium-400,
  .wui-font-paragraph-400 {
    font-weight: var(--wui-font-weight-light);
  }

  .wui-font-large-700,
  .wui-font-paragraph-700,
  .wui-font-micro-700,
  .wui-font-mini-700 {
    font-weight: var(--wui-font-weight-bold);
  }

  .wui-font-medium-600,
  .wui-font-medium-title-600,
  .wui-font-title-6-600,
  .wui-font-large-600,
  .wui-font-paragraph-600,
  .wui-font-small-600,
  .wui-font-tiny-600,
  .wui-font-micro-600 {
    font-weight: var(--wui-font-weight-medium);
  }

  :host([disabled]) {
    opacity: 0.4;
  }
`;var q=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,r,i):a(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i};let b=class extends c.i$1{constructor(){super(...arguments),this.variant="paragraph-500",this.color="fg-300",this.align="left",this.lineClamp=void 0}render(){const e={[`wui-font-${this.variant}`]:!0,[`wui-color-${this.color}`]:!0,[`wui-line-clamp-${this.lineClamp}`]:!!this.lineClamp};return this.style.cssText=`
      --local-align: ${this.align};
      --local-color: var(--wui-color-${this.color});
    `,c.x`<slot class=${s.e(e)}></slot>`}};b.styles=[d.resetStyles,D];q([s.n()],b.prototype,"variant",void 0);q([s.n()],b.prototype,"color",void 0);q([s.n()],b.prototype,"align",void 0);q([s.n()],b.prototype,"lineClamp",void 0);b=q([f("wui-text")],b);const E=c.i`
  :host {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-color: var(--wui-color-gray-glass-020);
    border-radius: var(--local-border-radius);
    border: var(--local-border);
    box-sizing: content-box;
    width: var(--local-size);
    height: var(--local-size);
    min-height: var(--local-size);
    min-width: var(--local-size);
  }

  @supports (background: color-mix(in srgb, white 50%, black)) {
    :host {
      background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);
    }
  }
`;var w=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,r,i):a(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i};let g=class extends c.i$1{constructor(){super(...arguments),this.size="md",this.backgroundColor="accent-100",this.iconColor="accent-100",this.background="transparent",this.border=!1,this.borderColor="wui-color-bg-125",this.icon="copy"}render(){const e=this.iconSize||this.size,r=this.size==="lg",o=this.size==="xl",n=r?"12%":"16%",i=r?"xxs":o?"s":"3xl",a=this.background==="gray",l=this.background==="opaque",v=this.backgroundColor==="accent-100"&&l||this.backgroundColor==="success-100"&&l||this.backgroundColor==="error-100"&&l||this.backgroundColor==="inverse-100"&&l;let m=`var(--wui-color-${this.backgroundColor})`;return v?m=`var(--wui-icon-box-bg-${this.backgroundColor})`:a&&(m=`var(--wui-color-gray-${this.backgroundColor})`),this.style.cssText=`
       --local-bg-value: ${m};
       --local-bg-mix: ${v||a?"100%":n};
       --local-border-radius: var(--wui-border-radius-${i});
       --local-size: var(--wui-icon-box-size-${this.size});
       --local-border: ${this.borderColor==="wui-color-bg-125"?"2px":"1px"} solid ${this.border?`var(--${this.borderColor})`:"transparent"}
   `,c.x` <wui-icon color=${this.iconColor} size=${e} name=${this.icon}></wui-icon> `}};g.styles=[d.resetStyles,d.elementStyles,E];w([s.n()],g.prototype,"size",void 0);w([s.n()],g.prototype,"backgroundColor",void 0);w([s.n()],g.prototype,"iconColor",void 0);w([s.n()],g.prototype,"iconSize",void 0);w([s.n()],g.prototype,"background",void 0);w([s.n({type:Boolean})],g.prototype,"border",void 0);w([s.n()],g.prototype,"borderColor",void 0);w([s.n()],g.prototype,"icon",void 0);g=w([f("wui-icon-box")],g);const F=c.i`
  :host {
    display: block;
    width: var(--local-width);
    height: var(--local-height);
  }

  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: inherit;
  }
`;var z=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,r,i):a(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i};let S=class extends c.i$1{constructor(){super(...arguments),this.src="./path/to/image.jpg",this.alt="Image",this.size=void 0}render(){return this.style.cssText=`
      --local-width: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"};
      --local-height: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"};
      `,c.x`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent("onLoadError",{bubbles:!0,composed:!0}))}};S.styles=[d.resetStyles,d.colorStyles,F];z([s.n()],S.prototype,"src",void 0);z([s.n()],S.prototype,"alt",void 0);z([s.n()],S.prototype,"size",void 0);S=z([f("wui-image")],S);const H=c.i`
  :host {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--wui-spacing-m);
    padding: 0 var(--wui-spacing-3xs) !important;
    border-radius: var(--wui-border-radius-5xs);
    transition:
      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
    will-change: border-radius, background-color;
  }

  :host > wui-text {
    transform: translateY(5%);
  }

  :host([data-variant='main']) {
    background-color: var(--wui-color-accent-glass-015);
    color: var(--wui-color-accent-100);
  }

  :host([data-variant='shade']) {
    background-color: var(--wui-color-gray-glass-010);
    color: var(--wui-color-fg-200);
  }

  :host([data-variant='success']) {
    background-color: var(--wui-icon-box-bg-success-100);
    color: var(--wui-color-success-100);
  }

  :host([data-variant='error']) {
    background-color: var(--wui-icon-box-bg-error-100);
    color: var(--wui-color-error-100);
  }

  :host([data-size='lg']) {
    padding: 11px 5px !important;
  }

  :host([data-size='lg']) > wui-text {
    transform: translateY(2%);
  }
`;var R=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,r,i):a(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i};let x=class extends c.i$1{constructor(){super(...arguments),this.variant="main",this.size="lg"}render(){this.dataset.variant=this.variant,this.dataset.size=this.size;const e=this.size==="md"?"mini-700":"micro-700";return c.x`
      <wui-text data-variant=${this.variant} variant=${e} color="inherit">
        <slot></slot>
      </wui-text>
    `}};x.styles=[d.resetStyles,H];R([s.n()],x.prototype,"variant",void 0);R([s.n()],x.prototype,"size",void 0);x=R([f("wui-tag")],x);const M=c.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 2s linear infinite;
  }

  circle {
    fill: none;
    stroke: var(--local-color);
    stroke-width: 4px;
    stroke-dasharray: 1, 124;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
  }

  :host([data-size='md']) > svg > circle {
    stroke-width: 6px;
  }

  :host([data-size='sm']) > svg > circle {
    stroke-width: 8px;
  }

  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes dash {
    0% {
      stroke-dasharray: 1, 124;
      stroke-dashoffset: 0;
    }

    50% {
      stroke-dasharray: 90, 124;
      stroke-dashoffset: -35;
    }

    100% {
      stroke-dashoffset: -125;
    }
  }
`;var j=function(t,e,r,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(e,r,i):a(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i};let P=class extends c.i$1{constructor(){super(...arguments),this.color="accent-100",this.size="lg"}render(){return this.style.cssText=`--local-color: ${this.color==="inherit"?"inherit":`var(--wui-color-${this.color})`}`,this.dataset.size=this.size,c.x`<svg viewBox="25 25 50 50">
      <circle r="20" cy="50" cx="50"></circle>
    </svg>`}};P.styles=[d.resetStyles,M];j([s.n()],P.prototype,"color",void 0);j([s.n()],P.prototype,"size",void 0);P=j([f("wui-loading-spinner")],P);exports.UiHelperUtil=p;exports.customElement=f;
