@aurodesignsystem-dev/auro-formkit 0.0.0-pr1413.2 → 0.0.0-pr1419.0

package/components/radio/demo/api.min.js

@@ -1,2210 +0,0 @@
-function resetStateExample() {
-  const elem = document.querySelector('#resetStateExample');
-
-  document.querySelector('#resetStateBtn').addEventListener('click', () => {
-    elem.reset();
-  });
-}
-
-function dynamicExample() {
-  const values = ['Yes', 'No', 'Maybe'];
-  const radioGroup = document.getElementById('dynamicExample');
-
-  for (let i = 0; i < values.length; i++) {
-    const radio = document.createElement('auro-radio');
-    
-    radio.id = `dynamicRadio${i}`;
-    radio.label = values[i];
-    radio.name = 'radioDemo';
-    radio.value = values[i];
-    radio.textContent = values[i];
-
-    radioGroup.appendChild(radio);
-  }
-}
-
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$2=globalThis,e$4=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),o$5=new WeakMap;let n$3 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$3)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$4&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$3("string"==typeof t?t:t+"",void 0,s$3),i$5=(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$3(o,t,s$3)},S$1=(s,o)=>{if(e$4)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$4?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const{is:i$4,defineProperty:e$3,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$1,getOwnPropertySymbols:o$4,getPrototypeOf:n$2}=Object,a$2=globalThis,c$1=a$2.trustedTypes,l$2=c$1?c$1.emptyScript:"",p$1=a$2.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$2: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$4(t,s),b$1={attribute:true,type:String,converter:u$2,reflect:false,useDefault:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$2.litPropertyMetadata??=new WeakMap;let y$1 = class y 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=b$1){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$3(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$2(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=[...r$1(t),...o$4(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);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$2).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),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),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null;}}requestUpdate(t,s,i,e=false,h){if(void 0!==t){const r=this.constructor;if(false===e&&(h=this[t]),i??=r.getPropertyOptions(t),!((i.hasChanged??f$1)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){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){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}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._$EM();}catch(s){throw t=false,this._$EM(),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);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return  true}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a$2.reactiveElementVersions??=[]).push("2.1.2");
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$1=globalThis,i$3=t=>t,s$2=t$1.trustedTypes,e$2=s$2?s$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,h="$lit$",o$3=`lit$${Math.random().toFixed(9).slice(2)}$`,n$1="?"+o$3,r=`<${n$1}>`,l$1=document,c=()=>l$1.createComment(""),a$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u$1=Array.isArray,d=t=>u$1(t)||"function"==typeof t?.[Symbol.iterator],f="[ \t\n\f\r]",v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=x(1),E=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),C=new WeakMap,P=l$1.createTreeWalker(l$1,129);function V(t,i){if(!u$1(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$2?e$2.createHTML(i):i}const N=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?"<svg>":3===i?"<math>":"",c=v;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,u=c.exec(s),null!==u);)f=c.lastIndex,c===v?"!--"===u[1]?c=_:void 0!==u[1]?c=m:void 0!==u[2]?(y.test(u[2])&&(n=RegExp("</"+u[2],"g")),c=p):void 0!==u[3]&&(c=p):c===p?">"===u[0]?(c=n??v,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p:'"'===u[3]?$:g):c===$||c===g?c=p:c===_||c===m?c=v:(c=p,n=void 0);const x=c===p&&t[i+1].startsWith("/>")?" ":"";l+=c===v?s+r:d>=0?(e.push(a),s.slice(0,d)+h+s.slice(d)+o$3+x):s+o$3+(-2===d?i:x);}return [V(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N(t,i);if(this.el=S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=P.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(h)){const i=v[a++],s=r.getAttribute(t).split(o$3),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:"."===e[1]?I:"?"===e[1]?L:"@"===e[1]?z:H}),r.removeAttribute(t);}else t.startsWith(o$3)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y.test(r.tagName)){const t=r.textContent.split(o$3),i=t.length-1;if(i>0){r.textContent=s$2?s$2.emptyScript:"";for(let s=0;s<i;s++)r.append(t[s],c()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],c());}}}else if(8===r.nodeType)if(r.data===n$1)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=r.data.indexOf(o$3,t+1));)d.push({type:7,index:l}),t+=o$3.length-1;}l++;}}static createElement(t,i){const s=l$1.createElement("template");return s.innerHTML=t,s}}function M(t,i,s=t,e){if(i===E)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=a$1(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=M(t,h._$AS(t,i.values),h,e)),i}class R{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??l$1).importNode(i,true);P.currentNode=e;let h=P.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new k(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z(h,this,t)),this._$AV.push(i),r=s[++n];}o!==r?.index&&(h=P.nextNode(),o++);}return P.currentNode=l$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 k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A,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=M(this,t,i),a$1(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):d(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!==A&&a$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(l$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=S.createElement(V(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new R(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=C.get(t.strings);return void 0===i&&C.set(t.strings,i=new S(t)),i}k(t){u$1(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 k(this.O(c()),this.O(c()),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,s){for(this._$AP?.(false,true,s);t!==this._$AB;){const s=i$3(t).nextSibling;i$3(t).remove(),t=s;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A,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=A;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=M(this,t,i,0),o=!a$1(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=M(this,e[s+n],i,n),r===E&&(r=this._$AH[n]),o||=!a$1(r)||r!==this._$AH[n],r===A?t=A:t!==A&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class I extends H{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A?void 0:t;}}class L extends H{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A);}}class z extends H{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=M(this,t,i,0)??A)===E)return;const s=this._$AH,e=t===A&&s!==A||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A&&(s===A||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){M(this,t);}}const B=t$1.litHtmlPolyfillSupport;B?.(S,k),(t$1.litHtmlVersions??=[]).push("3.3.2");const D=(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 k(i.insertBefore(c(),t),t,void 0,s??{});}return h._$AI(t),h};
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const s$1=globalThis;let i$2 = class i extends y$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 r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E}};i$2._$litElement$=true,i$2["finalized"]=true,s$1.litElementHydrateSupport?.({LitElement:i$2});const o$2=s$1.litElementPolyfillSupport;o$2?.({LitElement:i$2});(s$1.litElementVersions??=[]).push("4.2.2");
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const e=e$1(class extends i$1{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter(s=>t[s]).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return E}});
-
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const o$1=o=>o??A;
-
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t():"function"==typeof define&&define.amd?define(t):t();}(0,function(){function e(e){var t=true,n=false,o=null,d={text:true,search:true,url:true,tel:true,email:true,password:true,number:true,date:true,month:true,week:true,time:true,datetime:true,"datetime-local":true};function i(e){return !!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function s(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""));}function u(e){t=false;}function a(){document.addEventListener("mousemove",c),document.addEventListener("mousedown",c),document.addEventListener("mouseup",c),document.addEventListener("pointermove",c),document.addEventListener("pointerdown",c),document.addEventListener("pointerup",c),document.addEventListener("touchmove",c),document.addEventListener("touchstart",c),document.addEventListener("touchend",c);}function c(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(t=false,document.removeEventListener("mousemove",c),document.removeEventListener("mousedown",c),document.removeEventListener("mouseup",c),document.removeEventListener("pointermove",c),document.removeEventListener("pointerdown",c),document.removeEventListener("pointerup",c),document.removeEventListener("touchmove",c),document.removeEventListener("touchstart",c),document.removeEventListener("touchend",c));}document.addEventListener("keydown",function(n){n.metaKey||n.altKey||n.ctrlKey||(i(e.activeElement)&&s(e.activeElement),t=true);},true),document.addEventListener("mousedown",u,true),document.addEventListener("pointerdown",u,true),document.addEventListener("touchstart",u,true),document.addEventListener("visibilitychange",function(e){"hidden"===document.visibilityState&&(n&&(t=true),a());},true),a(),e.addEventListener("focus",function(e){var n,o,u;i(e.target)&&(t||(n=e.target,o=n.type,"INPUT"===(u=n.tagName)&&d[o]&&!n.readOnly||"TEXTAREA"===u&&!n.readOnly||n.isContentEditable))&&s(e.target);},true),e.addEventListener("blur",function(e){var t;i(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(n=true,window.clearTimeout(o),o=window.setTimeout(function(){n=false;},100),(t=e.target).hasAttribute("data-focus-visible-added")&&(t.classList.remove("focus-visible"),t.removeAttribute("data-focus-visible-added")));},true),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host?e.host.setAttribute("data-js-focus-visible",""):e.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""));}if("undefined"!=typeof window&&"undefined"!=typeof document){var t;window.applyFocusVisiblePolyfill=e;try{t=new CustomEvent("focus-visible-polyfill-ready");}catch(e){(t=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",false,false,{});}window.dispatchEvent(t);}"undefined"!=typeof document&&e(document);});
-
-var styleCss$2 = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;outline:unset}:host(.focus-visible) .displayFlex .inputGroup:focus-within{width:auto}:host(.focus-visible) .rdoGroup{display:block;padding-right:var(--ds-size-100, 0.5rem);outline:3px solid transparent}:host(.focus-visible) .rdoGroup .label:after{outline-width:1px;outline-style:solid}.rdoGroup{position:relative;padding-right:var(--ds-size-100, 0.5rem);padding-left:var(--ds-size-100, 0.5rem);padding-top:var(--ds-size-50, 0.25rem);padding-bottom:var(--ds-size-75, 0.375rem)}.rdoGroup:has(:enabled) .label:hover{cursor:pointer}.label{display:block;margin-left:var(--ds-size-300, 1.5rem)}.label:after{position:absolute;z-index:1;top:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem);width:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));content:"";border-radius:50%;border:1px solid}.slotContent{display:block;margin-left:var(--ds-size-400, 2rem);padding-left:var(--ds-size-100, 0.5rem)}`;
-
-var colorCss$2 = i$5`.label{color:var(--ds-auro-radio-label-color)}.label:after{background-color:var(--ds-auro-radio-btn-fill-color);border-color:var(--ds-auro-radio-btn-border-color);box-shadow:inset 0 0 0 3px var(--ds-auro-radio-btn-inset-color);outline-color:var(--ds-auro-radio-btn-border-color);-webkit-tap-highlight-color:var(--ds-auro-radio-tap-color)}:host([checked]){--ds-auro-radio-btn-inset-color: var(--ds-advanced-color-boolean-indicator, #ffffff);--ds-auro-radio-btn-fill-color: var(--ds-advanced-color-boolean-istrue, #01426a);--ds-auro-radio-btn-border-color: var(--ds-advanced-color-boolean-istrue, #01426a)}:host([error]){--ds-auro-radio-btn-border-color: var(--ds-advanced-color-boolean-error, #e31f26)}:host([checked][error]){--ds-auro-radio-btn-fill-color: var(--ds-advanced-color-boolean-error, #e31f26)}:host([disabled]){--ds-auro-radio-btn-border-color: var(--ds-advanced-color-state-background-disabled, #dddddd);--ds-auro-radio-label-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([checked][disabled]){--ds-auro-radio-btn-fill-color: var(--ds-advanced-color-state-background-disabled, #dddddd)}:host(.focus-visible){--ds-auro-radio-btn-border-color: var(--ds-advanced-color-state-focused, #01426a)}:host([onDark]),:host([appearance=inverse]){--ds-auro-radio-label-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-radio-btn-border-color: var(--ds-basic-color-border-inverse, #ffffff)}:host([onDark][checked]),:host([appearance=inverse][checked]){--ds-auro-radio-btn-inset-color: var(--ds-advanced-color-boolean-indicator-inverse, #00274a);--ds-auro-radio-btn-fill-color: var(--ds-advanced-color-boolean-istrue-inverse, #ffffff);--ds-auro-radio-btn-border-color: var(--ds-advanced-color-boolean-istrue-inverse, #ffffff)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-radio-btn-border-color: var(--ds-advanced-color-boolean-error-inverse, #f9a4a8)}:host([onDark][checked][error]),:host([appearance=inverse][checked][error]){--ds-auro-radio-btn-fill-color: var(--ds-advanced-color-boolean-error-inverse, #f9a4a8)}:host([onDark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-radio-btn-border-color: var(--ds-advanced-color-state-background-inverse-disabled, #7e8894);--ds-auro-radio-label-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][checked][disabled]),:host([appearance=inverse][checked][disabled]){--ds-auro-radio-btn-fill-color: var(--ds-advanced-color-state-background-inverse-disabled, #7e8894)}:host([onDark].focus-visible),:host([appearance=inverse].focus-visible){--ds-auro-radio-btn-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}`;
-
-var tokenCss = i$5`:host{--ds-auro-radio-group-label-color: inherit;--ds-auro-radio-btn-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-radio-btn-fill-color: transparent;--ds-auro-radio-btn-inset-color: transparent;--ds-auro-radio-label-color: inherit;--ds-auro-radio-tap-color: transparent}`;
-
-// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-// ---------------------------------------------------------------------
-
-/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
-
-let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
-
-  /* eslint-disable jsdoc/require-param */
-
-  /**
-   * This will register a new custom element with the browser.
-   * @param {String} name - The name of the custom element.
-   * @param {Object} componentClass - The class to register as a custom element.
-   * @returns {void}
-   */
-  registerComponent(name, componentClass) {
-    if (!customElements.get(name)) {
-      customElements.define(name, class extends componentClass {});
-    }
-  }
-
-  /**
-   * Finds and returns the closest HTML Element based on a selector.
-   * @returns {void}
-   */
-  closestElement(
-    selector, // selector like in .closest()
-    base = this, // extra functionality to skip a parent
-    __Closest = (el, found = el && el.closest(selector)) =>
-      !el || el === document || el === window
-        ? null // standard .closest() returns null for non-found selectors also
-        : found
-          ? found // found a selector INside this element
-          : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
-  ) {
-    return __Closest(base);
-  }
-  /* eslint-enable jsdoc/require-param */
-
-  /**
-   * If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
-   * @param {Object} elem - The element to check.
-   * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
-   * @returns {void}
-   */
-  handleComponentTagRename(elem, tagName) {
-    const tag = tagName.toLowerCase();
-    const elemTag = elem.tagName.toLowerCase();
-
-    if (elemTag !== tag) {
-      elem.setAttribute(tag, true);
-    }
-  }
-
-  /**
-   * Validates if an element is a specific Auro component.
-   * @param {Object} elem - The element to validate.
-   * @param {String} tagName - The name of the Auro component to check against.
-   * @returns {Boolean} - Returns true if the element is the specified Auro component.
-   */
-  elementMatch(elem, tagName) {
-    const tag = tagName.toLowerCase();
-    const elemTag = elem.tagName.toLowerCase();
-
-    return elemTag === tag || elem.hasAttribute(tag);
-  }
-
-  /**
-   * Gets the text content of a named slot.
-   * @returns {String}
-   * @private
-   */
-  getSlotText(elem, name) {
-    const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
-    const nodes = slot?.assignedNodes({ flatten: true }) || [];
-    const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
-
-    return text || null;
-  }
-};
-
-/* eslint-disable max-lines, no-underscore-dangle */
-// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-
-/**
- * The `auro-radio` element is used to a button that allows the user to select one option from a set.
- * @customElement auro-radio
- *
- * @event toggleSelected - Notifies that the component has toggled the checked/selected state.
- * @event {CustomEvent<any>} change - (Deprecated) Notifies when checked value is changed.
- * @event {InputEvent} input - Notifies when when checked value is changed by user's interface.
- * @event focusSelected - Notifies that the component has gained focus.
- * @event auroRadio-blur - Notifies that the component has lost focus.
- * @event resetRadio - Notifies that the component has reset the checked/selected state.
- * @event auroRadio-selected - Notifies that the component has been marked as checked/selected.
- *
- * @csspart radio - apply css to a specific checkbox.
- * @csspart radio-input - apply css to a specific checkbox's input.
- * @csspart radio-label - apply css to a specific checkbox's label.
- */
-class AuroRadio extends i$2 {
-  constructor() {
-    super();
-
-    this._initializeDefaults();
-  }
-
-  _initializeDefaults() {
-    this.appearance = "default";
-    this.checked = false;
-    this.disabled = false;
-    this.required = false;
-    this.error = false;
-    this.onDark = false;
-    this.touched = false;
-    this.role = 'radio';
-
-    /**
-     * @private
-     */
-    this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
-  }
-
-  static get styles() {
-    return [
-      styleCss$2,
-      colorCss$2,
-      tokenCss
-    ];
-  }
-
-  // function to define props used within the scope of this component
-  static get properties() {
-    return {
-
-      /**
-       * Defines whether the component will be on lighter or darker backgrounds.
-       * @type {'default' | 'inverse'}
-       * @default 'default'
-       */
-      appearance: {
-        type: String,
-        reflect: true
-      },
-
-      /**
-       * If set to true, the radio button will be filled.
-       */
-      checked: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * If set to true, the radio button will be non-clickable.
-       */
-      disabled: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * If set to true, sets an error state on the radio button.
-       */
-      error: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * The id global attribute defines an identifier (ID) which must be unique in the whole document.
-       */
-      id: {
-        type: String,
-        reflect: true
-      },
-
-      /**
-       * ID for input node.
-       * @private
-       */
-      inputId: {
-        type: String,
-        reflect: false,
-        attribute: false
-      },
-
-      /**
-       * Label for the radio button.
-       */
-      label:    { type: String },
-
-      /**
-       * Name for the radio button group.
-       */
-      name:     { type: String },
-
-      /**
-       * DEPRECATED - use `appearance="inverse"` instead.
-       */
-      onDark: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * Defines element as required.
-       */
-      required: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * Don't add to api.md since changing of this can easily break a11y.
-       * @private
-       */
-      role: {
-        type: String,
-        reflect: true
-      },
-
-      /**
-       * Whether or not the radio button has been touched by the user.
-       * @private
-       */
-      touched: {
-        type: Boolean,
-        reflect: true,
-        attribute: false
-      },
-
-      /**
-       * The value of the radio button.
-       */
-      value:    { type: String }
-    };
-  }
-
-  /**
-   * This will register this element with the browser.
-   * @param {string} [name="auro-radio"] - The name of the element that you want to register.
-   *
-   * @example
-   * AuroRadio.register("custom-radio") // This will resgiter this element to <custom-radio/>
-   *
-   */
-  static register(name = "auro-radio") {
-    AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroRadio);
-  }
-
-  /**
-   * Method for handling content when change event is fired.
-   * @private
-   * @param {Event} event - The trigger event tied to this function.
-   * @returns {void}
-   */
-  handleChange(event) {
-    this.checked = event.target.checked;
-    const customEvent = new CustomEvent(event.type, event);
-    this.dispatchEvent(customEvent);
-  }
-
-  /**
-   * Method for handling content when input event is fired.
-   * @private
-   * @param {Event} event - The trigger event tied to this function.
-   * @returns {void}
-   */
-  handleInput(event) {
-    this.checked = event.target.checked;
-    this.dispatchEvent(new CustomEvent('toggleSelected', {
-      bubbles: true,
-      composed: true,
-      target: this
-    }));
-  }
-
-  /**
-   * Method for handling focus event.
-   * @private
-   * @param {Event} event - The trigger event tied to this function.
-   * @returns {void}
-   */
-  handleFocus(event) {
-    this.touched = true;
-    this.dispatchEvent(new CustomEvent('focusSelected', {
-      bubbles: true,
-      composed: true,
-      target: event.target
-    }));
-  }
-
-  /**
-   * Method for handling blur event.
-   * @private
-   * @param {Event} event - The trigger event tied to this function.
-   * @returns {void}
-   */
-  handleBlur(event) {
-    this.dispatchEvent(new CustomEvent('auroRadio-blur', {
-      bubbles: true,
-      composed: true,
-      target: event.target
-    }));
-  }
-
-  /**
-   * Resets component to initial state.
-   * @returns {void}
-   */
-  reset() {
-    this.touched = false;
-    this.checked = false;
-    this.error = false;
-  }
-
-  updated(changedProperties) {
-    if (changedProperties.has('required')) {
-      this.setAttribute('aria-required', this.isRequired(this.required));
-    }
-
-    if (changedProperties.has('disabled')) {
-      if (this.disabled) {
-        this.setAttribute('aria-disabled', '');
-      } else {
-        this.removeAttribute('aria-disabled');
-      }
-    }
-
-    if (changedProperties.has('checked')) {
-      this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
-      // eslint-disable-next-line no-magic-numbers
-      this.setAttribute('tabindex', this.checked ? 0 : -1);
-
-      this.dispatchEvent(new CustomEvent('resetRadio', {
-        bubbles: true,
-        composed: true
-      }));
-
-      if (this.checked) {
-        this.dispatchEvent(new CustomEvent('auroRadio-selected', {
-          bubbles: true,
-          composed: true
-        }));
-      }
-    }
-  }
-
-  /**
-   * Method for handling passing the required status to aria.
-   * @private
-   * @param {Boolean} required - The element's required attribute.
-   * @returns {void}
-   */
-  isRequired(required) {
-    if (required) {
-      return 'true';
-    }
-
-    return 'false';
-  }
-
-  firstUpdated() {
-    // Add the tag name as an attribute if it is different than the component name
-    this.runtimeUtils.handleComponentTagRename(this, 'auro-radio');
-
-    this.addEventListener('focus', this.handleFocus);
-    this.addEventListener('blur', this.handleBlur);
-
-    this.input = this.shadowRoot.querySelector('input');
-
-    this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
-
-    this.addEventListener('click', () => {
-      this.input.click();
-    });
-  }
-
-  // function that renders the HTML and CSS into  the scope of the component
-  render() {
-    const labelClasses = {
-      'ods-inputLabel': true,
-      'ods-inputLabel--radio': true,
-      'label': true,
-      'label--rdo': true,
-      'errorBorder': this.error
-    };
-
-    return b`
-      <div class="ods-inputGroup rdoGroup body-default" part="radio">
-        <input
-          class="util_displayHidden ods-inputOption rdo--input"
-          part="radio-input"
-          @input="${this.handleInput}"
-          @change="${this.handleChange}"
-          ?disabled="${this.disabled}"
-          .checked="${this.checked}"
-          id="${this.inputId}"
-          name="${o$1(this.name)}"
-          type="radio"
-          .value="${this.value}"
-          aria-hidden="true"
-          tabindex="-1"
-        />
-
-        <label for="${this.inputId}" class="${e(labelClasses)}" part="radio-label">
-          <slot>${this.label}</slot>
-        </label>
-      </div>
-      <slot name="content" class="slotContent"></slot>
-    `;
-  }
-}
-
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const a=Symbol.for(""),o=t=>{if(t?.r===a)return t?._$litStatic$},s=t=>({_$litStatic$:t,r:a}),i=(t,...r)=>({_$litStatic$:r.reduce((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`)})(e)+t[a+1],t[0]),r:a}),l=new Map,n=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l.get(t))&&(n.raw=n,l.set(t,r=n)),e=u;}return t(r,...e)},u=n(b);
-
-var styleCss$1 = i$5`:host{display:block;padding-bottom:var(--ds-size-150, 0.75rem)}fieldset{all:unset}.displayFlex legend+slot{display:flex;white-space:nowrap}legend{margin-bottom:var(--ds-size-150, 0.75rem)}.hidden{display:none}[auro-helptext]{margin-top:var(--ds-size-150, 0.75rem)}`;
-
-var colorCss$1 = i$5`:host legend{color:var(--ds-auro-radio-group-label-color)}:host([disabled]){--ds-auro-radio-group-label-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([onDark]),:host([appearance=inverse]){--ds-auro-radio-group-label-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-radio-group-label-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}`;
-
-class DateFormatter {
-
-  constructor() {
-
-    /**
-     * @description Parses a date string into its components.
-     * @param {string} dateStr - Date string to parse.
-     * @param {string} format - Date format to parse.
-     * @returns {Object<key["month" | "day" | "year"]: number>|undefined}
-     */
-    this.parseDate = (dateStr, format = 'mm/dd/yyyy') => {
-
-      // Guard Clause: Date string is defined
-      if (!dateStr) {
-        return undefined;
-      }
-
-      // Assume the separator is a "/" a defined in our code base
-      const separator = '/';
-
-      // Get the parts of the date and format
-      const valueParts = dateStr.split(separator);
-      const formatParts = format.split(separator);
-
-      // Check if the value and format have the correct number of parts
-      if (valueParts.length !== formatParts.length) {
-        throw new Error('AuroDatepickerUtilities | parseDate: Date string and format length do not match');
-      }
-
-      // Holds the result to be returned
-      const result = formatParts.reduce((acc, part, index) => {
-        const value = valueParts[index];
-
-        if ((/m/iu).test(part)) {
-          acc.month = value;
-        } else if ((/d/iu).test(part)) {
-          acc.day = value;
-        } else if ((/y/iu).test(part)) {
-          acc.year = value;
-        }
-
-        return acc;
-      }, {});
-
-      // If we found all the parts, return the result
-      if (result.month && result.year) {
-        return result;
-      }
-
-      // Throw an error to let the dev know we were unable to parse the date string
-      throw new Error('AuroDatepickerUtilities | parseDate: Unable to parse date string');
-    };
-
-    /**
-     * Convert a date object to string format.
-     * @param {Object} date - Date to convert to string.
-     * @param {String} locale - Optional locale to use for the date string. Defaults to user's locale.
-     * @returns {String} Returns the date as a string.
-     */
-    this.getDateAsString = (date, locale = undefined) => date.toLocaleDateString(locale, {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-    });
-
-    /**
-     * Converts a date string to a North American date format.
-     * @param {String} dateStr - Date to validate.
-     * @param {String} format - Date format to validate against.
-     * @returns {Boolean}
-     */
-    this.toNorthAmericanFormat = (dateStr, format) => {
-
-      if (format === 'mm/dd/yyyy') {
-        return dateStr;
-      }
-
-      const parsedDate = this.parseDate(dateStr, format);
-
-      if (!parsedDate) {
-        throw new Error('AuroDatepickerUtilities | toNorthAmericanFormat: Unable to parse date string');
-      }
-
-      const { month, day, year } = parsedDate;
-
-      const dateParts = [];
-      if (month) {
-        dateParts.push(month);
-      }
-
-      if (day) {
-        dateParts.push(day);
-      }
-
-      if (year) {
-        dateParts.push(year);
-      }
-
-      return dateParts.join('/');
-    };
-  }
-}
-const dateFormatter = new DateFormatter();
-
-// filepath: dateConstraints.mjs
-const DATE_UTIL_CONSTRAINTS = {
-  maxDay: 31,
-  maxMonth: 12,
-  maxYear: 2400,
-  minDay: 1,
-  minMonth: 1,
-  minYear: 1900,
-};
-
-class AuroDateUtilitiesBase {
-
-  /**
-   * @description The maximum day value allowed by the various utilities in this class.
-   * @readonly
-   * @type {Number}
-   */
-  get maxDay() {
-    return DATE_UTIL_CONSTRAINTS.maxDay;
-  }
-
-  /**
-   * @description The maximum month value allowed by the various utilities in this class.
-   * @readonly
-   * @type {Number}
-   */
-  get maxMonth() {
-    return DATE_UTIL_CONSTRAINTS.maxMonth;
-  }
-
-  /**
-   * @description The maximum year value allowed by the various utilities in this class.
-   * @readonly
-   * @type {Number}
-   */
-  get maxYear() {
-    return DATE_UTIL_CONSTRAINTS.maxYear;
-  }
-
-  /**
-   * @description The minimum day value allowed by the various utilities in this class.
-   * @readonly
-   * @type {Number}
-   */
-  get minDay() {
-    return DATE_UTIL_CONSTRAINTS.minDay;
-  }
-
-  /**
-   * @description The minimum month value allowed by the various utilities in this class.
-   * @readonly
-   * @type {Number}
-   */
-  get minMonth() {
-    return DATE_UTIL_CONSTRAINTS.minMonth;
-  }
-
-  /**
-   * @description The minimum year value allowed by the various utilities in this class.
-   * @readonly
-   * @type {Number}
-   */
-  get minYear() {
-    return DATE_UTIL_CONSTRAINTS.minYear;
-  }
-}
-
-/* eslint-disable no-magic-numbers */
-
-class AuroDateUtilities extends AuroDateUtilitiesBase {
-
-  /**
-   * Returns the current century.
-   * @returns {String} The current century.
-   */
-  getCentury () {
-    return String(new Date().getFullYear()).slice(0, 2);
-  }
-
-  /**
-   * Returns a four digit year.
-   * @param {String} year - The year to convert to four digits.
-   * @returns {String} The four digit year.
-   */
-  getFourDigitYear (year) {
-
-    const strYear = String(year).trim();
-    return strYear.length <= 2 ? this.getCentury() + strYear : strYear;
-  }
-
-  constructor() {
-
-    super();
-
-    /**
-     * Compares two dates to see if they match.
-     * @param {Object} date1 - First date to compare.
-     * @param {Object} date2 - Second date to compare.
-     * @returns {Boolean} Returns true if the dates match.
-     */
-    this.datesMatch = (date1, date2) => new Date(date1).getTime() === new Date(date2).getTime();
-
-    /**
-     * Returns true if value passed in is a valid date.
-     * @param {String} date - Date to validate.
-     * @param {String} format - Date format to validate against.
-     * @returns {Boolean}
-     */
-    this.validDateStr = (date, format) => {
-
-      // The length we expect the date string to be
-      const dateStrLength = format.length;
-
-      // Guard Clause: Date and format are defined
-      if (typeof date === "undefined" || typeof format === "undefined") {
-        throw new Error('AuroDatepickerUtilities | validateDateStr: Date and format are required');
-      }
-
-      // Guard Clause: Date should be of type string
-      if (typeof date !== "string") {
-        throw new Error('AuroDatepickerUtilities | validateDateStr: Date must be a string');
-      }
-
-      // Guard Clause: Format should be of type string
-      if (typeof format !== "string") {
-        throw new Error('AuroDatepickerUtilities | validateDateStr: Format must be a string');
-      }
-
-      // Guard Clause: Length is what we expect it to be
-      if (date.length !== dateStrLength) {
-        return false;
-      }
-      // Get a formatted date string and parse it
-      const dateParts = dateFormatter.parseDate(date, format);
-
-      // Guard Clause: Date parse succeeded
-      if (!dateParts) {
-        return false;
-      }
-
-      // Create the expected date string based on the date parts
-      const expectedDateStr = `${dateParts.month}/${dateParts.day || "01"}/${this.getFourDigitYear(dateParts.year)}`;
-
-      // Generate a date object that we will extract a string date from to compare to the passed in date string
-      const dateObj = new Date(this.getFourDigitYear(dateParts.year), dateParts.month - 1, dateParts.day || 1);
-
-      // Get the date string of the date object we created from the string date
-      const actualDateStr = dateFormatter.getDateAsString(dateObj, "en-US");
-
-      // Guard Clause: Generated date matches date string input
-      if (expectedDateStr !== actualDateStr) {
-        return false;
-      }
-
-      // If we passed all other checks, we can assume the date is valid
-      return true;
-    };
-
-    /**
-     * Determines if a string date value matches the format provided.
-     * @param {string} value = The date string value.
-     * @param { string} format = The date format to match against.
-     * @returns {boolean}
-     */
-    this.dateAndFormatMatch = (value, format) => {
-
-      // Ensure we have both values we need to do the comparison
-      if (!value || !format) {
-        throw new Error('AuroFormValidation | dateFormatMatch: value and format are required');
-      }
-
-      // If the lengths are different, they cannot match
-      if (value.length !== format.length) {
-        return false;
-      }
-
-      // Get the parts of the date
-      const dateParts = dateFormatter.parseDate(value, format);
-
-      // Validator for day
-      const dayValueIsValid = (day) => {
-
-        // Guard clause: if there is no day in the dateParts, we can ignore this check.
-        if (!dateParts.day) {
-          return true;
-        }
-
-        // Guard clause: ensure day exists.
-        if (!day) {
-          return false;
-        }
-
-        // Convert day to number
-        const numDay = Number.parseInt(day, 10);
-
-        // Guard clause: ensure day is a valid integer
-        if (Number.isNaN(numDay)) {
-          throw new Error('AuroDatepickerUtilities | dayValueIsValid: Unable to parse day value integer');
-        }
-
-        // Guard clause: ensure day is within the valid range
-        if (numDay < this.minDay || numDay > this.maxDay) {
-          return false;
-        }
-
-        // Default return
-        return true;
-      };
-
-      // Validator for month
-      const monthValueIsValid = (month) => {
-
-        // Guard clause: ensure month exists.
-        if (!month) {
-          return false;
-        }
-
-        // Convert month to number
-        const numMonth = Number.parseInt(month, 10);
-
-        // Guard clause: ensure month is a valid integer
-        if (Number.isNaN(numMonth)) {
-          throw new Error('AuroDatepickerUtilities | monthValueIsValid: Unable to parse month value integer');
-        }
-
-        // Guard clause: ensure month is within the valid range
-        if (numMonth < this.minMonth || numMonth > this.maxMonth) {
-          return false;
-        }
-
-        // Default return
-        return true;
-      };
-
-      // Validator for year
-      const yearIsValid = (_year) => {
-
-        // Guard clause: ensure year exists.
-        if (!_year) {
-          return false;
-        }
-
-        // Get the full year
-        const year = this.getFourDigitYear(_year);
-
-        // Convert year to number
-        const numYear = Number.parseInt(year, 10);
-
-        // Guard clause: ensure year is a valid integer
-        if (Number.isNaN(numYear)) {
-          throw new Error('AuroDatepickerUtilities | yearValueIsValid: Unable to parse year value integer');
-        }
-
-        // Guard clause: ensure year is within the valid range
-        if (numYear < this.minYear || numYear > this.maxYear) {
-          return false;
-        }
-
-        // Default return
-        return true;
-      };
-
-      // Self-contained checks for month, day, and year
-      const checks = [
-        monthValueIsValid(dateParts.month),
-        dayValueIsValid(dateParts.day),
-        yearIsValid(dateParts.year)
-      ];
-
-      // If any of the checks failed, the date format does not match and the result is invalid
-      const isValid = checks.every((check) => check === true);
-
-      //  If the check is invalid, return false
-      if (!isValid) {
-        return false;
-      }
-
-      // Default case
-      return true;
-    };
-  }
-}
-
-// Export a class instance
-const dateUtilities = new AuroDateUtilities();
-
-// Export the class instance methods individually
-const {
-  datesMatch,
-  validDateStr,
-  dateAndFormatMatch,
-  minDay,
-  minMonth,
-  minYear,
-  maxDay,
-  maxMonth,
-  maxYear
-} = dateUtilities;
-
-const {
-  toNorthAmericanFormat,
-  parseDate,
-  getDateAsString
-} = dateFormatter;
-
-// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-
-class AuroFormValidation {
-
-  constructor() {
-    this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
-  }
-
-  /**
-   * Resets the element to its initial state.
-   * @private
-   * @param {object} elem - HTML element to reset.
-   * @returns {void}
-   */
-  reset(elem) {
-    elem.validity = undefined;
-    elem.value = undefined;
-    elem.touched = false;
-
-    // Resets the second value of the datepicker in range state
-    if (elem.valueEnd) {
-      elem.valueEnd = undefined;
-    }
-
-    // Resets selected option of element
-    if (elem.optionSelected) {
-      elem.optionSelected = undefined;
-    }
-
-    // Runs validation to handle error attribute
-    this.validate(elem);
-  }
-
-  /**
-   * Validates the attributes of a given element based on predefined validation rules.
-   *
-   * @param {HTMLElement} elem - The element to be validated.
-   * @returns {void}
-   *
-   * @example
-   * // Assuming `inputElement` is a reference to an input element in the DOM
-   * validateElementAttributes(inputElement);
-   *
-   * The function checks the element's attributes against the validation rules defined for 'input' and 'counter' types.
-   * If a validation rule is violated, it sets the element's validity state and error message accordingly.
-   *
-   * Validation rules:
-   * - input:
-   *   - length:
-   *     - tooShort: Checks if the value length is less than the minimum length.
-   *     - tooLong: Checks if the value length exceeds the maximum length.
-   *   - pattern:
-   *     - patternMismatch: Checks if the value does not match the specified pattern.
-   * - counter:
-   *   - range:
-   *     - rangeOverflow: Checks if the value exceeds the maximum value.
-   *     - rangeUnderflow: Checks if the value is less than the minimum value.
-   */
-  validateElementAttributes(elem) {
-    const validationRules = {
-      input: {
-        length: [
-          {
-            check: (e) => e.value?.length > 0 && e.value?.length < e.minLength,
-            validity: 'tooShort',
-            message: e => e.getAttribute('setCustomValidityTooShort') || e.setCustomValidity || ''
-          },
-          {
-            check: (e) => e.value?.length > e.maxLength,
-            validity: 'tooLong',
-            message: e => e.getAttribute('setCustomValidityTooLong') || e.setCustomValidity || ''
-          }
-        ],
-        pattern: [
-          {
-            check: (e) => e.pattern && !new RegExp(`^${e.pattern}$`, 'u').test(e.value),
-            validity: 'patternMismatch',
-            message: e => e.getAttribute('setCustomValidityPatternMismatch') || e.setCustomValidity || ''
-          }
-        ]
-      },
-      counter: {
-        range: [
-          {
-            check: (e) => e.max !== undefined && Number(e.max) < Number(e.value),
-            validity: 'rangeOverflow',
-            message: e => e.getAttribute('setCustomValidityRangeOverflow') || ''
-          },
-          {
-            check: (e) => e.min !== undefined && Number(e.min) > Number(e.value),
-            validity: 'rangeUnderflow',
-            message: e => e.getAttribute('setCustomValidityRangeUnderflow') || ''
-          }
-        ]
-      },
-      combobox: {
-        filter: [
-          {
-            check: (e) => {
-
-              // Guard Clause: If the behavior is not 'filter', skip this validation
-              if (e.behavior !== 'filter') return false;
-
-              // Get the current input value
-              const currentInputValue = e.input.value;
-
-              // Skip validation if the input has no value
-              if (!currentInputValue) return false;
-
-              /**
-               * Let's check if the option selected and combobox value match.
-               */
-
-              // Guard Clause: If there is no option selected fail the validation
-              if (!e.optionSelected) return true;
-
-              // Guard Clause: If there is no value fail the validation
-              if (!e.value) return true;
-
-              // Guard Clause: If the selected option's value doesn't match the input value fail the validation
-              if (e.optionSelected.value !== e.value) return true;
-
-              /**
-               * Now let's make sure the user hasn't change the value in the input after selecting an option.
-               * This is to make sure there's no user confusion if they select an option but then change the value to something else.
-               */
-
-              // Guard Clause: If the current input value doesn't match the option selected value fail the validation
-              if (currentInputValue && currentInputValue !== e.optionSelected.value) return true;
-
-              // Guard Clause: If the current input value doesn't match the combobox value fail the validation
-              if (currentInputValue && currentInputValue !== e.value) return true;
-
-              // If all the checks passed the validation passes
-              return false;
-            },
-            validity: 'valueMissing',
-            message: e => e.getAttribute('setCustomValidityValueMissingFilter') || e.setCustomValidity || ''
-          }
-        ] 
-      }
-    };
-
-    let elementType;
-    if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
-      elementType = 'input';
-    } else if (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group')) {
-      elementType = 'counter';
-    } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox')) {
-      elementType = 'combobox';
-    }
-
-    if (elementType) {
-      const rules = validationRules[elementType];
-
-      if (rules) {
-        Object.values(rules).flat().forEach(rule => {
-          if (rule.check(elem)) {
-            elem.validity = rule.validity;
-            elem.errorMessage = rule.message(elem);
-          }
-        });
-      }
-    }
-  }
-
-  /**
-   * Determines the validity state of the element based on the type attribute.
-   * @private
-   * @param {object} elem - HTML element to validate.
-   * @returns {void}
-   */
-  validateType(elem) {
-    if (elem.hasAttribute('type')) {
-      if (elem.type === 'email') {
-        const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/; // eslint-disable-line require-unicode-regexp
-
-        if (!elem.value.match(emailRegex)) {
-          elem.validity = 'patternMismatch';
-          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
-          return;
-        }
-      } else if (elem.type === 'credit-card') {
-        if (elem.value.length > 0 && elem.value.length < elem.validationCCLength) {
-          elem.validity = 'tooShort';
-          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
-          return;
-        }
-      } else if (elem.type === 'number') {
-        if (elem.max !== undefined && Number(elem.max) < Number(elem.value)) {
-          elem.validity = 'rangeOverflow';
-          elem.errorMessage = elem.setCustomValidityRangeOverflow || elem.setCustomValidity || '';
-          return;
-        }
-
-        if (elem.min !== undefined && elem.value?.length > 0 && Number(elem.min) > Number(elem.value)) {
-          elem.validity = 'rangeUnderflow';
-          elem.errorMessage = elem.setCustomValidityRangeUnderflow || elem.setCustomValidity || '';
-          return;
-        }
-      } else if (elem.type === 'date' && elem.value?.length > 0) {
-
-        // Guard Clause: if the value is too short
-        if (elem.value?.length < elem.lengthForType) {
-          
-          elem.validity = 'tooShort';
-          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
-          return;
-        } 
-        
-        // Guard Clause: If the value is too long for the type
-        if (elem.value?.length > elem.lengthForType) {
-
-          elem.validity = 'tooLong';
-          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || '';
-          return;
-        }
-        
-        // Validate that the date passed was the correct format
-        if (!dateAndFormatMatch(elem.value, elem.format)) {
-          elem.validity = 'patternMismatch';
-          elem.errorMessage = elem.setCustomValidityForType || elem.setCustomValidity || 'Invalid Date Format Entered';
-          return;
-        }
-        
-        // Validate that the date passed was a valid date
-        if (!validDateStr(elem.value, elem.format)) {
-          elem.validity = 'invalidDate';
-          elem.errorMessage = elem.setCustomValidityInvalidDate || elem.setCustomValidity || 'Invalid Date Entered';
-          return;
-        }
-
-        // Perform the rest of the validation
-        const formattedValue = toNorthAmericanFormat(elem.value, elem.format);
-        const valueDate = new Date(formattedValue);
-
-        // // Validate max date
-        if (elem.max?.length === elem.lengthForType) {
-
-          const maxDate = new Date(toNorthAmericanFormat(elem.max, elem.format));
-
-          if (valueDate > maxDate) {
-            elem.validity = 'rangeOverflow';
-            elem.errorMessage = elem.setCustomValidityRangeOverflow || elem.setCustomValidity || '';
-            return;
-          }
-        }
-
-        // Validate min date
-        if (elem.min?.length === elem.lengthForType) {
-          const minDate = new Date(toNorthAmericanFormat(elem.min, elem.format));
-
-          if (valueDate < minDate) {
-            elem.validity = 'rangeUnderflow';
-            elem.errorMessage = elem.setCustomValidityRangeUnderflow || elem.setCustomValidity || '';
-            return;
-          }
-        }
-      }
-    }
-  }
-
-  /**
-   * Determines the validity state of the element.
-   * @param {object} elem - HTML element to validate.
-   * @param {boolean} force - Boolean that forces validation to run.
-   * @returns {void}
-   */
-  validate(elem, force) {
-    this.getInputElements(elem);
-    this.getAuroInputs(elem);
-
-    // Check if validation should run
-    let validationShouldRun =
-
-      // If the validation was forced
-      force ||
-
-      // If the validation should run on input
-      elem.validateOnInput ||
-
-      // State-based checks
-      (
-        // Element is not currently focused
-        !elem.contains(document.activeElement) && // native input is not focused directly
-        !document.activeElement.shadowRoot?.contains(elem) && // native input is not focused in the shadow DOM of another component
-
-        // And element has been touched or is untouched but has a value
-        ( elem.touched || (!elem.touched && typeof elem.value !== "undefined") )
-      );
-
-    if (elem.hasAttribute('error')) {
-      elem.validity = 'customError';
-      elem.errorMessage = elem.setCustomValidityCustomError || elem.error || elem.setCustomValidity || '';
-      validationShouldRun = false;
-    } else if (validationShouldRun) {
-      elem.validity = 'valid';
-      elem.errorMessage = '';
-
-      /**
-       * Only validate once we interact with the datepicker
-       * elem.value === undefined is the initial state pre-interaction.
-       *
-       * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
-       */
-
-      let hasValue = false;
-
-      // Check string for having a value
-      if (typeof elem.value === "string") {
-        hasValue = elem.value && elem.value.length > 0;
-      }
-      
-      if (typeof elem.value === "boolean") {
-        hasValue = elem.value || elem.value === false;
-      }
-
-      if (typeof elem.value === "number") {
-        hasValue = !isNaN(elem.value) && elem.value !== null;
-      }
-
-      // Check array value types for having a value
-      if (Array.isArray(elem.value)) {
-        hasValue = Boolean(
-          elem.value.length > 0 &&
-          elem.value.some((value) => typeof value === "string" && value.length > 0)
-        );
-      }
-
-      // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
-      if (this.auroInputElements?.length === 2) {
-        if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
-          hasValue = false;
-        }
-      }
-
-      const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
-      
-      if (isCombobox) {
-
-        if (!elem.persistInput || elem.behavior === "filter") {
-          hasValue = elem.input.value?.length > 0;
-        }
-      }
-
-      if (!hasValue && elem.required && (force || elem.touched)) {
-        elem.validity = 'valueMissing';
-        elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
-      } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
-        this.validateType(elem);
-        this.validateElementAttributes(elem);
-      } else if (hasValue && (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group'))) {
-        this.validateElementAttributes(elem);
-      } else if (isCombobox) {
-        this.validateElementAttributes(elem);
-
-        // Don't run extra validation for cases where the combobox is not being used as a filter
-        validationShouldRun = elem.behavior !== 'filter';
-      }
-    }
-
-    if (this.auroInputElements?.length > 0 && elem.validity !== "valueMissing" && elem.validity !== "customError") {
-
-      const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
-
-      // Don't reset combobox validity if persistInput is set since we can't use the input value to validate
-      if (!isCombobox || isCombobox && !elem.persistInput) {
-
-        // run validation on all inputs since we're going to use them to set the validity of this component
-        this.auroInputElements.forEach(input => input.validate(force));
-
-        // Reset element validity to the validity of the input
-        elem.validity = this.auroInputElements[0].validity;
-        elem.errorMessage = this.auroInputElements[0].errorMessage;
-      }
-
-      // multiple input in one components (datepicker)
-      // combobox has 2 inputs but no need to check validity on the 2nd one which is in fullscreen bib. 
-      if (elem.validity === 'valid' && this.auroInputElements.length > 1 && !isCombobox) {
-        elem.validity = this.auroInputElements[1].validity;
-        elem.errorMessage = this.auroInputElements[1].errorMessage;
-      }
-    }
-
-    if (validationShouldRun || elem.hasAttribute('error')) {
-      // Use the validity message override if it is declared
-      if (elem.validity && elem.validity !== 'valid' && elem.ValidityMessageOverride) {
-        elem.errorMessage = elem.ValidityMessageOverride;
-      }
-
-      this.getErrorMessage(elem);
-    }
-
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
-  }
-
-  /**
-   * Gets all the HTML5 `inputs` in the element shadow DOM.
-   * @private
-   * @param {object} elem - HTML element to validate.
-   * @returns {void}
-   */
-  getInputElements(elem) {
-    this.inputElements = elem.renderRoot.querySelectorAll('input');
-  }
-
-  /**
-   * Gets all the `auro-inputs` in the element shadow DOM.
-   * @private
-   * @param {object} elem - HTML element to validate.
-   * @returns {void}
-   */
-  getAuroInputs(elem) {
-    this.auroInputElements = elem.shadowRoot.querySelectorAll('auro-input, [auro-input]');
-  }
-
-  /**
-   * Return appropriate error message.
-   * @private
-   * @param {object} elem - HTML element to validate.
-   * @returns {void}
-   */
-  getErrorMessage(elem) {
-    if (elem.validity !== 'valid') {
-      if (elem.setCustomValidity) {
-        elem.errorMessage = elem.setCustomValidity;
-      } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
-        const input = elem.renderRoot.querySelector('input');
-
-        if (input.validationMessage.length > 0) {
-          elem.errorMessage = input.validationMessage;
-        }
-      } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
-        elem.errorMessage = elem.input?.inputElement?.validationMessage;
-      } else if (this.inputElements?.length > 0 && elem.errorMessage === '') {
-        const firstInput = this.inputElements[0];
-
-        if (firstInput.validationMessage.length > 0) {
-          elem.errorMessage = firstInput.validationMessage;
-        } else if (this.inputElements?.length === 2) {
-          const secondInput = this.inputElements[1];
-
-          if (secondInput.validationMessage.length > 0) {
-            elem.errorMessage = secondInput.validationMessage;
-          }
-        }
-      }
-    } else {
-      elem.errorMessage = '';
-    }
-  }
-}
-
-// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-
-class AuroDependencyVersioning {
-
-  /**
-   * Generates a unique string to be used for child auro element naming.
-   * @private
-   * @param {string} baseName - Defines the first part of the unique element name.
-   * @param {string} version - Version of the component that will be appended to the baseName.
-   * @returns {string} - Unique string to be used for naming.
-   */
-  generateElementName(baseName, version) {
-    let result = baseName;
-
-    result += '-';
-    result += version.replace(/[.]/g, '_');
-
-    return result;
-  }
-
-  /**
-   * Generates a unique string to be used for child auro element naming.
-   * @param {string} baseName - Defines the first part of the unique element name.
-   * @param {string} version - Version of the component that will be appended to the baseName.
-   * @returns {string} - Unique string to be used for naming.
-   */
-  generateTag(baseName, version, tagClass) {
-    const elementName = this.generateElementName(baseName, version);
-    const tag = i`${s(elementName)}`;
-
-    if (!customElements.get(elementName)) {
-      customElements.define(elementName, class extends tagClass {});
-    }
-
-    return tag;
-  }
-}
-
-var colorCss = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
-
-var styleCss = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
-
-var tokensCss = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
-
-// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-// ---------------------------------------------------------------------
-
-/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
-
-class AuroLibraryRuntimeUtils {
-
-  /* eslint-disable jsdoc/require-param */
-
-  /**
-   * This will register a new custom element with the browser.
-   * @param {String} name - The name of the custom element.
-   * @param {Object} componentClass - The class to register as a custom element.
-   * @returns {void}
-   */
-  registerComponent(name, componentClass) {
-    if (!customElements.get(name)) {
-      customElements.define(name, class extends componentClass {});
-    }
-  }
-
-  /**
-   * Finds and returns the closest HTML Element based on a selector.
-   * @returns {void}
-   */
-  closestElement(
-    selector, // selector like in .closest()
-    base = this, // extra functionality to skip a parent
-    __Closest = (el, found = el && el.closest(selector)) =>
-      !el || el === document || el === window
-        ? null // standard .closest() returns null for non-found selectors also
-        : found
-          ? found // found a selector INside this element
-          : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
-  ) {
-    return __Closest(base);
-  }
-  /* eslint-enable jsdoc/require-param */
-
-  /**
-   * If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
-   * @param {Object} elem - The element to check.
-   * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
-   * @returns {void}
-   */
-  handleComponentTagRename(elem, tagName) {
-    const tag = tagName.toLowerCase();
-    const elemTag = elem.tagName.toLowerCase();
-
-    if (elemTag !== tag) {
-      elem.setAttribute(tag, true);
-    }
-  }
-
-  /**
-   * Validates if an element is a specific Auro component.
-   * @param {Object} elem - The element to validate.
-   * @param {String} tagName - The name of the Auro component to check against.
-   * @returns {Boolean} - Returns true if the element is the specified Auro component.
-   */
-  elementMatch(elem, tagName) {
-    const tag = tagName.toLowerCase();
-    const elemTag = elem.tagName.toLowerCase();
-
-    return elemTag === tag || elem.hasAttribute(tag);
-  }
-
-  /**
-   * Gets the text content of a named slot.
-   * @returns {String}
-   * @private
-   */
-  getSlotText(elem, name) {
-    const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
-    const nodes = slot?.assignedNodes({ flatten: true }) || [];
-    const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
-
-    return text || null;
-  }
-}
-
-// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-
-/**
- * Displays help text or error messages within form elements - Internal Use Only.
- */
-class AuroHelpText extends i$2 {
-
-  constructor() {
-    super();
-
-    this.error = false;
-    this.appearance = "default";
-    this.onDark = false;
-    this.hasTextContent = false;
-
-    AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(this, 'auro-helptext');
-  }
-
-  static get styles() {
-    return [
-      colorCss,
-      styleCss,
-      tokensCss
-    ];
-  }
-
-  // function to define props used within the scope of this component
-  static get properties() {
-    return {
-
-      /**
-       * Defines whether the component will be on lighter or darker backgrounds.
-       * @property {'default', 'inverse'}
-       * @default 'default'
-       */
-      appearance: {
-        type: String,
-        reflect: true
-      },
-
-      /**
-       * @private
-       */
-      slotNodes: {
-        type: Boolean,
-      },
-
-      /**
-       * @private
-       */
-      hasTextContent: {
-        type: Boolean,
-      },
-
-      /**
-       * If declared, make font color red.
-       */
-      error: {
-        type: Boolean,
-        reflect: true,
-      },
-
-      /**
-       * DEPRECATED - use `appearance` instead.
-       */
-      onDark: {
-        type: Boolean,
-        reflect: true
-      }
-    };
-  }
-
-  /**
-   * This will register this element with the browser.
-   * @param {string} [name="auro-helptext"] - The name of element that you want to register to.
-   *
-   * @example
-   * AuroCheckbox.register("custom-helptext") // this will register this element to <custom-helptext/>
-   *
-   */
-  static register(name = "auro-helptext") {
-    AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroHelpText);
-  }
-
-  updated() {
-    this.handleSlotChange();
-  }
-
-  handleSlotChange(event) {
-    if (event) {
-      this.slotNodes = event.target.assignedNodes();
-    }
-
-    this.hasTextContent = this.checkSlotsForContent(this.slotNodes);
-  }
-
-  /**
-   * Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.
-   *
-   * @param {NodeList|Array} nodes - The list of nodes to check for content.
-   * @returns {boolean} - Returns true if any node or nested slot node contains non-empty text content, otherwise false.
-   * @private
-   */
-  checkSlotsForContent(nodes) {
-    if (!nodes) {
-      return false;
-    }
-
-    return nodes.some((node) => {
-      if (node.textContent.trim()) {
-        return true;
-      }
-
-      if (!node.querySelector) {
-        return false;
-      }
-
-      const nestedSlot = node.tagName === 'SLOT' ? node : node.querySelector('slot');
-      if (!nestedSlot) {
-        return false;
-      }
-
-      const nestedSlotNodes = nestedSlot.assignedNodes();
-      return this.checkSlotsForContent(nestedSlotNodes);
-    });
-  }
-
-  // function that renders the HTML and CSS into  the scope of the component
-  render() {
-    return b`
-      <div class="helptext-wrapper body-xs" ?visible="${this.hasTextContent}">
-          <slot @slotchange=${this.handleSlotChange}></slot>
-      </div>
-    `;
-  }
-}
-
-var formkitVersion = '202604031554';
-
-// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-// ---------------------------------------------------------------------
-
-
-/* eslint no-magic-numbers: ["error", { "ignore": [0, 1, -1] }] */
-/* eslint-disable max-lines, lit/binding-positions, lit/no-invalid-html, no-underscore-dangle */
-
-/**
- * The `auro-radio-group` element is used to group a set `auro-radio` elements.
- * @customElement auro-radio-group
- *
- * @csspart radio-group - Apply css to the fieldset element in the shadow DOM
- * @slot {HTMLSlotElement} legend - Allows for the legend to be overridden.
- * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
- * @slot {HTMLSlotElement} helpText - Allows for the helper text to be overridden.
- * @event auroFormElement-validated - Notifies that the element has been validated.
- * @event input - Notifies every time the value prop of the element is changed.
- */
-
-class AuroRadioGroup extends i$2 {
-  constructor() {
-    super();
-
-    this._initializeDefaults();
-  }
-
-  _initializeDefaults() {
-    this.appearance = "default";
-    this.disabled = false;
-    this.horizontal = false;
-    this.required = false;
-    this.validity = undefined;
-    this.value = undefined;
-    this.optionSelected = undefined;
-    this.onDark = false;
-    this.touched = false;
-    this.hasLegend = false;
-
-    /**
-     * @private
-     */
-    this.validation = new AuroFormValidation();
-
-    /**
-     * @private
-     */
-    this.index = 0;
-
-    /**
-     * @private
-     */
-    this.max = 3;
-
-    /**
-     * @private
-     */
-    this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
-
-    /**
-     * Generate unique names for dependency components.
-     */
-    const versioning = new AuroDependencyVersioning();
-
-    /**
-     * @private
-     */
-    this.helpTextTag = versioning.generateTag('auro-formkit-radio-helptext', formkitVersion, AuroHelpText);
-  }
-
-  static get styles() {
-    return [
-      styleCss$1,
-      colorCss$1,
-      tokenCss
-    ];
-  }
-
-  static get properties() {
-    return {
-
-      /**
-       * Defines whether the component will be on lighter or darker backgrounds.
-       * @type {'default' | 'inverse'}
-       * @default 'default'
-       */
-      appearance: {
-        type: String,
-        reflect: true
-      },
-
-      /**
-       * If true, all radio buttons will be disabled.
-       */
-      disabled: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * If true, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
-       */
-      error: {
-        type: String,
-        reflect: true
-      },
-
-      /**
-       * Indicates whether the legend slot is set or not.
-       * @private
-       */
-      hasLegend: {
-        type: Boolean,
-        reflect: false,
-        attribute: false
-      },
-
-      /**
-       * If true, displays radio buttons horizontally.
-       */
-      horizontal: { type: Boolean },
-
-      /**
-       * If true, disables auto-validation on blur.
-       */
-      noValidate: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * DEPRECATED - use `appearance="inverse"` instead.
-       */
-      onDark: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * Specifies the current selected radio button.
-       */
-      optionSelected: {
-        type: Object
-      },
-
-      /**
-       * Populates the `required` attribute on the element. Used for client-side validation.
-       */
-      required: {
-        type: Boolean,
-        reflect: true
-      },
-
-      /**
-       * Sets a custom help text message to display for all validityStates.
-       */
-      setCustomValidity: {
-        type: String
-      },
-
-      /**
-       * Custom help text message to display when validity = `customError`.
-       */
-      setCustomValidityCustomError: {
-        type: String
-      },
-
-      /**
-       * Custom help text message to display when validity = `valueMissing`.
-       */
-      setCustomValidityValueMissing: {
-        type: String
-      },
-
-      /**
-       * Indicates whether the radio group is in a dirty state (has been interacted with).
-       * @private
-       */
-      touched: {
-        type: Boolean,
-        reflect: true,
-        attribute: false
-      },
-
-      /**
-       * Specifies the `validityState` this element is in.
-       */
-      validity: {
-        type: String,
-        reflect: true
-      },
-
-      /**
-       * Specifies the current value of the selected radio button.
-       */
-      value: {
-        type: String
-      }
-    };
-  }
-
-  /**
-   * This will register this element with the browser.
-   * @param {string} [name="auro-radio-group"] - The name of the element that you want to register.
-   *
-   * @example
-   * AuroRadioGroup.register("custom-radio-group") // This will register this element to <custom-radio-group/>
-   *
-   */
-  static register(name = "auro-radio-group") {
-    AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroRadioGroup);
-  }
-
-  connectedCallback() {
-    super.connectedCallback();
-    this.handleItems();
-    this.addEventListener('toggleSelected', this.handleToggleSelected);
-    this.addEventListener('keydown', this.handleKeyDown);
-    this.addEventListener('resetRadio', this.resetRadio);
-    this.addEventListener('auroRadio-blur', this.handleRadioBlur);
-    this.addEventListener('auroRadio-selected', this.handleSelection);
-  }
-
-  firstUpdated() {
-    // Add the tag name as an attribute if it is different than the component name
-    this.runtimeUtils.handleComponentTagRename(this, 'auro-radio-group');
-  }
-
-  /**
-   * Method for handling of selection of a radio element.
-   * @private
-   * @param {Event} event - The trigger event tied to this function.
-   * @returns {void}
-   */
-  handleSelection(event) {
-    // specifically check null and undefined in case if the value is false or 0
-    if (event.target.value !== null && event.target.value !== undefined) {
-      this.value = event.target.value;
-    } else {
-      this.value = '';
-    }
-
-    this.optionSelected = event.target;
-
-    this.validation.validate(this, this.optionSelected !== undefined);
-  }
-
-  /**
-   * Method handles radio element blur.
-   * @private
-   * @returns {void}
-   */
-  handleRadioBlur() {
-    this.touched = true;
-    this.validation.validate(this);
-  }
-
-  /**
-   * LitElement lifecycle method. Called after the DOM has been updated.
-   * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
-   * @returns {void}
-   */
-  updated(changedProperties) {
-    if (changedProperties.has('disabled')) {
-      // only change the children if we are making everything disabled, or if we are making everything enabled and there are no individually-disabled radio buttons
-      if (this.disabled || this.items.every((el) => el.disabled)) {
-        this.items.forEach((el) => {
-          el.disabled = this.disabled;
-        });
-      }
-    }
-
-    if (changedProperties.has('value')) {
-      this.dispatchEvent(new CustomEvent('input', {
-        bubbles: true,
-        cancelable: true,
-        composed: true,
-      }));
-    }
-
-    if (changedProperties.has('required')) {
-      this.items.forEach((el) => {
-        el.required = this.required;
-      });
-    }
-
-    if (changedProperties.has('onDark')) {
-      this.items.forEach((el) => {
-        el.onDark = this.onDark;
-      });
-    }
-
-    if (changedProperties.has('appearance')) {
-      this.items.forEach((el) => {
-        el.appearance = this.appearance;
-      });
-    }
-
-    if (changedProperties.has('error')) {
-      this.validate(true);
-    }
-
-    if (changedProperties.has('validity')) {
-      if (this.validity && this.validity !== 'valid') {
-        this.setAttribute('aria-invalid', 'true');
-
-        this.items.forEach((el) => {
-          el.setAttribute('error', true);
-        });
-      } else {
-        this.removeAttribute('aria-invalid');
-
-        this.items.forEach((el) => {
-          el.removeAttribute('error');
-        });
-      }
-    }
-  }
-
-  /**
-   * Resets component to initial state.
-   * @returns {void}
-   */
-  reset() {
-    // Sets first radio button to receive focus during keyboard navigation
-    this.index = 0;
-
-    const buttons = this.querySelectorAll('auro-radio, [auro-radio]');
-
-    buttons.forEach((button) => {
-      button.reset();
-    });
-
-    this.validation.reset(this);
-  }
-
-  /**
-   * Validates value.
-   * @param {boolean} [force=false] - Whether to force validation.
-   */
-  validate(force = false) {
-    this.validation.validate(this, force);
-  }
-
-  /**
-   * Method handles the reset event from a radio element.
-   * @private
-   * @returns {void}
-   */
-  resetRadio() {
-    if (this.items.length === 0) {
-      this.handleItems();
-    }
-  }
-
-  /**
-   * Method for handling the attributes of each radio input.
-   * @private
-   * @returns {void}
-   */
-  handleItems() {
-    this.items = [...this.querySelectorAll(':scope auro-radio, :scope [auro-radio]')];
-    this.initializeIndex();
-
-    if (this.disabled) {
-      this.items.forEach((el) => {
-        el.disabled = this.disabled;
-      });
-    }
-
-    this.items.forEach((el) => {
-      el.required = this.required;
-      el.error = Boolean(this.error);
-    });
-  }
-
-  /**
-   * Method for handling slot content changes.
-   * @private
-   * @returns {void}
-   */
-  handleSlotChange() {
-    this.handleItems();
-  }
-
-  /**
-   * Method for handling legend slot changes.
-   * @private
-   * @returns {void}
-   */
-  handleLegendSlotChange() {
-    const slot = this.shadowRoot.querySelector('slot[name="legend"]');
-    if (slot) {
-      this.hasLegend = slot.assignedNodes().length > 0;
-    }
-  }
-
-  /**
-   * Method for initializing the tab index of the checked radio input.
-   * @private
-   * @returns {void}
-   */
-  initializeIndex() {
-    if (!this.disabled && this.items && this.items.length > 0) {
-      const index = this.items.findIndex((item) => item.hasAttribute('checked') && !item.hasAttribute('disabled'));
-      const nextEnabledIndex = this.items.findIndex((item) => !item.hasAttribute('disabled'));
-
-      this.index = index >= 0 ? index : nextEnabledIndex;
-
-      if (this.items[this.index]) {
-        this.items[this.index].setAttribute('tabindex', 0);
-      }    }
-  }
-
-  /**
-   * Method for handling a newly selected radio input.
-   * @private
-   * @param {Event} event - The trigger event tied to this function.
-   * @returns {void}
-   */
-  handleToggleSelected(event) {
-    this.index = this.items.indexOf(event.target);
-
-    this.items.forEach((item) => {
-      item.checked = item === event.target;
-    });
-
-    this.value = event.target.value;
-    this.optionSelected = event.target;
-
-    this.validation.validate(this);
-  }
-
-  /**
-   * Method for selecting a radio input.
-   * @private
-   * @param {Number} index - The value of the element's index attribute.
-   * @returns {void}
-   */
-  selectItem(index) {
-    const sdItem = this.items[index];
-
-    sdItem.click();
-    sdItem.focus();
-    this.index = index;
-  }
-
-  /**
-   * Method for selecting the next radio input.
-   * @private
-   * @param {Number} index - The value of the element's index attribute.
-   * @param {String} moveDirection - Arrow key pressed by user.
-   * @returns {void}
-   */
-  selectNextItem(index, moveDirection) {
-    let currIndex = index;
-
-    for (currIndex; currIndex < this.items.length; moveDirection === "Down" ? currIndex += 1 : currIndex -= 1) {
-      currIndex = currIndex === -1 ? this.items.length - 1 : currIndex;
-      const sdItem = this.items[currIndex];
-      if (sdItem) {
-        if (this.disabled || this.items.every((item) => item.disabled === true)) {
-          sdItem.focus();
-          break;
-        }
-        if (!sdItem.disabled) {
-          sdItem.click();
-          sdItem.focus();
-          this.index = currIndex;
-          break;
-        }
-      }
-    }
-  }
-
-  /**
-   * Method for handling a keydown event.
-   * @private
-   * @param {Event} event - The trigger event tied to this function.
-   * @returns {void}
-   */
-  handleKeyDown(event) {
-    switch (event.key) {
-      case " ":
-        event.preventDefault();
-        this.selectItem(this.index);
-        break;
-
-      case "Down":
-      case "ArrowDown":
-      case "Right":
-      case "ArrowRight":
-        event.preventDefault();
-        this.selectNextItem(this.index === this.items.length - 1 ? 0 : this.index + 1, "Down");
-        break;
-
-      case "Up":
-      case "ArrowUp":
-      case "Left":
-      case "ArrowLeft":
-        event.preventDefault();
-        this.selectNextItem(this.index === 0 ? this.items.length - 1 : this.index - 1, "Up");
-        break;
-    }
-  }
-
-  // function that renders the HTML and CSS into  the scope of the component
-  render() {
-    const groupClasses = {
-      'displayFlex': this.horizontal && this.items.length <= this.max
-    };
-    const legendClasses = {
-      'hidden': !this.hasLegend && this.required
-    };
-
-    return u`
-      <fieldset class="${e(groupClasses)}" part="radio-group" role="radiogroup">
-        <legend class="${e(legendClasses)}">
-          <slot name="legend" @slotchange=${this.handleLegendSlotChange}></slot>
-          ${this.required ? undefined : u`<slot name="optionalLabel"> (optional)</slot>`}
-        </legend>
-        <slot @slotchange=${this.handleSlotChange}></slot>
-      </fieldset>
-
-      ${!this.validity || this.validity === undefined || this.validity === 'valid'
-        ? u`
-          <${this.helpTextTag} appearance="${this.onDark ? 'inverse' : this.appearance}" part="helpText">
-            <slot name="helpText"></slot>
-          </${this.helpTextTag}>`
-        : u`
-          <${this.helpTextTag} appearance="${this.onDark ? 'inverse' : this.appearance}" role="alert" error aria-live="assertive" part="helpText">
-            ${this.errorMessage}
-          </${this.helpTextTag}>`
-      }
-    `;
-  }
-}
-
-AuroRadio.register();
-AuroRadioGroup.register();
-
-AuroRadio.register('custom-radio');
-AuroRadioGroup.register('custom-radio-group');
-
-function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    resetStateExample();
-    dynamicExample();
-  } catch (error) {
-    if (initCount <= 20) {
-      // setTimeout handles issue where content is sometimes loaded after the functions get called
-      setTimeout(() => {
-        initExamples(initCount + 1);
-      }, 100);
-    }
-  }
-}
-
-export { initExamples };