@loadsmart/miranda-icons 3.0.0-beta.9 → 3.0.1

package/dist/index-Biw1WZBv.js

@@ -0,0 +1,751 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1=globalThis,e$2=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$1=Symbol(),o$2=new WeakMap;let n$2 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$1)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$2.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$2.set(s,t));}return t}toString(){return this.cssText}};const r$3=t=>new n$2("string"==typeof t?t:t+"",void 0,s$1),i$3=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$2(o,t,s$1)},S$1=(s,o)=>{if(e$2)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:i$2,defineProperty:e$1,getOwnPropertyDescriptor:r$2,getOwnPropertyNames:h$1,getOwnPropertySymbols:o$1,getPrototypeOf:n$1}=Object,a$1=globalThis,c$1=a$1.trustedTypes,l$1=c$1?c$1.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$2(t,s),y$1={attribute:true,type:String,converter:u$1,reflect:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let b$1 = class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$1(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...h$1(t),...o$1(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return  false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=false,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return  true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$1.elementStyles=[],b$1.shadowRootOptions={mode:"open"},b$1[d$1("elementProperties")]=new Map,b$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:b$1}),(a$1.reactiveElementVersions??=[]).push("2.0.4");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=globalThis,i$1=t.trustedTypes,s=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o="?"+h,n=`<${o}>`,r$1=document,l=()=>r$1.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=y(2),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$1.createTreeWalker(r$1,129);function P(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n:d>=0?(o.push(a),s.slice(0,d)+e+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r$1.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$1).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r$1,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j=t.litHtmlPolyfillSupport;j?.(N,R),(t.litHtmlVersions??=[]).push("3.2.1");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class r extends b$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}}r._$litElement$=true,r["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r});const i=globalThis.litElementPolyfillSupport;i?.({LitElement:r});(globalThis.litElementVersions??=[]).push("4.1.1");
+
+/**
+ * Auto-generated file
+ * Do not edit directly
+ */
+var LoadsmartTheme = {
+    "brand-color-brand": "20, 214, 77",
+    "brand-color-brand-accent-1": "0, 215, 215",
+    "brand-color-brand-accent-2": "132, 241, 30",
+    "border-radius-none": "0px",
+    "border-radius-s": "4px",
+    "border-radius-m": "8px",
+    "border-radius-l": "16px",
+    "border-radius-circle": "50%",
+    "border-none": 0,
+    "border-thin": "1px",
+    "border-medium": "2px",
+    "border-thick": "4px",
+    "color-background-primary": "252, 252, 255",
+    "color-background-secondary": "248, 249, 251",
+    "color-background-tertiary": "230, 237, 242",
+    "color-background-highlight": "202, 219, 221",
+    "color-background-inverted": "32, 41, 49",
+    "color-background-secondary-inverted": "61, 74, 85",
+    "color-border-input": "193, 206, 217",
+    "color-border": "230, 237, 242",
+    "color-divider": "230, 237, 242",
+    "color-brand": "20, 214, 77",
+    "color-brand-accent-1": "0, 215, 215",
+    "color-brand-accent-2": "132, 241, 30",
+    "color-primary-20": "202, 219, 221",
+    "color-primary-60": "0, 84, 84",
+    "color-primary-100": "0, 51, 51",
+    "color-accent-20": "229, 245, 255",
+    "color-accent-60": "0, 98, 159",
+    "color-accent-100": "15, 66, 97",
+    "color-neutral-0": "252, 252, 255",
+    "color-neutral-10": "248, 249, 251",
+    "color-neutral-20": "230, 237, 242",
+    "color-neutral-40": "193, 206, 217",
+    "color-neutral-60": "94, 118, 138",
+    "color-neutral-80": "92, 106, 118",
+    "color-neutral-90": "61, 74, 85",
+    "color-neutral-100": "32, 41, 49",
+    "color-success-20": "227, 247, 239",
+    "color-success-60": "3, 124, 94",
+    "color-success-100": "0, 94, 71",
+    "color-danger-20": "255, 233, 230",
+    "color-danger-60": "186, 27, 27",
+    "color-danger-100": "104, 0, 3",
+    "color-warning-20": "255, 243, 214",
+    "color-warning-60": "248, 182, 14",
+    "color-warning-100": "102, 63, 25",
+    "color-text-primary": "32, 41, 49",
+    "color-text-secondary": "61, 74, 85",
+    "color-text-tertiary": "92, 106, 118",
+    "color-text-placeholder": "94, 118, 138",
+    "color-text-disabled": "193, 206, 217",
+    "color-text-inverted": "252, 252, 255",
+    "color-text-secondary-inverted": "193, 206, 217",
+    "color-text-error": "186, 27, 27",
+    "color-text-highlight": "0, 98, 159",
+    "color-text-link": "0, 84, 84",
+    "font-family-default": "'Manrope', sans-serif",
+    "font-family-title": "'Plus Jakarta Sans', 'Manrope', sans-serif",
+    "font-size-1": "0.625rem",
+    "font-size-2": "0.75rem",
+    "font-size-3": "0.875rem",
+    "font-size-4": "1rem",
+    "font-size-5": "1.25rem",
+    "font-size-6": "1.625rem",
+    "font-size-7": "2.375rem",
+    "font-size-8": "3rem",
+    "font-size-9": "3.625rem",
+    "font-weight-regular": 500,
+    "font-weight-medium": 600,
+    "font-weight-bold": 700,
+    "line-height-1": "100%",
+    "line-height-2": "125%",
+    "line-height-3": "130%",
+    "line-height-4": "140%",
+    "line-height-5": "150%",
+    "line-height-6": "180%",
+    "global-height-small": "1.75rem",
+    "global-height-default": "2.5rem",
+    "global-height-large": "3rem",
+    "media-screen-desktop": "1025px",
+    "media-screen-tablet": "481px",
+    "opacity-0": "0%",
+    "opacity-20": "20%",
+    "opacity-40": "40%",
+    "opacity-60": "60%",
+    "opacity-100": "100%",
+    "elevation-1": "0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)",
+    "elevation-2": "0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)",
+    "elevation-3": "0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)",
+    "elevation-4": "0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)",
+    "glow-primary": "0.0px 0.0px 4.0px 0px rgba(3, 124, 94, .5)",
+    "glow-warning": "0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)",
+    "spacing-1": "4px",
+    "spacing-2": "8px",
+    "spacing-3": "12px",
+    "spacing-4": "16px",
+    "spacing-5": "20px",
+    "spacing-6": "24px",
+    "spacing-8": "32px",
+    "spacing-10": "40px",
+    "spacing-12": "48px",
+    "spacing-14": "56px",
+    "spacing-16": "64px",
+    "spacing-20": "80px",
+    "spacing-30": "120px",
+    "spacing-0-5": "2px",
+    "platform-font-default": "'Manrope', sans-serif",
+    "platform-font-title": "'Plus Jakarta Sans', 'Manrope', sans-serif"
+};
+
+/**
+ * Sort an array of strings in a special way that considers numeric parts within the strings.
+ *
+ * @param values An array of strings to be sorted.
+ * @returns A new array containing the sorted strings.
+ */
+function sortNumericValues(values) {
+    // Create a copy of the input array to avoid modifying the original array.
+    return [...values].sort((a, b) => {
+        return a.localeCompare(b, undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
+    });
+}
+
+function extractTokens(tokens, prefix) {
+    return tokens.filter((token) => {
+        return token.startsWith(prefix);
+    });
+}
+function excludeTokens(tokens, prefix) {
+    return tokens.filter((token) => {
+        return !token.startsWith(prefix);
+    });
+}
+const ALL_TOKENS = Object.keys(LoadsmartTheme);
+// We strip brand and platform-specific tokens as they should not be used directly.
+const TOKENS = sortNumericValues(excludeTokens(excludeTokens(ALL_TOKENS, 'brand-'), 'platform-'));
+extractTokens(TOKENS, 'color-background-');
+extractTokens(TOKENS, 'border-radius-');
+extractTokens(TOKENS, 'border-');
+extractTokens(TOKENS, 'color-');
+extractTokens(TOKENS, 'elevation-');
+extractTokens(TOKENS, 'font-family-');
+extractTokens(TOKENS, 'font-size-');
+extractTokens(TOKENS, 'font-weight-');
+extractTokens(TOKENS, 'global-');
+extractTokens(TOKENS, 'glow-');
+extractTokens(TOKENS, 'line-height-');
+extractTokens(TOKENS, 'opacity-');
+const SPACING_TOKENS = extractTokens(TOKENS, 'spacing-');
+extractTokens(TOKENS, 'media-');
+['none', ...SPACING_TOKENS];
+
+/**
+ * Get token value.
+ *
+ * @example
+ * ```js
+ * getToken('color-primary')
+ * ```
+ *
+ * @param token Token whose value should be retrieved.
+ * @returns Token value or `undefined` otherwise.
+ */
+function getToken(token) {
+    return LoadsmartTheme[token];
+}
+
+function toCSSVariable(token) {
+    const value = getToken(token);
+    if (value == null) {
+        return value;
+    }
+    return `--m-${token}`;
+}
+
+function toCSSValue(token, alpha) {
+    const value = getToken(token);
+    if (value == null) {
+        return '';
+    }
+    if (token.startsWith('color-')) {
+        return `rgba(var(${toCSSVariable(token)}, ${value}), ${1})`;
+    }
+    return `var(${toCSSVariable(token)}, ${value})`;
+}
+
+function styles() {
+    return [
+        i$3 `
+			:host {
+				--m-icon-size: 16px;
+				--m-icon-color: currentColor;
+
+				display: inline-flex;
+				align-items: center;
+				justify-content: center;
+
+				inline-size: var(--m-icon-size);
+				block-size: var(--m-icon-size);
+			}
+
+			svg {
+				inline-size: var(--m-icon-size);
+				block-size: var(--m-icon-size);
+
+				color: var(--m-icon-color);
+				fill: var(--m-icon-color);
+			}
+
+			@media (prefers-reduced-motion: no-preference) {
+				:host {
+					transition: transform 0.35s ease-in-out;
+				}
+
+				svg {
+					transition: color 0.35s ease-in-out 0s, fill 0.35s ease-in-out 0s;
+				}
+			}
+		`,
+    ];
+}
+
+function __variableDynamicImportRuntime0__(path) {
+  switch (path) {
+    case './icons/add-circle.ts': return import('./add-circle-GMbgPjD_.js');
+    case './icons/alarm.ts': return import('./alarm-D262EanG.js');
+    case './icons/alert-circle.ts': return import('./alert-circle-DGleqblF.js');
+    case './icons/anchor.ts': return import('./anchor-BRzTzCeb.js');
+    case './icons/arrow-left.ts': return import('./arrow-left-BFW1s3Hg.js');
+    case './icons/arrow-right.ts': return import('./arrow-right-DE4TCGEe.js');
+    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-znufSUcs.js');
+    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-B3vn4zXN.js');
+    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-BLvIYerR.js');
+    case './icons/asterisk.ts': return import('./asterisk-C-JeRZ3E.js');
+    case './icons/attention.ts': return import('./attention-OV_lFThQ.js');
+    case './icons/automatic.ts': return import('./automatic-DQmbk4nV.js');
+    case './icons/bank.ts': return import('./bank-M1dEp_Ww.js');
+    case './icons/bell-cancel.ts': return import('./bell-cancel-BsCfYe0u.js');
+    case './icons/bell.ts': return import('./bell-BF8Yel_5.js');
+    case './icons/blind-bol.ts': return import('./blind-bol-DOKD-CVV.js');
+    case './icons/board.ts': return import('./board-B8Fd5ToN.js');
+    case './icons/bol.ts': return import('./bol-B3TtrvjJ.js');
+    case './icons/bolt-off.ts': return import('./bolt-off-sN5QSg4J.js');
+    case './icons/bolt.ts': return import('./bolt-CRAnaxvu.js');
+    case './icons/box.ts': return import('./box-B0EqqA2b.js');
+    case './icons/broadcast.ts': return import('./broadcast-BpGzmYoZ.js');
+    case './icons/burguer-menu.ts': return import('./burguer-menu-kp-h3bVU.js');
+    case './icons/calendar.ts': return import('./calendar-DpgZJK3G.js');
+    case './icons/camera.ts': return import('./camera-C1utBqW7.js');
+    case './icons/canada-flag.ts': return import('./canada-flag-I4bCo-Lw.js');
+    case './icons/caret-down.ts': return import('./caret-down-CRJ2tiIZ.js');
+    case './icons/caret-left.ts': return import('./caret-left-3Jkz2pK9.js');
+    case './icons/caret-right.ts': return import('./caret-right-BGtskmM2.js');
+    case './icons/caret-up.ts': return import('./caret-up-DfSw3e1N.js');
+    case './icons/chat.ts': return import('./chat-CDzyp9p0.js');
+    case './icons/check.ts': return import('./check-CTwZkPkU.js');
+    case './icons/clip.ts': return import('./clip-DcJua3Wo.js');
+    case './icons/clock.ts': return import('./clock-BW-mC7hg.js');
+    case './icons/clown.ts': return import('./clown-CjHq2iwo.js');
+    case './icons/code.ts': return import('./code-CRDbLKdl.js');
+    case './icons/comment.ts': return import('./comment-xYO6xW5N.js');
+    case './icons/company.ts': return import('./company-BRwIVHmF.js');
+    case './icons/contract.ts': return import('./contract-UWYGcP0H.js');
+    case './icons/copy.ts': return import('./copy-oW7e9nLR.js');
+    case './icons/corner-down-r.ts': return import('./corner-down-r-DGGHg3ci.js');
+    case './icons/corner-down.ts': return import('./corner-down-D2SonFVx.js');
+    case './icons/corner-up.ts': return import('./corner-up-DApc0VLT.js');
+    case './icons/credit-card.ts': return import('./credit-card-B8vxgVhN.js');
+    case './icons/delivery.ts': return import('./delivery-x8yZdpKO.js');
+    case './icons/dislike.ts': return import('./dislike-NafOW8zF.js');
+    case './icons/document-csv.ts': return import('./document-csv-TIp6Z6jf.js');
+    case './icons/document-file.ts': return import('./document-file-DF2jO_8N.js');
+    case './icons/document-image.ts': return import('./document-image-Ze1Bhbt2.js');
+    case './icons/dollar-circle.ts': return import('./dollar-circle-Co_ppBVA.js');
+    case './icons/dollar.ts': return import('./dollar-B6UnByYz.js');
+    case './icons/dots-horizontal.ts': return import('./dots-horizontal-BCCn1Lof.js');
+    case './icons/dots-vertical.ts': return import('./dots-vertical-BLHJUYlI.js');
+    case './icons/double-caret-left.ts': return import('./double-caret-left-DS0jeg4l.js');
+    case './icons/double-caret-right.ts': return import('./double-caret-right-Bobj18vN.js');
+    case './icons/down.ts': return import('./down-CbPrWvRD.js');
+    case './icons/download.ts': return import('./download-BYCSjC6A.js');
+    case './icons/dropdown.ts': return import('./dropdown-C00R6-2P.js');
+    case './icons/email-filled.ts': return import('./email-filled-B81kwMYr.js');
+    case './icons/email.ts': return import('./email-OF-QHKCt.js');
+    case './icons/export.ts': return import('./export-BgaRmv9v.js');
+    case './icons/eye.ts': return import('./eye-pjWP8qzQ.js');
+    case './icons/fast.ts': return import('./fast-BJVP8sGj.js');
+    case './icons/favorite.ts': return import('./favorite-La5bwxd0.js');
+    case './icons/file.ts': return import('./file-BJ7tSW9_.js');
+    case './icons/filter.ts': return import('./filter-l0QCnRtT.js');
+    case './icons/flag.ts': return import('./flag-oIZZwW8I.js');
+    case './icons/folder.ts': return import('./folder-8EADoQCS.js');
+    case './icons/funnel.ts': return import('./funnel-DE9_yycN.js');
+    case './icons/gear.ts': return import('./gear-Dp3HgTpn.js');
+    case './icons/graph.ts': return import('./graph-i4IKPQuo.js');
+    case './icons/hand-tap.ts': return import('./hand-tap-C5lcbo1h.js');
+    case './icons/hand.ts': return import('./hand-C0jQCGym.js');
+    case './icons/high-signal.ts': return import('./high-signal-f-bHATHE.js');
+    case './icons/history.ts': return import('./history-Dfv8GX0t.js');
+    case './icons/home.ts': return import('./home-BEvzihaK.js');
+    case './icons/hourglass.ts': return import('./hourglass-C1EBtA3l.js');
+    case './icons/import-2.ts': return import('./import-2-CComEGrR.js');
+    case './icons/import.ts': return import('./import-CWfx3Mkd.js');
+    case './icons/indeterminate.ts': return import('./indeterminate-DgMaeHNO.js');
+    case './icons/info.ts': return import('./info-BZALh3n4.js');
+    case './icons/invoice-items.ts': return import('./invoice-items-zkqxkH85.js');
+    case './icons/invoice.ts': return import('./invoice-B2rmFLLX.js');
+    case './icons/kanban.ts': return import('./kanban-CzcFBv5E.js');
+    case './icons/light-bulb.ts': return import('./light-bulb-CibgA8lK.js');
+    case './icons/like.ts': return import('./like-D-0Aqn44.js');
+    case './icons/link.ts': return import('./link-dXsP5xgY.js');
+    case './icons/list.ts': return import('./list-DmtHylpp.js');
+    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-BrHas6pW.js');
+    case './icons/log-out.ts': return import('./log-out-DYmw3FWE.js');
+    case './icons/low-signal.ts': return import('./low-signal-DkLD9lXz.js');
+    case './icons/map.ts': return import('./map-BN6aee0V.js');
+    case './icons/medal.ts': return import('./medal-3ouy4Ukd.js');
+    case './icons/megaphone.ts': return import('./megaphone-v7OdfDEh.js');
+    case './icons/mexico-flag.ts': return import('./mexico-flag-BGabvR0D.js');
+    case './icons/minus.ts': return import('./minus-CVwnJRLD.js');
+    case './icons/network-signal.ts': return import('./network-signal-C1_b1j2v.js');
+    case './icons/no-awarded.ts': return import('./no-awarded-BXVKuOzt.js');
+    case './icons/notes-lock.ts': return import('./notes-lock-Bu97LP1s.js');
+    case './icons/notes.ts': return import('./notes-Cu97c2f0.js');
+    case './icons/order.ts': return import('./order-BOJZgwNm.js');
+    case './icons/package-tracking.ts': return import('./package-tracking-L7bT1GhS.js');
+    case './icons/padlock-open.ts': return import('./padlock-open-BKpR1Ko4.js');
+    case './icons/padlock.ts': return import('./padlock-DRXAMwdy.js');
+    case './icons/pencil.ts': return import('./pencil-CM-bWLuj.js');
+    case './icons/phone.ts': return import('./phone-CIE38StA.js');
+    case './icons/pin-filled.ts': return import('./pin-filled-C5CxA-iu.js');
+    case './icons/pin-map.ts': return import('./pin-map-BiicI0Xt.js');
+    case './icons/pin.ts': return import('./pin-wTZbGtSB.js');
+    case './icons/plugs.ts': return import('./plugs-CF1OALAs.js');
+    case './icons/plus.ts': return import('./plus-CsJ1ySdQ.js');
+    case './icons/pod.ts': return import('./pod-jlUiNz8G.js');
+    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-B61silXL.js');
+    case './icons/print.ts': return import('./print-DHRuaZ7z.js');
+    case './icons/profile.ts': return import('./profile-BLiK4o8r.js');
+    case './icons/question-dot.ts': return import('./question-dot-bsiNmbPo.js');
+    case './icons/receipt.ts': return import('./receipt-BPPH41o4.js');
+    case './icons/redo.ts': return import('./redo-BXrITf2K.js');
+    case './icons/refresh.ts': return import('./refresh-D8xW0dqX.js');
+    case './icons/reloading.ts': return import('./reloading-gDMbNG_B.js');
+    case './icons/road.ts': return import('./road-CuSFxItG.js');
+    case './icons/round-trip.ts': return import('./round-trip-MnSux6QU.js');
+    case './icons/satellite.ts': return import('./satellite-Bc89FP2Q.js');
+    case './icons/search.ts': return import('./search-B9YLTJ9l.js');
+    case './icons/send.ts': return import('./send-9jnmDA2p.js');
+    case './icons/share.ts': return import('./share-DjYkh6qe.js');
+    case './icons/ship.ts': return import('./ship-DL0DtTwp.js');
+    case './icons/signal.ts': return import('./signal-BjnaW7-v.js');
+    case './icons/sparkle.ts': return import('./sparkle-Cl1kpPwT.js');
+    case './icons/star.ts': return import('./star-qU-ErRTK.js');
+    case './icons/swap.ts': return import('./swap-DoyyqiGi.js');
+    case './icons/tag-chevron.ts': return import('./tag-chevron-9EIiYOm5.js');
+    case './icons/tag.ts': return import('./tag-Cc9ud_Aj.js');
+    case './icons/telephone.ts': return import('./telephone-DFh98Ay2.js');
+    case './icons/terminal.ts': return import('./terminal-BaigQtal.js');
+    case './icons/timer.ts': return import('./timer-BZ_Rl8iU.js');
+    case './icons/tms-ready.ts': return import('./tms-ready-CUL5zgyX.js');
+    case './icons/trash.ts': return import('./trash-CEDd8nrY.js');
+    case './icons/trend-down.ts': return import('./trend-down-Bi_wON8z.js');
+    case './icons/trend-up.ts': return import('./trend-up-qHWzcRNk.js');
+    case './icons/trophee.ts': return import('./trophee-kyUN-EK8.js');
+    case './icons/truck.ts': return import('./truck-K5ZZNbOU.js');
+    case './icons/undo.ts': return import('./undo-BB9X8eT-.js');
+    case './icons/united-states-flag.ts': return import('./united-states-flag-COyC4JXh.js');
+    case './icons/up.ts': return import('./up-Cd9KFNZk.js');
+    case './icons/upgrade.ts': return import('./upgrade-4kXJ58Gh.js');
+    case './icons/upload.ts': return import('./upload-r7wyfVEu.js');
+    case './icons/user.ts': return import('./user-wWu2AM-c.js');
+    case './icons/wallet.ts': return import('./wallet-Dz4YpRdq.js');
+    case './icons/warehouse.ts': return import('./warehouse-CVYF8jRL.js');
+    case './icons/wifi-off.ts': return import('./wifi-off-5uYAR8hl.js');
+    case './icons/wifi.ts': return import('./wifi-BM16D7R9.js');
+    case './icons/x-small.ts': return import('./x-small-BdCJdOXm.js');
+    case './icons/x.ts': return import('./x-BeceWtAY.js');
+    case './icons/zoom-in.ts': return import('./zoom-in-4jelWwNG.js');
+    case './icons/zoom-out.ts': return import('./zoom-out-L9ZjwQTF.js');
+    default: return new Promise(function(resolve, reject) {
+      (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
+        reject.bind(null, new Error("Unknown variable dynamic import: " + path))
+      );
+    })
+   }
+ }
+
+/**
+ * Canonical list of available icon names that correspond to .ts files in the ./icons/ directory.
+ */
+const AVAILABLE_ICONS = [
+    'add-circle',
+    'alarm',
+    'alert-circle',
+    'anchor',
+    'arrow-left',
+    'arrow-right',
+    'arrow-sort-down',
+    'arrow-sort-up-down',
+    'arrow-sort-up',
+    'asterisk',
+    'attention',
+    'automatic',
+    'bank',
+    'bell-cancel',
+    'bell',
+    'blind-bol',
+    'board',
+    'bol',
+    'bolt-off',
+    'bolt',
+    'box',
+    'broadcast',
+    'burguer-menu',
+    'calendar',
+    'camera',
+    'canada-flag',
+    'caret-down',
+    'caret-left',
+    'caret-right',
+    'caret-up',
+    'chat',
+    'check',
+    'clip',
+    'clock',
+    'clown',
+    'code',
+    'comment',
+    'company',
+    'contract',
+    'copy',
+    'corner-down-r',
+    'corner-down',
+    'corner-up',
+    'delivery',
+    'dislike',
+    'document-csv',
+    'document-file',
+    'document-image',
+    'dollar',
+    'dots-horizontal',
+    'dots-vertical',
+    'double-caret-left',
+    'double-caret-right',
+    'down',
+    'download',
+    'dropdown',
+    'email-filled',
+    'email',
+    'export',
+    'eye',
+    'fast',
+    'favorite',
+    'file',
+    'filter',
+    'flag',
+    'folder',
+    'funnel',
+    'gear',
+    'graph',
+    'hand-tap',
+    'high-signal',
+    'history',
+    'home',
+    'hourglass',
+    'import-2',
+    'import',
+    'indeterminate',
+    'invoice',
+    'invoice-items',
+    'info',
+    'kanban',
+    'like',
+    'link',
+    'list',
+    'light-bulb',
+    'loadsmart-logo',
+    'log-out',
+    'low-signal',
+    'map',
+    'medal',
+    'megaphone',
+    'mexico-flag',
+    'minus',
+    'network-signal',
+    'no-awarded',
+    'notes',
+    'notes-lock',
+    'order',
+    'package-tracking',
+    'padlock-open',
+    'padlock',
+    'pencil',
+    'phone',
+    'pin-map',
+    'pin',
+    'pin-filled',
+    'plugs',
+    'plus',
+    'pod',
+    'pre-confirmed-load',
+    'print',
+    'profile',
+    'question-dot',
+    'receipt',
+    'redo',
+    'refresh',
+    'reloading',
+    'road',
+    'round-trip',
+    'satellite',
+    'search',
+    'send',
+    'share',
+    'ship',
+    'signal',
+    'sparkle',
+    'star',
+    'swap',
+    'tag-chevron',
+    'tag',
+    'telephone',
+    'terminal',
+    'timer',
+    'tms-ready',
+    'trash',
+    'trend-down',
+    'trend-up',
+    'trophee',
+    'truck',
+    'undo',
+    'united-states-flag',
+    'up',
+    'upgrade',
+    'upload',
+    'user',
+    'wallet',
+    'warehouse',
+    'wifi-off',
+    'wifi',
+    'x-small',
+    'x',
+    'zoom-in',
+    'zoom-out',
+];
+const DEPRECATED_OR_ALIAS_ICONS = {
+    'arrow-corner-up': { aliasFor: 'corner-up', deprecated: true },
+    'arrow-download': { aliasFor: 'download', deprecated: true },
+    'arrow-upload': { aliasFor: 'upload', deprecated: true },
+    back: { aliasFor: 'arrow-left', deprecated: true },
+    close: { aliasFor: 'x' },
+    'info-circle': { aliasFor: 'alert-circle', deprecated: true },
+    next: { aliasFor: 'arrow-right', deprecated: true },
+    question: { aliasFor: 'question-dot', deprecated: true },
+    'up-down': { aliasFor: 'arrow-sort-up-down', deprecated: true },
+};
+const ICON_DATA_MAP = new Map();
+function getLoader(iconName) {
+    return () => __variableDynamicImportRuntime0__(`./icons/${iconName}.ts`);
+}
+// 1. Populate map with canonical icons from AVAILABLE_ICONS
+AVAILABLE_ICONS.forEach((iconName) => {
+    ICON_DATA_MAP.set(iconName, {
+        loader: getLoader(iconName),
+        deprecated: false,
+    });
+});
+// 2. Populate map with deprecated or alias icons, potentially overwriting if an AVAILABLE_ICON is also explicitly configured (e.g. to mark it as deprecated but loading itself)
+Object.entries(DEPRECATED_OR_ALIAS_ICONS).forEach(([name, config]) => {
+    const iconNameKey = name;
+    if (!AVAILABLE_ICONS.includes(config.aliasFor)) {
+        console.error(`Configuration Error: Icon "${iconNameKey}" is an alias for "${config.aliasFor}" ` +
+            `which is not a recognized icon name in AVAILABLE_ICONS. ` +
+            `Skipping this entry in ICON_DATA_MAP. Please fix the configuration in DEPRECATED_OR_ALIAS_ICONS.`);
+        return;
+    }
+    const isDeprecated = 'deprecated' in config ? config.deprecated : false;
+    ICON_DATA_MAP.set(iconNameKey, {
+        // Use the actual icon name to load, not the alias or deprecated one
+        loader: getLoader(config.aliasFor),
+        deprecated: isDeprecated,
+        aliasFor: config.aliasFor,
+    });
+});
+
+var iconPlaceholder = b `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><rect width="44" height="44" x="2" y="2" fill="currentColor" rx="4"/></svg>`;
+
+var _Icon_setError, _Icon_loadIcon;
+/**
+ * The icon's `color` and `size` are intentionally not set by default so that they can be customized via:
+ * - setting color and size CSS custom properties
+ * - setting color and size attributes
+ * Notice that setting color and size through their attributes will override any set CSS custom properties!
+ */
+class Icon extends r {
+    static get properties() {
+        return {
+            name: { type: String, reflect: true },
+            size: { type: String },
+            color: { type: String },
+            status: { type: String, state: true },
+        };
+    }
+    static define() {
+        try {
+            window.customElements.define('m-icon', Icon);
+        }
+        catch (error) {
+            console.error(`Failed to define component m-icon: ${error}. Please, ensure definitions are compatible so the application does not break or have bugs due to overridden definitions.`);
+        }
+    }
+    constructor() {
+        super();
+        this.icon = null;
+        this.status = 'idle';
+        _Icon_setError.set(this, (message) => {
+            this.status = 'error';
+            this.setAttribute('data-error', message);
+        });
+        _Icon_loadIcon.set(this, async () => {
+            this.icon = null;
+            this.status = 'loading';
+            const providedIconName = (this.name ??
+                this.getAttribute('name'));
+            if (providedIconName == null) {
+                __classPrivateFieldGet(this, _Icon_setError, "f").call(this, 'Missing icon name');
+                return;
+            }
+            const iconDetails = ICON_DATA_MAP.get(providedIconName);
+            if (!iconDetails) {
+                __classPrivateFieldGet(this, _Icon_setError, "f").call(this, `Icon "${providedIconName}" is not a recognized icon. Please check the icon name.`);
+                return;
+            }
+            const { loader, deprecated, aliasFor } = iconDetails;
+            if (deprecated) {
+                let warningMessage = `Icon "${providedIconName}" is deprecated.`;
+                if (aliasFor && aliasFor !== providedIconName) {
+                    warningMessage += ` Please use "${aliasFor}" instead.`;
+                }
+                console.warn(warningMessage);
+            }
+            try {
+                const { default: iconModule } = (await loader());
+                this.removeAttribute('data-error');
+                this.icon = iconModule;
+                this.status = 'loaded';
+            }
+            catch (e) {
+                console.error(`Error loading icon module for "${aliasFor}" (requested as "${providedIconName}"):`, e);
+                __classPrivateFieldGet(this, _Icon_setError, "f").call(this, `Failed to load icon "${aliasFor}" (requested as "${providedIconName}"). Check console for details.`);
+            }
+        });
+        this.icon = null;
+        this.status = 'idle';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        __classPrivateFieldGet(this, _Icon_loadIcon, "f").call(this);
+    }
+    update(changedProperties) {
+        super.update(changedProperties);
+        if (changedProperties.has('name')) {
+            __classPrivateFieldGet(this, _Icon_loadIcon, "f").call(this);
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('size') && this.size != null) {
+            this.style.setProperty('--m-icon-size', `${parseInt(String(this.size), 10) || 16}px`);
+        }
+        if (changedProperties.has('color') && this.color != null) {
+            this.style.setProperty('--m-icon-color', toCSSValue(this.color));
+        }
+    }
+    render() {
+        if (this.status === 'error') {
+            return iconPlaceholder;
+        }
+        return this.icon;
+    }
+}
+_Icon_setError = new WeakMap(), _Icon_loadIcon = new WeakMap();
+Icon.styles = [styles()];
+Icon.define();
+
+export { AVAILABLE_ICONS as A, DEPRECATED_OR_ALIAS_ICONS as D, Icon as I, b };
+//# sourceMappingURL=index-Biw1WZBv.js.map