@tmorrow/cre8-wc 2.3.4 → 2.3.6

package/dist/assets/{radio-field-item-JTAZN5iJ.js → radio-field-item-79BwrnBC.js}

@@ -1,5 +1,5 @@
-import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-CE1QkYoV.js";import{C as x,n as t}from"./cre8-element-C32P9iMC.js";import{s as y}from"./light-children-DDjBxt3J.js";import"./field-note-VLKkFhY-.js";import{e as w}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as v}from"./cre8-form-element-C-cxFbUF.js";const z=b`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+import{a as b,b as g}from"./iframe-B4bTcHfE.js";import{o as m}from"./if-defined-DA22R8ho.js";import{C as x,n as r}from"./cre8-element-C-P96xHp.js";import{s as y}from"./light-children-DDjBxt3J.js";import"./field-note-Bo9Uvf0_.js";import{e as w}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as v}from"./cre8-form-element-1YjfSY90.js";const k=b`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -72,23 +72,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 
 .cre8-u-margin-top-none {
@@ -96,23 +96,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 
 .cre8-u-margin-right-none {
@@ -120,23 +120,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 
 .cre8-u-margin-bottom-none {
@@ -144,32 +144,32 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -177,23 +177,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 
 .cre8-u-padding-none {
@@ -201,23 +201,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 
 .cre8-u-padding-top-none {
@@ -225,23 +225,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 
 .cre8-u-padding-right-none {
@@ -249,23 +249,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 
 .cre8-u-padding-bottom-none {
@@ -273,23 +273,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 
 .cre8-u-padding-left-none {
@@ -297,23 +297,23 @@ import{a as b,b as g}from"./iframe-BH5yZqve.js";import{o as s}from"./if-defined-
 }
 
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 
 .cre8-u-display-flex {
@@ -329,7 +329,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -337,7 +336,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 
 @media all and (min-width: 60rem) {
@@ -629,8 +628,8 @@ span.ripple {
   /* 1 */
   padding: 0;
   /* 1 */
-}`;var k=Object.defineProperty,m=(c,e,i,r)=>{for(var a=void 0,n=c.length-1,p;n>=0;n--)(p=c[n])&&(a=p(e,i,a)||a);return a&&k(e,i,a),a};const h=class h extends x{constructor(){super(...arguments),this.enforceSingleSelection=e=>{const i=e.target;if(!i)return;const r=[...this.querySelectorAll("cre8-radio-field-item")],a=r.find(n=>n===i||n.contains(i));if(a)for(const n of r)n!==a&&(n.checked=!1)}}buildComposition(){return this.items?this.items.map(e=>({tag:"cre8-radio-field-item",props:{label:e.label,value:e.value,checked:e.checked,disabled:e.disabled,required:e.required,name:this.name}})):null}updated(e){["items","name"].some(i=>e.has(i))&&y(this,this.buildComposition())}connectedCallback(){super.connectedCallback(),this.addEventListener("change",this.enforceSingleSelection)}disconnectedCallback(){this.removeEventListener("change",this.enforceSingleSelection),super.disconnectedCallback()}render(){const e=this.componentClassNames("cre8-c-radio-field",{});return g`
-      <fieldset class="${e}" aria-describedby="${s(this.ariaDescribedBy)}">
+}`;var _=Object.defineProperty,s=(c,e,t,i)=>{for(var a=void 0,n=c.length-1,p;n>=0;n--)(p=c[n])&&(a=p(e,t,a)||a);return a&&_(e,t,a),a};const h=class h extends x{constructor(){super(...arguments),this.enforceSingleSelection=e=>{const t=e.target;if(!t)return;const i=[...this.querySelectorAll("cre8-radio-field-item")],a=i.find(n=>n===t||n.contains(t));if(a)for(const n of i)n!==a&&(n.checked=!1)}}buildComposition(){return this.items?this.items.map(e=>({tag:"cre8-radio-field-item",props:{label:e.label,value:e.value,checked:e.checked,disabled:e.disabled,required:e.required,name:this.name}})):null}updated(e){["items","name"].some(t=>e.has(t))&&y(this,this.buildComposition())}connectedCallback(){super.connectedCallback(),this.addEventListener("change",this.enforceSingleSelection)}disconnectedCallback(){this.removeEventListener("change",this.enforceSingleSelection),super.disconnectedCallback()}render(){const e=this.componentClassNames("cre8-c-radio-field",{});return g`
+      <fieldset class="${e}" aria-describedby="${m(this.ariaDescribedBy)}">
         <legend class="cre8-c-radio-field__legend">${this.label}</legend>
         <div class="cre8-c-radio-field__body">
           <ul class="cre8-c-radio-field__list" role="list">
@@ -639,16 +638,16 @@ span.ripple {
         </div>
         ${this.fieldNote?g`<cre8-field-note
           ?inverted=${this.fieldNoteKnockout}
-          id=${s(this.ariaDescribedBy)}
-          iconName=${s(this.fieldNoteIconName)}
+          id=${m(this.ariaDescribedBy)}
+          iconName=${m(this.fieldNoteIconName)}
           ?isSuccess=${this.isSuccess}
           ?isError=${this.isError}
         >
           ${this.fieldNote}
         </cre8-field-note>`:""}
       </fieldset>
-    `}};h.styles=[z];let l=h;m([t()],l.prototype,"fieldNote");m([t()],l.prototype,"ariaDescribedBy");m([t()],l.prototype,"fieldNoteIconName");m([t({type:Boolean,reflect:!0})],l.prototype,"fieldNoteKnockout");m([t({type:Boolean,reflect:!0})],l.prototype,"isSuccess");m([t({type:Boolean,reflect:!0})],l.prototype,"isError");m([t()],l.prototype,"label");m([t({type:Array})],l.prototype,"items");m([t()],l.prototype,"name");customElements.get("cre8-radio-field")===void 0&&customElements.define("cre8-radio-field",l);const _=b`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+    `}};h.styles=[k];let l=h;s([r()],l.prototype,"fieldNote");s([r()],l.prototype,"ariaDescribedBy");s([r()],l.prototype,"fieldNoteIconName");s([r({type:Boolean,reflect:!0})],l.prototype,"fieldNoteKnockout");s([r({type:Boolean,reflect:!0})],l.prototype,"isSuccess");s([r({type:Boolean,reflect:!0})],l.prototype,"isError");s([r()],l.prototype,"label");s([r({type:Array})],l.prototype,"items");s([r()],l.prototype,"name");customElements.get("cre8-radio-field")===void 0&&customElements.define("cre8-radio-field",l);const R=b`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -721,23 +720,23 @@ span.ripple {
 }
 
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 
 .cre8-u-margin-top-none {
@@ -745,23 +744,23 @@ span.ripple {
 }
 
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 
 .cre8-u-margin-right-none {
@@ -769,23 +768,23 @@ span.ripple {
 }
 
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 
 .cre8-u-margin-bottom-none {
@@ -793,32 +792,32 @@ span.ripple {
 }
 
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -826,23 +825,23 @@ span.ripple {
 }
 
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 
 .cre8-u-padding-none {
@@ -850,23 +849,23 @@ span.ripple {
 }
 
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 
 .cre8-u-padding-top-none {
@@ -874,23 +873,23 @@ span.ripple {
 }
 
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 
 .cre8-u-padding-right-none {
@@ -898,23 +897,23 @@ span.ripple {
 }
 
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 
 .cre8-u-padding-bottom-none {
@@ -922,23 +921,23 @@ span.ripple {
 }
 
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 
 .cre8-u-padding-left-none {
@@ -946,23 +945,23 @@ span.ripple {
 }
 
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 
 .cre8-u-display-flex {
@@ -978,7 +977,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -986,7 +984,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 
 @media all and (min-width: 60rem) {
@@ -1375,20 +1373,20 @@ span.ripple {
   line-height: var(--cre8-typography-label-small-line-height);
   text-decoration: var(--cre8-typography-label-small-text-decoration);
   text-transform: var(--cre8-typography-label-small-text-transform);
-}`;var R=Object.defineProperty,d=(c,e,i,r)=>{for(var a=void 0,n=c.length-1,p;n>=0;n--)(p=c[n])&&(a=p(e,i,a)||a);return a&&R(e,i,a),a};const u=class u extends v{constructor(){super(...arguments),this.type="radio"}connectedCallback(){super.connectedCallback(),this.fieldId=this.fieldId||f(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||f())}resetField(){this._internals.setFormValue(null)}resetTabIndeces(e){e.forEach(i=>{i.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","0")})}removeChecked(){this.parentNode&&this.parentNode.querySelectorAll("cre8-radio-field-item").forEach(i=>{i.checked=!1,i.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1"),i.resetField()})}formResetCallback(){this.removeChecked(),this.checked=this.initialChecked,this.field.checked=this.initialChecked}_getRole(){return this.closest("cre8-radio-field")?"listitem":""}_clickHandler(){this.removeChecked(),this.checked=!this.checked;const e=this.shadowRoot?.querySelector(".cre8-c-radio-field-item__input");return e&&e.setAttribute("tabindex","0"),this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_updateSibling(e,i,r){e.preventDefault(),this.removeChecked(),r.focus(),r.click(),r.setAttribute("tabindex","0"),i.setAttribute("checked","")}handleKeyDown(e){if(e.code==="ArrowLeft"||e.code==="ArrowUp"){const i=this.previousElementSibling,r=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");r&&this._updateSibling(e,i,r)}else if(e.code==="ArrowRight"||e.code==="ArrowDown"){const i=this.nextElementSibling,r=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");r&&this._updateSibling(e,i,r)}else if(e.code==="Tab"&&!this.checked){const i=this.parentNode.querySelectorAll("cre8-radio-field-item");i.forEach(r=>{r.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1")}),setTimeout(this.resetTabIndeces,100,i)}}render(){const e=this.componentClassNames("cre8-c-radio-field-item",{"cre8-c-radio-field-item--error":this.isError,"cre8-c-radio-field-item--success":this.isSuccess,"cre8-c-radio-field-item--disabled":this.disabled}),i=this.checked===!0||this.initialChecked===!0;return g`
-        <div role=${s(this._getRole())} class="${e}" @keydown=${this.handleKeyDown}>
+}`;var I=Object.defineProperty,d=(c,e,t,i)=>{for(var a=void 0,n=c.length-1,p;n>=0;n--)(p=c[n])&&(a=p(e,t,a)||a);return a&&I(e,t,a),a};const u=class u extends v{constructor(){super(...arguments),this.type="radio"}connectedCallback(){super.connectedCallback(),this.fieldId=this.fieldId||f(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||f())}resetField(){this._internals.setFormValue(null)}resetTabIndeces(e){e.forEach(t=>{t.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","0")})}removeChecked(){this.parentNode&&this.parentNode.querySelectorAll("cre8-radio-field-item").forEach(t=>{t.checked=!1,t.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1"),t.resetField()})}formResetCallback(){this.removeChecked(),this.checked=this.initialChecked,this.field.checked=this.initialChecked}_getRole(){return this.closest("cre8-radio-field")?"listitem":""}_clickHandler(){this.removeChecked(),this.checked=!this.checked;const e=this.shadowRoot?.querySelector(".cre8-c-radio-field-item__input");return e&&e.setAttribute("tabindex","0"),this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_updateSibling(e,t,i){e.preventDefault(),this.removeChecked(),i.focus(),i.click(),i.setAttribute("tabindex","0"),t.setAttribute("checked","")}handleKeyDown(e){if(e.code==="ArrowLeft"||e.code==="ArrowUp"){const t=this.previousElementSibling,i=t?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");i&&this._updateSibling(e,t,i)}else if(e.code==="ArrowRight"||e.code==="ArrowDown"){const t=this.nextElementSibling,i=t?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");i&&this._updateSibling(e,t,i)}else if(e.code==="Tab"&&!this.checked){const t=this.parentNode.querySelectorAll("cre8-radio-field-item");t.forEach(i=>{i.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1")}),setTimeout(this.resetTabIndeces,100,t)}}render(){const e=this.componentClassNames("cre8-c-radio-field-item",{"cre8-c-radio-field-item--error":this.isError,"cre8-c-radio-field-item--success":this.isSuccess,"cre8-c-radio-field-item--disabled":this.disabled}),t=this.checked===!0||this.initialChecked===!0;return g`
+        <div role=${m(this._getRole())} class="${e}" @keydown=${this.handleKeyDown}>
             <input
             class="cre8-c-radio-field-item__input"
             type="radio"
             @input=${this._clickHandler}
             id=${this.fieldId}
-            aria-describedby="${s(this.ariaDescribedBy)}"
-            required=${s(this.required)}
-            aria-invalid=${this.required?!!this.isError:s(this.isError)}
+            aria-describedby="${m(this.ariaDescribedBy)}"
+            required=${m(this.required)}
+            aria-invalid=${this.required?!!this.isError:m(this.isError)}
             name=${this.name}
             .value=${this.value}
-            disabled="${s(this.disabled)}"
-            .checked="${i}"
+            disabled="${m(this.disabled)}"
+            .checked="${t}"
             />
             <span class="cre8-c-radio-field-item__custom-radio">
             <div class="cre8-c-radio-field-item__inner-circle"></div>
@@ -1397,11 +1395,11 @@ span.ripple {
     </div>
         ${this.fieldNote?g`<cre8-field-note
                 ?inverted=${this.fieldNoteKnockout}
-                id=${s(this.ariaDescribedBy)}
-                iconName=${s(this.fieldNoteIconName)}
+                id=${m(this.ariaDescribedBy)}
+                iconName=${m(this.fieldNoteIconName)}
                 ?isSuccess=${this.isSuccess}
                 ?isError=${this.isError}
             >
                 ${this.fieldNote}
             </cre8-field-note>`:""}
-        `}};u.styles=[_];let o=u;d([t()],o.prototype,"ariaDescribedBy");d([t({type:Boolean,reflect:!0})],o.prototype,"checked");d([t({type:Boolean,reflect:!0})],o.prototype,"disabled");d([w("input")],o.prototype,"field");d([t()],o.prototype,"fieldId");d([t()],o.prototype,"fieldNote");d([t()],o.prototype,"fieldNoteIconName");d([t({type:Boolean,reflect:!0})],o.prototype,"fieldNoteKnockout");d([t({type:Boolean,reflect:!0})],o.prototype,"fieldNoteIsError");d([t({type:Boolean,reflect:!0})],o.prototype,"isError");d([t({type:Boolean,reflect:!0})],o.prototype,"isSuccess");d([t()],o.prototype,"label");d([t({type:Boolean,reflect:!0})],o.prototype,"required");customElements.get("cre8-radio-field-item")===void 0&&customElements.define("cre8-radio-field-item",o);
+        `}};u.styles=[R];let o=u;d([r()],o.prototype,"ariaDescribedBy");d([r({type:Boolean,reflect:!0})],o.prototype,"checked");d([r({type:Boolean,reflect:!0})],o.prototype,"disabled");d([w("input")],o.prototype,"field");d([r()],o.prototype,"fieldId");d([r()],o.prototype,"fieldNote");d([r()],o.prototype,"fieldNoteIconName");d([r({type:Boolean,reflect:!0})],o.prototype,"fieldNoteKnockout");d([r({type:Boolean,reflect:!0})],o.prototype,"fieldNoteIsError");d([r({type:Boolean,reflect:!0})],o.prototype,"isError");d([r({type:Boolean,reflect:!0})],o.prototype,"isSuccess");d([r()],o.prototype,"label");d([r({type:Boolean,reflect:!0})],o.prototype,"required");customElements.get("cre8-radio-field-item")===void 0&&customElements.define("cre8-radio-field-item",o);