@eunomia/elements 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/cdn/components/eun-color-picker.js

@@ -1,4 +1,4 @@
-import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk-E4IS25H7.js";import{a as z,b as N}from"./chunks/chunk-32KRPOPV.js";import{a as k,b as H}from"./chunks/chunk-T4PTHUYF.js";import{a as B}from"./chunks/chunk-LK5BJ4SH.js";import{a as V}from"./chunks/chunk-6UPI7GHJ.js";import{a as x}from"./chunks/chunk-LYYQAALT.js";import{a as S}from"./chunks/chunk-XSMCT4DF.js";import{a as F}from"./chunks/chunk-GW3VP2L7.js";import{a as O,c as R,d as D,e as y}from"./chunks/chunk-KNM5QHDK.js";import{a as C}from"./chunks/chunk-YYCEPZUN.js";import{a as M}from"./chunks/chunk-T7WABJEJ.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import{a as b,b as I,c as T}from"./chunks/chunk-SGM2X2TC.js";import{a as h}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as $,g as L,h as p,i as g,j as m,k as E,n as d,o as v,p as l,s as A}from"./chunks/chunk-XH6NREVZ.js";var f=I(class extends T{constructor(n){if(super(n),n.type!==b.PROPERTY&&n.type!==b.ATTRIBUTE&&n.type!==b.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!k(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[o]){if(o===v||o===l)return o;let e=n.element,t=n.name;if(n.type===b.PROPERTY){if(o===e[t])return v}else if(n.type===b.BOOLEAN_ATTRIBUTE){if(!!o===e.hasAttribute(t))return v}else if(n.type===b.ATTRIBUTE&&e.getAttribute(t)===o+"")return v;return H(n),o}});var U=L`
+import{a as P}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk-E4IS25H7.js";import{a as N,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as k,b as H}from"./chunks/chunk-T4PTHUYF.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as z}from"./chunks/chunk-L65WUTXM.js";import{a as x}from"./chunks/chunk-LYYQAALT.js";import{a as B}from"./chunks/chunk-LFCXUVDO.js";import{a as F}from"./chunks/chunk-GW3VP2L7.js";import{a as O,c as D,d as R,e as y}from"./chunks/chunk-OAULRKHQ.js";import{a as C}from"./chunks/chunk-YYCEPZUN.js";import{a as M}from"./chunks/chunk-32DTNR52.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import{a as b,b as I,c as T}from"./chunks/chunk-SGM2X2TC.js";import{a as h}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as $,g as L,h as p,i as g,j as m,k as E,n as d,o as v,p as l,s as A}from"./chunks/chunk-XH6NREVZ.js";var f=I(class extends T{constructor(n){if(super(n),n.type!==b.PROPERTY&&n.type!==b.ATTRIBUTE&&n.type!==b.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!k(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[o]){if(o===v||o===l)return o;let e=n.element,t=n.name;if(n.type===b.PROPERTY){if(o===e[t])return v}else if(n.type===b.BOOLEAN_ATTRIBUTE){if(!!o===e.hasAttribute(t))return v}else if(n.type===b.ATTRIBUTE&&e.getAttribute(t)===o+"")return v;return H(n),o}});var U=L`
   button#field {
     flex: 1 1 auto;
     display: flex;
@@ -36,7 +36,7 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
   #field-arrow {
     flex: 0 0 auto;
     color: var(--_iconColor);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     transition: transform 0.15s ease;
   }
   #field-arrow.open {
@@ -47,8 +47,8 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
     display: inline-block;
     width: var(--color-picker-swatch-size, 20px);
     height: var(--color-picker-swatch-size, 20px);
-    border-radius: var(--eun-borderRadius-xl, 999px);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border-radius: var(--eun-border-radius-xl, 999px);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     background-color: var(--_swatchColor, transparent);
     outline: 2px solid transparent;
     transition:
@@ -73,8 +73,8 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
   #swatches-label,
   #custom-label {
     display: block;
-    font-size: var(--eun-fontSize-xs, 12px);
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-size: var(--eun-font-size-xs, 12px);
+    font-weight: var(--eun-font-weight-l, 700);
     color: var(--_placeholderColor);
     text-transform: uppercase;
     margin: 0 0 var(--eun-space-xs, 4px);
@@ -98,7 +98,7 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
   }
   .swatch-button[aria-checked="true"] .swatch {
     border-color: var(--eun-color-primary-500, #3d6fff);
-    border-width: calc(var(--eun-borderWidth-m, 1.5px) * 2);
+    border-width: calc(var(--eun-border-width-m, 1.5px) * 2);
   }
   .swatch-button:focus-visible .swatch {
     outline-color: var(--_focusIndicator);
@@ -139,7 +139,7 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
     font: inherit;
     color: var(--_textColor);
     background-color: var(--_background);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: var(--_borderRadius);
     padding: var(--_padding);
     box-sizing: border-box;
@@ -193,12 +193,12 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,P=[V,z,...x?[]:[N],U];function w(n){let o=n.trim();if(!o)return null;if(/^#[0-9a-f]{6}$/i.test(o))return o.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(o)){let[i,r,u]=o.slice(1);return`#${i}${i}${r}${r}${u}${u}`.toLowerCase()}let e=o.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);if(!e)return null;let t=i=>Math.min(255,Math.max(0,Math.round(Number(i)))).toString(16).padStart(2,"0");return`#${t(e[1])}${t(e[2])}${t(e[3])}`}var Y="eun-color-picker",j=M(D(A)),G=B(S(F(O(_(R(j)))))),a=class extends G{constructor(){super(...arguments);this.emptyValueLabel="No color selected";this.swatchesLabel="Presets";this.customLabel="Custom";this.nativeInputLabel="Pick a custom color";this.hexInputLabel="Hex color";this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.noAnimation=!1;this.swatchOnly=!1;this.presetsOnly=!1;this.presetsInline=!1;this.isOpen=!1;this.hexDraft="";this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:x}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{document.activeElement!==this&&this.closeListbox()})};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()};this.handleCancelClick=()=>{this.closeListbox(),this.cancelEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let t=Array.isArray(e)?e[0]:e;super.defaultValue=t}get presets(){return W(this.children)}get hexDraftInvalid(){return this.hexDraft!==""&&w(this.hexDraft)===null}get triggerAccessibleLabel(){return this.label?this.label:this.ariaLabel?this.ariaLabel:this.swatchOnly?this.value||this.emptyValueLabel:void 0}connectedCallback(){super.connectedCallback?.(),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),e.has("value")&&!this.isOpen&&(this.hexDraft=this.value??"")}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly)return;this.hexDraft=this.value??"";let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(t){let i=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(i)&&i>=0)return i}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.listboxAnimationDuration(e);t!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let t=this.listboxAnimationDuration(e);if(t===0){e.hidePopover();return}let i=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.listboxAnimation=i,i.finished.then(()=>{this.listboxAnimation===i&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldKeydown(e){e.key==="ArrowDown"&&!this.isOpen&&(e.preventDefault(),this.openListbox())}handleSelect(e){this.value=e,this.hexDraft=e,this.dispatchEvent(new C(this.value)),this.closeListbox()}handlePresetKeydown(e,t){let i=this.presets,r;switch(e.key){case"ArrowRight":case"ArrowDown":r=(t+1)%i.length;break;case"ArrowLeft":case"ArrowUp":r=(t-1+i.length)%i.length;break;case"Home":r=0;break;case"End":r=i.length-1;break;default:return}e.preventDefault(),this.presetButtonEls[r]?.focus()}handleNativeInput(e){this.handleSelect(e.target.value)}handleHexInput(e){this.hexDraft=e.target.value}handleHexCommit(){let e=w(this.hexDraft);e?this.handleSelect(e):this.hexDraft=this.value??""}handleSlotChange(){this.requestUpdate()}renderEditActions(){return d`
+`,K=[z,N,...x?[]:[V],U];function w(n){let o=n.trim();if(!o)return null;if(/^#[0-9a-f]{6}$/i.test(o))return o.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(o)){let[i,r,u]=o.slice(1);return`#${i}${i}${r}${r}${u}${u}`.toLowerCase()}let e=o.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);if(!e)return null;let t=i=>Math.min(255,Math.max(0,Math.round(Number(i)))).toString(16).padStart(2,"0");return`#${t(e[1])}${t(e[2])}${t(e[3])}`}var Y="eun-color-picker",j=M(R(A)),G=S(B(F(O(_(D(j)))))),a=class extends G{constructor(){super(...arguments);this.emptyValueLabel="No color selected";this.swatchesLabel="Presets";this.customLabel="Custom";this.nativeInputLabel="Pick a custom color";this.hexInputLabel="Hex color";this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.noAnimation=!1;this.swatchOnly=!1;this.presetsOnly=!1;this.presetsInline=!1;this.isOpen=!1;this.hexDraft="";this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:x}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{document.activeElement!==this&&this.closeListbox()})};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()};this.handleCancelClick=()=>{this.closeListbox(),this.cancelEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let t=Array.isArray(e)?e[0]:e;super.defaultValue=t}get presets(){return P(this.children)}get hexDraftInvalid(){return this.hexDraft!==""&&w(this.hexDraft)===null}get triggerAccessibleLabel(){return this.label?this.label:this.ariaLabel?this.ariaLabel:this.swatchOnly?this.value||this.emptyValueLabel:void 0}connectedCallback(){super.connectedCallback?.(),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),e.has("value")&&!this.isOpen&&(this.hexDraft=this.value??"")}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly)return;this.hexDraft=this.value??"";let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(t){let i=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(i)&&i>=0)return i}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.listboxAnimationDuration(e);t!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let t=this.listboxAnimationDuration(e);if(t===0){e.hidePopover();return}let i=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.listboxAnimation=i,i.finished.then(()=>{this.listboxAnimation===i&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldKeydown(e){e.key==="ArrowDown"&&!this.isOpen&&(e.preventDefault(),this.openListbox())}handleSelect(e){this.value=e,this.hexDraft=e,this.dispatchEvent(new C(this.value)),this.closeListbox()}handlePresetKeydown(e,t){let i=this.presets,r;switch(e.key){case"ArrowRight":case"ArrowDown":r=(t+1)%i.length;break;case"ArrowLeft":case"ArrowUp":r=(t-1+i.length)%i.length;break;case"Home":r=0;break;case"End":r=i.length-1;break;default:return}e.preventDefault(),this.presetButtonEls[r]?.focus()}handleNativeInput(e){this.handleSelect(e.target.value)}handleHexInput(e){this.hexDraft=e.target.value}handleHexCommit(){let e=w(this.hexDraft);e?this.handleSelect(e):this.hexDraft=this.value??""}handleSlotChange(){this.requestUpdate()}renderEditActions(){return d`
       <div id="edit-actions">
         <eun-button
           class="confirm"
           size="s"
-          variant="primary"
+          color="primary"
           appearance="default"
           rounded
           type="button"
@@ -246,12 +246,12 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
         aria-label=${h(t)}
         aria-describedby=${i?"description":l}
       >
-        ${e.map((r,u)=>{let K=this.value===r.value;return d`
+        ${e.map((r,u)=>{let W=this.value===r.value;return d`
             <button
               type="button"
               class="swatch-button"
               role="radio"
-              aria-checked=${K?"true":"false"}
+              aria-checked=${W?"true":"false"}
               aria-label=${r.label}
               tabindex="0"
               style="--_optionColor: ${r.value}"
@@ -403,7 +403,7 @@ import{a as W}from"./chunks/chunk-KBH5PCUO.js";import{a as _}from"./chunks/chunk
         ${r} ${t}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};a.styles=[P,y.base,y.errorMessages,y.hintMessages],s([p({attribute:"default-value"})],a.prototype,"defaultValue",1),s([p({attribute:"empty-value-label"})],a.prototype,"emptyValueLabel",2),s([p({attribute:"swatches-label"})],a.prototype,"swatchesLabel",2),s([p({attribute:"custom-label"})],a.prototype,"customLabel",2),s([p({attribute:"native-input-label"})],a.prototype,"nativeInputLabel",2),s([p({attribute:"hex-input-label"})],a.prototype,"hexInputLabel",2),s([p({attribute:"confirm-label"})],a.prototype,"confirmLabel",2),s([p({attribute:"cancel-label"})],a.prototype,"cancelLabel",2),s([p({type:Boolean,reflect:!0,attribute:"no-animation"})],a.prototype,"noAnimation",2),s([p({type:Boolean,reflect:!0,attribute:"swatch-only"})],a.prototype,"swatchOnly",2),s([p({type:Boolean,reflect:!0,attribute:"presets-only"})],a.prototype,"presetsOnly",2),s([p({type:Boolean,reflect:!0,attribute:"presets-inline"})],a.prototype,"presetsInline",2),s([g()],a.prototype,"isOpen",2),s([g()],a.prototype,"hexDraft",2),s([m("#field")],a.prototype,"fieldEl",2),s([m("#field-wrapper")],a.prototype,"fieldWrapperEl",2),s([m("#listbox")],a.prototype,"listboxEl",2),s([E(".swatch-button")],a.prototype,"presetButtonEls",2),a=s([$(Y)],a);export{a as EunomiaColorPicker,Y as EunomiaColorPickerTagName};
+    `}};a.styles=[K,y.base,y.errorMessages,y.hintMessages],s([p({attribute:"default-value"})],a.prototype,"defaultValue",1),s([p({attribute:"empty-value-label"})],a.prototype,"emptyValueLabel",2),s([p({attribute:"swatches-label"})],a.prototype,"swatchesLabel",2),s([p({attribute:"custom-label"})],a.prototype,"customLabel",2),s([p({attribute:"native-input-label"})],a.prototype,"nativeInputLabel",2),s([p({attribute:"hex-input-label"})],a.prototype,"hexInputLabel",2),s([p({attribute:"confirm-label"})],a.prototype,"confirmLabel",2),s([p({attribute:"cancel-label"})],a.prototype,"cancelLabel",2),s([p({type:Boolean,reflect:!0,attribute:"no-animation"})],a.prototype,"noAnimation",2),s([p({type:Boolean,reflect:!0,attribute:"swatch-only"})],a.prototype,"swatchOnly",2),s([p({type:Boolean,reflect:!0,attribute:"presets-only"})],a.prototype,"presetsOnly",2),s([p({type:Boolean,reflect:!0,attribute:"presets-inline"})],a.prototype,"presetsInline",2),s([g()],a.prototype,"isOpen",2),s([g()],a.prototype,"hexDraft",2),s([m("#field")],a.prototype,"fieldEl",2),s([m("#field-wrapper")],a.prototype,"fieldWrapperEl",2),s([m("#listbox")],a.prototype,"listboxEl",2),s([E(".swatch-button")],a.prototype,"presetButtonEls",2),a=s([$(Y)],a);export{a as EunomiaColorPicker,Y as EunomiaColorPickerTagName};
 /*! Bundled license information:
 
 lit-html/directives/live.js:

package/dist/cdn/components/eun-counter.js

@@ -1,4 +1,4 @@
-import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk-XSMCT4DF.js";import{a as y}from"./chunks/chunk-GW3VP2L7.js";import{a as h,c as v,d as x,e as d}from"./chunks/chunk-KNM5QHDK.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-T7WABJEJ.js";import{a as o}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as c,g as p,h as n,j as b,n as l,p as s,s as f}from"./chunks/chunk-XH6NREVZ.js";var k=p`
+import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk-LFCXUVDO.js";import{a as y}from"./chunks/chunk-GW3VP2L7.js";import{a as h,c as v,d as x,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-32DTNR52.js";import{a as o}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as c,g as p,h as n,j as b,n as l,p as s,s as f}from"./chunks/chunk-XH6NREVZ.js";var k=p`
   :host {
     --_borderColor: var(
       --counter-border-color,
@@ -21,11 +21,11 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
     );
     --_borderRadius: var(
       --counter-border-radius,
-      var(--eun-borderRadius-m, 8px)
+      var(--eun-border-radius-m, 8px)
     );
     --_fieldWidth: var(--counter-field-width, 3.5rem);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     display: block;
     width: fit-content;
     max-width: 100%;
@@ -43,7 +43,7 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
     display: inline-flex;
     align-items: stretch;
     background-color: var(--_background);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: var(--_borderRadius);
     outline: 1px solid transparent;
     box-sizing: border-box;
@@ -104,11 +104,11 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
   }
 
   #decrement {
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
+    border-inline-end: var(--eun-border-width-s, 1px) solid var(--_borderColor);
   }
 
   #increment {
-    border-inline-start: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
+    border-inline-start: var(--eun-border-width-s, 1px) solid var(--_borderColor);
   }
 
   #decrement:hover:not(:disabled),
@@ -162,25 +162,25 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
     cursor: default;
   }
 
-  :host([variant="fill"]) {
+  :host([appearance="flat"]) {
     --_background: var(--counter-background, var(--eun-content-hover, #edeff0));
   }
-  :host([variant="fill"]) #field-wrapper:not(:focus-within) {
+  :host([appearance="flat"]) #field-wrapper:not(:focus-within) {
     border-color: transparent;
   }
-  :host([variant="fill"]) #field-wrapper:has(#field[aria-invalid="true"]) {
-    box-shadow: inset 0 0 0 var(--eun-borderWidth-m, 1.5px) var(--_errorColor);
+  :host([appearance="flat"]) #field-wrapper:has(#field[aria-invalid="true"]) {
+    box-shadow: inset 0 0 0 var(--eun-border-width-m, 1.5px) var(--_errorColor);
   }
-  :host([variant="underline"]) #field-wrapper {
+  :host([appearance="underline"]) #field-wrapper {
     border: none;
     outline: none;
     border-radius: 0;
-    border-bottom: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
   }
-  :host([variant="underline"]) #field-wrapper:focus-within {
+  :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
-`,M=k;var I="eun-counter",$=m(x(f)),C=w(y(h(v($)))),i=class extends C{constructor(){super(...arguments);this.step=1;this.ariaLabelIncrement="Increase value";this.ariaLabelDecrement="Decrease value";this.handleHostFocus=()=>{this.fieldEl?.focus()};this.checkLocalValidators=()=>g(this.fieldEl,["valueMissing","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get value(){return super.value}set value(e){super.value=e}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),super.disconnectedCallback?.()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=e;return this.min!==void 0&&(r=Math.max(r,this.min)),this.max!==void 0&&(r=Math.min(r,this.max)),this.roundToStep(r)}commitValue(e){this.value=e,this.dispatchEvent(new u(this.value))}stepBy(e){if(this.disabled||this.readonly)return;let r=this.value??this.min??0;this.commitValue(this.clamp(r+e*this.step))}handleInput(e){let r=e.target.value,a=r===""?void 0:Number(r);this.value=a===void 0||Number.isNaN(a)?void 0:a,this.dispatchEvent(new u(this.value))}handleKeydown(e){this.disabled||this.readonly||(e.key==="Home"&&this.min!==void 0?(e.preventDefault(),this.commitValue(this.min)):e.key==="End"&&this.max!==void 0&&(e.preventDefault(),this.commitValue(this.max)))}renderField(e){let r=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.min!==void 0&&this.value<=this.min),a=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.max!==void 0&&this.value>=this.max),_=!Number.isInteger(this.step);return l`
+`,M=k;var I="eun-counter",$=m(x(f)),C=w(y(h(v($)))),t=class extends C{constructor(){super(...arguments);this.step=1;this.ariaLabelIncrement="Increase value";this.ariaLabelDecrement="Decrease value";this.handleHostFocus=()=>{this.fieldEl?.focus()};this.checkLocalValidators=()=>g(this.fieldEl,["valueMissing","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get value(){return super.value}set value(e){super.value=e}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),super.disconnectedCallback?.()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=e;return this.min!==void 0&&(r=Math.max(r,this.min)),this.max!==void 0&&(r=Math.min(r,this.max)),this.roundToStep(r)}commitValue(e){this.value=e,this.dispatchEvent(new u(this.value))}stepBy(e){if(this.disabled||this.readonly)return;let r=this.value??this.min??0;this.commitValue(this.clamp(r+e*this.step))}handleInput(e){let r=e.target.value,a=r===""?void 0:Number(r);this.value=a===void 0||Number.isNaN(a)?void 0:a,this.dispatchEvent(new u(this.value))}handleKeydown(e){this.disabled||this.readonly||(e.key==="Home"&&this.min!==void 0?(e.preventDefault(),this.commitValue(this.min)):e.key==="End"&&this.max!==void 0&&(e.preventDefault(),this.commitValue(this.max)))}renderField(e){let r=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.min!==void 0&&this.value<=this.min),a=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.max!==void 0&&this.value>=this.max),_=!Number.isInteger(this.step);return l`
       <div id="field-wrapper">
         <button
           type="button"
@@ -225,4 +225,4 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
         ${this.renderFormLabels("field")}
         ${this.renderField(e!==s)} ${e}
       </div>
-    `}};i.styles=[M,d.base,d.errorMessages,d.hintMessages],t([n({type:Number})],i.prototype,"min",2),t([n({type:Number})],i.prototype,"max",2),t([n({type:Number})],i.prototype,"step",2),t([n({attribute:"aria-label-increment"})],i.prototype,"ariaLabelIncrement",2),t([n({attribute:"aria-label-decrement"})],i.prototype,"ariaLabelDecrement",2),t([n({type:Number})],i.prototype,"value",1),t([n({attribute:"default-value",type:Number})],i.prototype,"defaultValue",1),t([b("#field")],i.prototype,"fieldEl",2),i=t([c(I)],i);export{i as EunomiaCounter,I as EunomiaCounterTagName};
+    `}};t.styles=[M,d.base,d.errorMessages,d.hintMessages],i([n({type:Number})],t.prototype,"min",2),i([n({type:Number})],t.prototype,"max",2),i([n({type:Number})],t.prototype,"step",2),i([n({attribute:"aria-label-increment"})],t.prototype,"ariaLabelIncrement",2),i([n({attribute:"aria-label-decrement"})],t.prototype,"ariaLabelDecrement",2),i([n({type:Number})],t.prototype,"value",1),i([n({attribute:"default-value",type:Number})],t.prototype,"defaultValue",1),i([b("#field")],t.prototype,"fieldEl",2),t=i([c(I)],t);export{t as EunomiaCounter,I as EunomiaCounterTagName};