@editora/ui-core 0.1.21 → 0.1.22

package/dist/date-field.cjs.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("./ElementBase-EV6mVBUV.js"),T=require("./calendar-Dkof-FTK.js"),u=require("./date-time-utils-Dmost5Ee.js");let U=0;const I=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("./ElementBase-EV6mVBUV.js"),C=require("./control-name-BmoI1m3a.js"),I=require("./calendar-Qa-cFOp3.js"),u=require("./date-time-utils-BzfTpeU-.js");let w=0;const B=`
   :host {
     --ui-date-field-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-date-field-border: 1px solid var(--ui-date-field-border-color);
     --ui-date-field-radius: var(--ui-radius, 12px);
     --ui-date-field-bg: var(--ui-color-surface, #ffffff);
     --ui-date-field-text: var(--ui-color-text, #0f172a);
-    --ui-date-field-muted: var(--ui-color-muted, #64748b);
+    --ui-date-field-muted: var(--ui-color-muted, #526175);
     --ui-date-field-focus: var(--ui-color-focus-ring, #2563eb);
     --ui-date-field-danger: var(--ui-color-danger, #dc2626);
     display: block;
@@ -127,8 +127,8 @@
   :host([readonly]) .segment {
     cursor: default;
   }
-`;function w(r,e){return new Date(Date.UTC(r,e,0)).getUTCDate()}function B(r){return`${String(r.year).padStart(4,"0")}-${String(r.month).padStart(2,"0")}-${String(r.day).padStart(2,"0")}`}function g(r){if(!r)return null;const e=T.parseISO(r);return e?{year:e.y,month:e.m,day:e.d}:null}function b(r){return{...r,day:Math.min(r.day,w(r.year,r.month))}}function V(r,e,i){if(e==="day"){const t=new Date(Date.UTC(r.year,r.month-1,r.day));return t.setUTCDate(t.getUTCDate()+i),{year:t.getUTCFullYear(),month:t.getUTCMonth()+1,day:t.getUTCDate()}}if(e==="month"){const t=r.month-1+i,s=new Date(Date.UTC(r.year,t,1));return b({year:s.getUTCFullYear(),month:s.getUTCMonth()+1,day:r.day})}return b({...r,year:Math.max(1,r.year+i)})}function D(r){try{return new Intl.DateTimeFormat(r,{year:"numeric",month:"2-digit",day:"2-digit",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(2026,10,21))).map(i=>i.type==="month"||i.type==="day"||i.type==="year"?{type:"segment",segment:i.type}:i.type==="literal"?{type:"literal",value:i.value}:null).filter(Boolean)}catch{return[{type:"segment",segment:"month"},{type:"literal",value:"/"},{type:"segment",segment:"day"},{type:"literal",value:"/"},{type:"segment",segment:"year"}]}}function z(r){return r==="year"?"YYYY":r==="month"?"MM":"DD"}const _=class _ extends F.ElementBase{constructor(){super(),this._value=null,this._activeSegment="month",this._segmentButtons=new Map,this._segmentsEl=null,this._shellEl=null,this._errorEl=null,this._formUnregister=null,this._bufferBySegment={month:"",day:"",year:""},this._bufferTimer=null,this._internals=null,this._uid=`ui-date-field-${++U}`,this._defaultValue=null;try{this._internals=typeof this.attachInternals=="function"?this.attachInternals():null}catch{this._internals=null}this._onSegmentKeyDown=this._onSegmentKeyDown.bind(this),this._onSegmentClick=this._onSegmentClick.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this)}static get observedAttributes(){return["value","min","max","locale","label","description","data-error","required","disabled","readonly","name"]}get value(){return this._value||""}set value(e){this._setValue(e||null,"api")}clearValue(){this._setValue(null,"clear")}formResetCallback(){this._setValue(this._defaultValue,"form")}connectedCallback(){super.connectedCallback(),this._defaultValue==null&&(this._defaultValue=this.getAttribute("value")),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null),this._bufferTimer!=null&&(window.clearTimeout(this._bufferTimer),this._bufferTimer=null),super.disconnectedCallback()}attributeChangedCallback(e,i,t){i!==t&&(e==="value"&&(this._value=this._normalizeDateValue(t)),e==="name"&&this.isConnected&&this._registerWithForm(),this._shellEl&&this._syncUi())}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
-      <style>${I}</style>
+`;function V(r,e){return new Date(Date.UTC(r,e,0)).getUTCDate()}function q(r){return`${String(r.year).padStart(4,"0")}-${String(r.month).padStart(2,"0")}-${String(r.day).padStart(2,"0")}`}function g(r){if(!r)return null;const e=I.parseISO(r);return e?{year:e.y,month:e.m,day:e.d}:null}function b(r){return{...r,day:Math.min(r.day,V(r.year,r.month))}}function z(r,e,i){if(e==="day"){const t=new Date(Date.UTC(r.year,r.month-1,r.day));return t.setUTCDate(t.getUTCDate()+i),{year:t.getUTCFullYear(),month:t.getUTCMonth()+1,day:t.getUTCDate()}}if(e==="month"){const t=r.month-1+i,s=new Date(Date.UTC(r.year,t,1));return b({year:s.getUTCFullYear(),month:s.getUTCMonth()+1,day:r.day})}return b({...r,year:Math.max(1,r.year+i)})}function D(r){try{return new Intl.DateTimeFormat(r,{year:"numeric",month:"2-digit",day:"2-digit",timeZone:"UTC"}).formatToParts(new Date(Date.UTC(2026,10,21))).map(i=>i.type==="month"||i.type==="day"||i.type==="year"?{type:"segment",segment:i.type}:i.type==="literal"?{type:"literal",value:i.value}:null).filter(Boolean)}catch{return[{type:"segment",segment:"month"},{type:"literal",value:"/"},{type:"segment",segment:"day"},{type:"literal",value:"/"},{type:"segment",segment:"year"}]}}function M(r){return r==="year"?"YYYY":r==="month"?"MM":"DD"}const _=class _ extends U.ElementBase{constructor(){super(),this._value=null,this._activeSegment="month",this._segmentButtons=new Map,this._segmentsEl=null,this._shellEl=null,this._errorEl=null,this._formUnregister=null,this._bufferBySegment={month:"",day:"",year:""},this._bufferTimer=null,this._internals=null,this._uid=`ui-date-field-${++w}`,this._defaultValue=null;try{this._internals=typeof this.attachInternals=="function"?this.attachInternals():null}catch{this._internals=null}this._onSegmentKeyDown=this._onSegmentKeyDown.bind(this),this._onSegmentClick=this._onSegmentClick.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this)}static get observedAttributes(){return["aria-label","aria-description","aria-describedby","value","min","max","locale","label","description","data-error","required","disabled","readonly","name"]}get value(){return this._value||""}set value(e){this._setValue(e||null,"api")}clearValue(){this._setValue(null,"clear")}formResetCallback(){this._setValue(this._defaultValue,"form")}connectedCallback(){super.connectedCallback(),this._defaultValue==null&&(this._defaultValue=this.getAttribute("value")),this._registerWithForm()}disconnectedCallback(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null),this._bufferTimer!=null&&(window.clearTimeout(this._bufferTimer),this._bufferTimer=null),super.disconnectedCallback()}attributeChangedCallback(e,i,t){i!==t&&(e==="value"&&(this._value=this._normalizeDateValue(t)),e==="name"&&this.isConnected&&this._registerWithForm(),this._shellEl&&this._syncUi())}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
+      <style>${B}</style>
       <div class="root">
         <div class="meta" hidden>
           <div class="label" hidden><span class="label-text"></span><span class="required" hidden>*</span></div>
@@ -139,4 +139,4 @@
         </div>
         <div class="error" part="error" hidden></div>
       </div>
-    `),this._segmentsEl=this.root.querySelector(".segments"),this._shellEl=this.root.querySelector(".shell"),this._errorEl=this.root.querySelector(".error"),this._shellEl?.addEventListener("focusin",this._onFocusIn),this._shellEl?.addEventListener("focusout",this._onFocusOut),this._value=this._normalizeDateValue(this.getAttribute("value")),this._syncFormValue(),this._syncUi()}_normalizeDateValue(e){const i=u.normalizeDateIso(e);if(!i)return null;const t=u.normalizeDateIso(this.getAttribute("min")),s=u.normalizeDateIso(this.getAttribute("max"));return u.clampDateIso(i,t,s)}_partsOrFallback(){return g(this._value)||g(u.normalizeDateIso(this.getAttribute("min")))||{year:2026,month:1,day:1}}_segmentOrder(){return D(u.normalizeLocale(this.getAttribute("locale"))).filter(e=>e.type==="segment").map(e=>e.segment)}_moveSegmentFocus(e){const i=this._segmentOrder(),t=i.indexOf(this._activeSegment),s=i[(t+e+i.length)%i.length];this._focusSegment(s)}_focusSegment(e){this._activeSegment=e,this._syncUi(),this._segmentButtons.get(e)?.focus()}_applyParts(e,i){const t=this._normalizeDateValue(B(b(e)));this._setValue(t,i)}_setValue(e,i){const t=this._normalizeDateValue(e);if(t===this._value){this._syncFormValue(),this._syncUi();return}const s=this._value;this._value=t,t?this.setAttribute("value",t):this.removeAttribute("value"),this._syncFormValue(),this._syncUi(),this.dispatchEvent(new CustomEvent("change",{detail:{value:t,previousValue:s,source:i},bubbles:!0,composed:!0}))}_syncFormValue(){try{this._internals?.setFormValue(this.value||"")}catch{}}_setBuffer(e,i){this._bufferBySegment[e]=i,this._bufferTimer!=null&&window.clearTimeout(this._bufferTimer),this._bufferTimer=window.setTimeout(()=>{this._bufferBySegment.month="",this._bufferBySegment.day="",this._bufferBySegment.year="",this._bufferTimer=null},900)}_applyNumericInput(e,i){const t=`${this._bufferBySegment[e]}${i}`.slice(e==="year"?-4:-2);this._setBuffer(e,t);const s=e==="year"?4:2;if(t.length<s)return;const l=this._partsOrFallback(),o=Number(t);Number.isFinite(o)&&(e==="month"&&(l.month=Math.min(Math.max(o,1),12)),e==="day"&&(l.day=Math.min(Math.max(o,1),31)),e==="year"&&(l.year=Math.min(Math.max(o,1),9999)),this._applyParts(l,"keyboard"),e!=="year"&&this._moveSegmentFocus(1))}_onSegmentClick(e){const t=e.currentTarget.getAttribute("data-segment");t&&this._focusSegment(t)}_onSegmentKeyDown(e){if(this.hasAttribute("disabled")||this.hasAttribute("readonly"))return;const i=e.currentTarget.getAttribute("data-segment");if(i){if(e.key==="ArrowLeft"){e.preventDefault(),this._moveSegmentFocus(-1);return}if(e.key==="ArrowRight"){e.preventDefault(),this._moveSegmentFocus(1);return}if(e.key==="ArrowUp"||e.key==="ArrowDown"){e.preventDefault();const t=V(this._partsOrFallback(),i,e.key==="ArrowUp"?1:-1);this._applyParts(t,"keyboard");return}if(e.key==="Backspace"||e.key==="Delete"){e.preventDefault(),this.clearValue();return}/^\d$/.test(e.key)&&(e.preventDefault(),this._applyNumericInput(i,e.key))}}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const s=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),l=this.getAttribute("name");s&&typeof s.registerField=="function"&&l&&(this._formUnregister=s.registerField(l,{name:l,getValue:()=>this.value,setValue:o=>this._setValue(o?String(o):null,"form"),validate:async()=>this.hasAttribute("required")&&!this.value?{valid:!1,message:"Date is required"}:{valid:!0},setError:o=>{o?this.setAttribute("data-error",o):this.removeAttribute("data-error"),this._syncUi()}}))}catch{}}_onFocusIn(){this._shellEl?.setAttribute("data-focused","true")}_onFocusOut(e){this._shellEl?.contains(e.relatedTarget)||this._shellEl?.setAttribute("data-focused","false")}_syncUi(){if(!this._segmentsEl||!this._shellEl||!this._errorEl)return;const e=this.root.activeElement,i=!!e&&this._segmentsEl.contains(e),t=(this.getAttribute("label")||"").trim(),s=(this.getAttribute("description")||"").trim(),l=(this.getAttribute("data-error")||"").trim(),o=this.root.querySelector(".meta"),y=this.root.querySelector(".label"),C=this.root.querySelector(".label-text"),k=this.root.querySelector(".required"),c=this.root.querySelector(".description"),p=`${this._uid}-label`,v=`${this._uid}-description`,x=`${this._uid}-error`;o.hidden=!t&&!s,y.hidden=!t,y.id=t?p:"",C.textContent=t,k.hidden=!this.hasAttribute("required"),c.hidden=!s,c.id=s?v:"",c.textContent=s,this._errorEl.hidden=!l,this._errorEl.id=l?x:"",this._errorEl.textContent=l,this._shellEl.setAttribute("data-invalid",l?"true":"false"),this._shellEl.setAttribute("role","group"),t?this._shellEl.setAttribute("aria-labelledby",p):this._shellEl.removeAttribute("aria-labelledby");const S=[s?v:null,l?x:null].filter(Boolean).join(" ");S?this._shellEl.setAttribute("aria-describedby",S):this._shellEl.removeAttribute("aria-describedby"),this._shellEl.setAttribute("aria-invalid",l?"true":"false"),this._shellEl.setAttribute("aria-required",this.hasAttribute("required")?"true":"false"),this._shellEl.setAttribute("aria-disabled",this.hasAttribute("disabled")?"true":"false"),this._shellEl.setAttribute("aria-readonly",this.hasAttribute("readonly")?"true":"false");const d=g(this._value),E=D(u.normalizeLocale(this.getAttribute("locale"))),A=E.filter(a=>a.type==="segment").map(a=>a.segment);A.includes(this._activeSegment)||(this._activeSegment=A[0]||"month");const m=[];if(this._segmentButtons.clear(),E.forEach(a=>{if(a.type==="literal"){const f=document.createElement("span");f.className="literal",f.textContent=a.value,m.push(f);return}const n=document.createElement("button");n.type="button",n.className="segment",n.setAttribute("data-segment",a.segment),n.setAttribute("data-active",this._activeSegment===a.segment?"true":"false"),n.setAttribute("data-empty",d?"false":"true"),n.setAttribute("aria-label",a.segment==="month"?"Month":a.segment==="day"?"Day":"Year"),n.tabIndex=this._activeSegment===a.segment?0:-1,n.disabled=this.hasAttribute("disabled"),n.addEventListener("click",this._onSegmentClick),n.addEventListener("keydown",this._onSegmentKeyDown),d?a.segment==="year"?n.textContent=String(d.year).padStart(4,"0"):a.segment==="month"?n.textContent=String(d.month).padStart(2,"0"):n.textContent=String(d.day).padStart(2,"0"):n.textContent=z(a.segment),this._segmentButtons.set(a.segment,n),m.push(n)}),this._segmentsEl.replaceChildren(...m),i){const a=this._segmentButtons.get(this._activeSegment);try{a?.focus({preventScroll:!0})}catch{a?.focus()}}}};_.formAssociated=!0;let h=_;typeof customElements<"u"&&!customElements.get("ui-date-field")&&customElements.define("ui-date-field",h);exports.UIDateField=h;
+    `),this._segmentsEl=this.root.querySelector(".segments"),this._shellEl=this.root.querySelector(".shell"),this._errorEl=this.root.querySelector(".error"),this._shellEl?.addEventListener("focusin",this._onFocusIn),this._shellEl?.addEventListener("focusout",this._onFocusOut),this._value=this._normalizeDateValue(this.getAttribute("value")),this._syncFormValue(),this._syncUi()}_normalizeDateValue(e){const i=u.normalizeDateIso(e);if(!i)return null;const t=u.normalizeDateIso(this.getAttribute("min")),s=u.normalizeDateIso(this.getAttribute("max"));return u.clampDateIso(i,t,s)}_partsOrFallback(){return g(this._value)||g(u.normalizeDateIso(this.getAttribute("min")))||{year:2026,month:1,day:1}}_segmentOrder(){return D(u.normalizeLocale(this.getAttribute("locale"))).filter(e=>e.type==="segment").map(e=>e.segment)}_moveSegmentFocus(e){const i=this._segmentOrder(),t=i.indexOf(this._activeSegment),s=i[(t+e+i.length)%i.length];this._focusSegment(s)}_focusSegment(e){this._activeSegment=e,this._syncUi(),this._segmentButtons.get(e)?.focus()}_applyParts(e,i){const t=this._normalizeDateValue(q(b(e)));this._setValue(t,i)}_setValue(e,i){const t=this._normalizeDateValue(e);if(t===this._value){this._syncFormValue(),this._syncUi();return}const s=this._value;this._value=t,t?this.setAttribute("value",t):this.removeAttribute("value"),this._syncFormValue(),this._syncUi(),this.dispatchEvent(new CustomEvent("change",{detail:{value:t,previousValue:s,source:i},bubbles:!0,composed:!0}))}_syncFormValue(){try{this._internals?.setFormValue(this.value||"")}catch{}}_setBuffer(e,i){this._bufferBySegment[e]=i,this._bufferTimer!=null&&window.clearTimeout(this._bufferTimer),this._bufferTimer=window.setTimeout(()=>{this._bufferBySegment.month="",this._bufferBySegment.day="",this._bufferBySegment.year="",this._bufferTimer=null},900)}_applyNumericInput(e,i){const t=`${this._bufferBySegment[e]}${i}`.slice(e==="year"?-4:-2);this._setBuffer(e,t);const s=e==="year"?4:2;if(t.length<s)return;const l=this._partsOrFallback(),o=Number(t);Number.isFinite(o)&&(e==="month"&&(l.month=Math.min(Math.max(o,1),12)),e==="day"&&(l.day=Math.min(Math.max(o,1),31)),e==="year"&&(l.year=Math.min(Math.max(o,1),9999)),this._applyParts(l,"keyboard"),e!=="year"&&this._moveSegmentFocus(1))}_onSegmentClick(e){const t=e.currentTarget.getAttribute("data-segment");t&&this._focusSegment(t)}_onSegmentKeyDown(e){if(this.hasAttribute("disabled")||this.hasAttribute("readonly"))return;const i=e.currentTarget.getAttribute("data-segment");if(i){if(e.key==="ArrowLeft"){e.preventDefault(),this._moveSegmentFocus(-1);return}if(e.key==="ArrowRight"){e.preventDefault(),this._moveSegmentFocus(1);return}if(e.key==="ArrowUp"||e.key==="ArrowDown"){e.preventDefault();const t=z(this._partsOrFallback(),i,e.key==="ArrowUp"?1:-1);this._applyParts(t,"keyboard");return}if(e.key==="Backspace"||e.key==="Delete"){e.preventDefault(),this.clearValue();return}/^\d$/.test(e.key)&&(e.preventDefault(),this._applyNumericInput(i,e.key))}}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const s=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),l=this.getAttribute("name");s&&typeof s.registerField=="function"&&l&&(this._formUnregister=s.registerField(l,{name:l,getValue:()=>this.value,setValue:o=>this._setValue(o?String(o):null,"form"),validate:async()=>this.hasAttribute("required")&&!this.value?{valid:!1,message:"Date is required"}:{valid:!0},setError:o=>{o?this.setAttribute("data-error",o):this.removeAttribute("data-error"),this._syncUi()}}))}catch{}}_onFocusIn(){this._shellEl?.setAttribute("data-focused","true")}_onFocusOut(e){this._shellEl?.contains(e.relatedTarget)||this._shellEl?.setAttribute("data-focused","false")}_syncUi(){if(!this._segmentsEl||!this._shellEl||!this._errorEl)return;const e=this.root.activeElement,i=!!e&&this._segmentsEl.contains(e),t=(this.getAttribute("label")||"").trim(),s=(this.getAttribute("description")||"").trim(),l=(this.getAttribute("data-error")||"").trim(),o=this.root.querySelector(".meta"),y=this.root.querySelector(".label"),k=this.root.querySelector(".label-text"),F=this.root.querySelector(".required"),c=this.root.querySelector(".description"),p=`${this._uid}-label`,v=`${this._uid}-description`,x=`${this._uid}-error`;o.hidden=!t&&!s,y.hidden=!t,y.id=t?p:"",k.textContent=t,F.hidden=!this.hasAttribute("required"),c.hidden=!s,c.id=s?v:"",c.textContent=s,this._errorEl.hidden=!l,this._errorEl.id=l?x:"",this._errorEl.textContent=l,this._shellEl.setAttribute("data-invalid",l?"true":"false"),this._shellEl.setAttribute("role","group"),C.syncControlName(this._shellEl,this,t?p:null);const S=[s?v:null,l?x:null].filter(Boolean).join(" ");C.syncControlDescription(this._shellEl,this,this._uid,S?S.split(" "):[]),this._shellEl.setAttribute("aria-invalid",l?"true":"false"),this._shellEl.setAttribute("aria-required",this.hasAttribute("required")?"true":"false"),this._shellEl.setAttribute("aria-disabled",this.hasAttribute("disabled")?"true":"false"),this._shellEl.removeAttribute("aria-readonly");const d=g(this._value),E=D(u.normalizeLocale(this.getAttribute("locale"))),A=E.filter(n=>n.type==="segment").map(n=>n.segment);A.includes(this._activeSegment)||(this._activeSegment=A[0]||"month");const m=[];if(this._segmentButtons.clear(),E.forEach(n=>{if(n.type==="literal"){const f=document.createElement("span");f.className="literal",f.textContent=n.value,m.push(f);return}const a=document.createElement("button");a.type="button",a.className="segment",a.setAttribute("data-segment",n.segment),a.setAttribute("data-active",this._activeSegment===n.segment?"true":"false"),a.setAttribute("data-empty",d?"false":"true");const T=n.segment==="month"?"Month":n.segment==="day"?"Day":"Year";a.tabIndex=this._activeSegment===n.segment?0:-1,a.disabled=this.hasAttribute("disabled"),a.addEventListener("click",this._onSegmentClick),a.addEventListener("keydown",this._onSegmentKeyDown),d?n.segment==="year"?a.textContent=String(d.year).padStart(4,"0"):n.segment==="month"?a.textContent=String(d.month).padStart(2,"0"):a.textContent=String(d.day).padStart(2,"0"):a.textContent=M(n.segment),a.setAttribute("aria-label",`${T} ${a.textContent||""}`.trim()),this._segmentButtons.set(n.segment,a),m.push(a)}),this._segmentsEl.replaceChildren(...m),i){const n=this._segmentButtons.get(this._activeSegment);try{n?.focus({preventScroll:!0})}catch{n?.focus()}}}};_.formAssociated=!0;let h=_;typeof customElements<"u"&&!customElements.get("ui-date-field")&&customElements.define("ui-date-field",h);exports.UIDateField=h;

package/dist/date-field.esm.js

@@ -1,15 +1,16 @@
-import { E as T } from "./ElementBase-YlTLMsGk.mjs";
-import { p as U } from "./calendar-DLY4acgn.mjs";
-import { n as d, a as w, b as C } from "./date-time-utils-y1N2gvG2.mjs";
-let I = 0;
-const B = `
+import { E as U } from "./ElementBase-YlTLMsGk.mjs";
+import { s as w, a as I } from "./control-name-Bpj7F34X.mjs";
+import { p as B } from "./calendar-DbxYRdlv.mjs";
+import { n as d, a as V, b as C } from "./date-time-utils-Cps2aSu2.mjs";
+let M = 0;
+const q = `
   :host {
     --ui-date-field-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-date-field-border: 1px solid var(--ui-date-field-border-color);
     --ui-date-field-radius: var(--ui-radius, 12px);
     --ui-date-field-bg: var(--ui-color-surface, #ffffff);
     --ui-date-field-text: var(--ui-color-text, #0f172a);
-    --ui-date-field-muted: var(--ui-color-muted, #64748b);
+    --ui-date-field-muted: var(--ui-color-muted, #526175);
     --ui-date-field-focus: var(--ui-color-focus-ring, #2563eb);
     --ui-date-field-danger: var(--ui-color-danger, #dc2626);
     display: block;
@@ -132,21 +133,21 @@ const B = `
     cursor: default;
   }
 `;
-function V(r, e) {
+function z(r, e) {
   return new Date(Date.UTC(r, e, 0)).getUTCDate();
 }
-function M(r) {
+function O(r) {
   return `${String(r.year).padStart(4, "0")}-${String(r.month).padStart(2, "0")}-${String(r.day).padStart(2, "0")}`;
 }
 function f(r) {
   if (!r) return null;
-  const e = U(r);
+  const e = B(r);
   return e ? { year: e.y, month: e.m, day: e.d } : null;
 }
 function g(r) {
-  return { ...r, day: Math.min(r.day, V(r.year, r.month)) };
+  return { ...r, day: Math.min(r.day, z(r.year, r.month)) };
 }
-function q(r, e, i) {
+function $(r, e, i) {
   if (e === "day") {
     const t = new Date(Date.UTC(r.year, r.month - 1, r.day));
     return t.setUTCDate(t.getUTCDate() + i), { year: t.getUTCFullYear(), month: t.getUTCMonth() + 1, day: t.getUTCDate() };
@@ -175,12 +176,12 @@ function D(r) {
     ];
   }
 }
-function z(r) {
+function N(r) {
   return r === "year" ? "YYYY" : r === "month" ? "MM" : "DD";
 }
-const _ = class _ extends T {
+const _ = class _ extends U {
   constructor() {
-    super(), this._value = null, this._activeSegment = "month", this._segmentButtons = /* @__PURE__ */ new Map(), this._segmentsEl = null, this._shellEl = null, this._errorEl = null, this._formUnregister = null, this._bufferBySegment = { month: "", day: "", year: "" }, this._bufferTimer = null, this._internals = null, this._uid = `ui-date-field-${++I}`, this._defaultValue = null;
+    super(), this._value = null, this._activeSegment = "month", this._segmentButtons = /* @__PURE__ */ new Map(), this._segmentsEl = null, this._shellEl = null, this._errorEl = null, this._formUnregister = null, this._bufferBySegment = { month: "", day: "", year: "" }, this._bufferTimer = null, this._internals = null, this._uid = `ui-date-field-${++M}`, this._defaultValue = null;
     try {
       this._internals = typeof this.attachInternals == "function" ? this.attachInternals() : null;
     } catch {
@@ -189,7 +190,7 @@ const _ = class _ extends T {
     this._onSegmentKeyDown = this._onSegmentKeyDown.bind(this), this._onSegmentClick = this._onSegmentClick.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onFocusOut = this._onFocusOut.bind(this);
   }
   static get observedAttributes() {
-    return ["value", "min", "max", "locale", "label", "description", "data-error", "required", "disabled", "readonly", "name"];
+    return ["aria-label", "aria-description", "aria-describedby", "value", "min", "max", "locale", "label", "description", "data-error", "required", "disabled", "readonly", "name"];
   }
   get value() {
     return this._value || "";
@@ -217,7 +218,7 @@ const _ = class _ extends T {
   }
   render() {
     this.setContent(`
-      <style>${B}</style>
+      <style>${q}</style>
       <div class="root">
         <div class="meta" hidden>
           <div class="label" hidden><span class="label-text"></span><span class="required" hidden>*</span></div>
@@ -234,7 +235,7 @@ const _ = class _ extends T {
     const i = d(e);
     if (!i) return null;
     const t = d(this.getAttribute("min")), s = d(this.getAttribute("max"));
-    return w(i, t, s);
+    return V(i, t, s);
   }
   _partsOrFallback() {
     return f(this._value) || f(d(this.getAttribute("min"))) || { year: 2026, month: 1, day: 1 };
@@ -250,7 +251,7 @@ const _ = class _ extends T {
     this._activeSegment = e, this._syncUi(), this._segmentButtons.get(e)?.focus();
   }
   _applyParts(e, i) {
-    const t = this._normalizeDateValue(M(g(e)));
+    const t = this._normalizeDateValue(O(g(e)));
     this._setValue(t, i);
   }
   _setValue(e, i) {
@@ -305,7 +306,7 @@ const _ = class _ extends T {
       }
       if (e.key === "ArrowUp" || e.key === "ArrowDown") {
         e.preventDefault();
-        const t = q(this._partsOrFallback(), i, e.key === "ArrowUp" ? 1 : -1);
+        const t = $(this._partsOrFallback(), i, e.key === "ArrowUp" ? 1 : -1);
         this._applyParts(t, "keyboard");
         return;
       }
@@ -340,27 +341,29 @@ const _ = class _ extends T {
   }
   _syncUi() {
     if (!this._segmentsEl || !this._shellEl || !this._errorEl) return;
-    const e = this.root.activeElement, i = !!e && this._segmentsEl.contains(e), t = (this.getAttribute("label") || "").trim(), s = (this.getAttribute("description") || "").trim(), l = (this.getAttribute("data-error") || "").trim(), o = this.root.querySelector(".meta"), y = this.root.querySelector(".label"), k = this.root.querySelector(".label-text"), F = this.root.querySelector(".required"), h = this.root.querySelector(".description"), p = `${this._uid}-label`, v = `${this._uid}-description`, x = `${this._uid}-error`;
-    o.hidden = !t && !s, y.hidden = !t, y.id = t ? p : "", k.textContent = t, F.hidden = !this.hasAttribute("required"), h.hidden = !s, h.id = s ? v : "", h.textContent = s, this._errorEl.hidden = !l, this._errorEl.id = l ? x : "", this._errorEl.textContent = l, this._shellEl.setAttribute("data-invalid", l ? "true" : "false"), this._shellEl.setAttribute("role", "group"), t ? this._shellEl.setAttribute("aria-labelledby", p) : this._shellEl.removeAttribute("aria-labelledby");
+    const e = this.root.activeElement, i = !!e && this._segmentsEl.contains(e), t = (this.getAttribute("label") || "").trim(), s = (this.getAttribute("description") || "").trim(), l = (this.getAttribute("data-error") || "").trim(), o = this.root.querySelector(".meta"), p = this.root.querySelector(".label"), k = this.root.querySelector(".label-text"), F = this.root.querySelector(".required"), h = this.root.querySelector(".description"), y = `${this._uid}-label`, v = `${this._uid}-description`, x = `${this._uid}-error`;
+    o.hidden = !t && !s, p.hidden = !t, p.id = t ? y : "", k.textContent = t, F.hidden = !this.hasAttribute("required"), h.hidden = !s, h.id = s ? v : "", h.textContent = s, this._errorEl.hidden = !l, this._errorEl.id = l ? x : "", this._errorEl.textContent = l, this._shellEl.setAttribute("data-invalid", l ? "true" : "false"), this._shellEl.setAttribute("role", "group"), w(this._shellEl, this, t ? y : null);
     const S = [s ? v : null, l ? x : null].filter(Boolean).join(" ");
-    S ? this._shellEl.setAttribute("aria-describedby", S) : this._shellEl.removeAttribute("aria-describedby"), this._shellEl.setAttribute("aria-invalid", l ? "true" : "false"), this._shellEl.setAttribute("aria-required", this.hasAttribute("required") ? "true" : "false"), this._shellEl.setAttribute("aria-disabled", this.hasAttribute("disabled") ? "true" : "false"), this._shellEl.setAttribute("aria-readonly", this.hasAttribute("readonly") ? "true" : "false");
-    const u = f(this._value), E = D(C(this.getAttribute("locale"))), A = E.filter((a) => a.type === "segment").map((a) => a.segment);
+    I(this._shellEl, this, this._uid, S ? S.split(" ") : []), this._shellEl.setAttribute("aria-invalid", l ? "true" : "false"), this._shellEl.setAttribute("aria-required", this.hasAttribute("required") ? "true" : "false"), this._shellEl.setAttribute("aria-disabled", this.hasAttribute("disabled") ? "true" : "false"), this._shellEl.removeAttribute("aria-readonly");
+    const u = f(this._value), E = D(C(this.getAttribute("locale"))), A = E.filter((n) => n.type === "segment").map((n) => n.segment);
     A.includes(this._activeSegment) || (this._activeSegment = A[0] || "month");
     const c = [];
-    if (this._segmentButtons.clear(), E.forEach((a) => {
-      if (a.type === "literal") {
+    if (this._segmentButtons.clear(), E.forEach((n) => {
+      if (n.type === "literal") {
         const m = document.createElement("span");
-        m.className = "literal", m.textContent = a.value, c.push(m);
+        m.className = "literal", m.textContent = n.value, c.push(m);
         return;
       }
-      const n = document.createElement("button");
-      n.type = "button", n.className = "segment", n.setAttribute("data-segment", a.segment), n.setAttribute("data-active", this._activeSegment === a.segment ? "true" : "false"), n.setAttribute("data-empty", u ? "false" : "true"), n.setAttribute("aria-label", a.segment === "month" ? "Month" : a.segment === "day" ? "Day" : "Year"), n.tabIndex = this._activeSegment === a.segment ? 0 : -1, n.disabled = this.hasAttribute("disabled"), n.addEventListener("click", this._onSegmentClick), n.addEventListener("keydown", this._onSegmentKeyDown), u ? a.segment === "year" ? n.textContent = String(u.year).padStart(4, "0") : a.segment === "month" ? n.textContent = String(u.month).padStart(2, "0") : n.textContent = String(u.day).padStart(2, "0") : n.textContent = z(a.segment), this._segmentButtons.set(a.segment, n), c.push(n);
+      const a = document.createElement("button");
+      a.type = "button", a.className = "segment", a.setAttribute("data-segment", n.segment), a.setAttribute("data-active", this._activeSegment === n.segment ? "true" : "false"), a.setAttribute("data-empty", u ? "false" : "true");
+      const T = n.segment === "month" ? "Month" : n.segment === "day" ? "Day" : "Year";
+      a.tabIndex = this._activeSegment === n.segment ? 0 : -1, a.disabled = this.hasAttribute("disabled"), a.addEventListener("click", this._onSegmentClick), a.addEventListener("keydown", this._onSegmentKeyDown), u ? n.segment === "year" ? a.textContent = String(u.year).padStart(4, "0") : n.segment === "month" ? a.textContent = String(u.month).padStart(2, "0") : a.textContent = String(u.day).padStart(2, "0") : a.textContent = N(n.segment), a.setAttribute("aria-label", `${T} ${a.textContent || ""}`.trim()), this._segmentButtons.set(n.segment, a), c.push(a);
     }), this._segmentsEl.replaceChildren(...c), i) {
-      const a = this._segmentButtons.get(this._activeSegment);
+      const n = this._segmentButtons.get(this._activeSegment);
       try {
-        a?.focus({ preventScroll: !0 });
+        n?.focus({ preventScroll: !0 });
       } catch {
-        a?.focus();
+        n?.focus();
       }
     }
   }

package/dist/date-picker.cjs.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ElementBase-EV6mVBUV.js"),L=require("./dismissable-layer-DNfrKA20.js"),w=require("./calendar-Dkof-FTK.js"),n=require("./date-time-utils-Dmost5Ee.js");let q=0;const M=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("./ElementBase-EV6mVBUV.js"),z=require("./control-name-BmoI1m3a.js"),q=require("./dismissable-layer-DNfrKA20.js"),A=require("./calendar-Qa-cFOp3.js"),s=require("./date-time-utils-BzfTpeU-.js");let M=0;const E=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
-`,E=`
+`,V=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.12l3.71-3.9a.75.75 0 1 1 1.08 1.04l-4.25 4.47a.75.75 0 0 1-1.08 0L5.2 8.27a.75.75 0 0 1 .02-1.06Z" fill="currentColor"/>
   </svg>
-`,V=`
+`,$=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06Z" fill="currentColor"/>
   </svg>
-`,$=`
+`,R=`
   :host {
     --ui-dp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dp-surface: linear-gradient(
@@ -20,7 +20,7 @@
     );
     --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-dp-text: var(--ui-color-text, #0f172a);
-    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dp-accent: var(--ui-color-primary, #2563eb);
     --ui-dp-success: var(--ui-color-success, #15803d);
     --ui-dp-radius: 12px;
@@ -381,7 +381,7 @@
       transform: rotate(360deg);
     }
   }
-`,R=`
+`,T=`
   .ui-date-picker-overlay-host {
     --ui-dp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dp-surface: linear-gradient(
@@ -391,7 +391,7 @@
     );
     --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-dp-text: var(--ui-color-text, #0f172a);
-    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dp-accent: var(--ui-color-primary, #2563eb);
     --ui-dp-success: var(--ui-color-success, #15803d);
     --ui-dp-radius: 12px;
@@ -545,10 +545,10 @@
       transform: translateY(0);
     }
   }
-`;function v(S){return S.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class z extends P.ElementBase{constructor(){super(...arguments),this._value=null,this._pendingValue=null,this._draftInput="",this._inlineError="",this._open=!1,this._syncing=!1,this._overlay=null,this._dismissableLayer=null,this._releaseScrollLock=null,this._lastOpenSource="api",this._restoreFocusEl=null,this._isInitialized=!1,this._hasView=!1,this._overlayMode=null,this._uid=`ui-dp-${++q}`,this._inputId=`${this._uid}-input`,this._labelId=`${this._uid}-label`,this._hintId=`${this._uid}-hint`,this._errorId=`${this._uid}-error`,this._panelId=`${this._uid}-panel`,this._panelTitleId=`${this._uid}-panel-title`,this._overlayFocusedOnOpen=!1,this._inlineCalendarFramePending=!1,this._inlineCalendarUpgradePending=!1,this._schedulePosition=n.rafThrottle(()=>this._positionOverlay()),this._onRootClickBound=e=>this._onRootClick(e),this._onRootInputBound=e=>this._onRootInput(e),this._onRootBlurBound=e=>this._onRootBlur(e),this._onRootKeyDownBound=e=>this._onRootKeyDown(e),this._onDocumentPointerDownBound=e=>this._onDocumentPointerDown(e),this._onDocumentKeyDownBound=e=>this._onDocumentKeyDown(e),this._onWindowResizeBound=()=>this._schedulePosition.run(),this._onWindowScrollBound=e=>{n.eventOriginatesWithin(e,[this._overlay])||this._schedulePosition.run()},this._onOverlayClickBound=e=>this._onOverlayClick(e),this._onOverlaySelectBound=e=>this._onCalendarSelect(e)}static get observedAttributes(){return["open","default-open","value","default-value","min","max","locale","translations","week-start","size","shape","bare","variant","state","placeholder","label","hint","error","clearable","allow-input","close-on-select","outside-click","disabled","readonly","required","name","mode","events","events-max","events-display","format","display-format","show-footer"]}connectedCallback(){if(super.connectedCallback(),this.root.addEventListener("click",this._onRootClickBound),this.root.addEventListener("input",this._onRootInputBound),this.root.addEventListener("focusout",this._onRootBlurBound),this.root.addEventListener("keydown",this._onRootKeyDownBound),!this._isInitialized){const e=this._clampToBounds(n.normalizeDateIso(this.getAttribute("value"))||n.normalizeDateIso(this.getAttribute("default-value")));this._value=e,this._pendingValue=e,this._draftInput=this._formatDisplay(e),this._open=this.hasAttribute("open")||n.isTruthyAttr(this.getAttribute("default-open")),this._isInitialized=!0}this._open&&!this._isInlineMode()&&this._ensureOverlay(),this._isInlineMode()&&this._scheduleInlineCalendarSync()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClickBound),this.root.removeEventListener("input",this._onRootInputBound),this.root.removeEventListener("focusout",this._onRootBlurBound),this.root.removeEventListener("keydown",this._onRootKeyDownBound),this._destroyOverlay(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(t!==i){if(e==="value"&&!this._syncing&&(this._value=this._clampToBounds(n.normalizeDateIso(i)),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._syncValueAttribute(this._value)),e==="open"&&!this._syncing&&(this._open=this.hasAttribute("open"),this._syncOverlay(this._open?"api":"outside")),e==="mode"&&this._syncOverlay("attribute"),e==="disabled"&&this.hasAttribute("disabled")&&this._setOpen(!1,"outside"),(e==="min"||e==="max")&&!this._syncing){const r=this._clampToBounds(this._value),a=this._clampToBounds(this._pendingValue);this._value=r,this._pendingValue=a,this._draftInput=this._formatDisplay(this._allowInput()?a:r),this._syncValueAttribute(r)}if(e==="state"&&this._state()==="loading"&&this._setOpen(!1,"outside"),!!this.isConnected){if(!this._hasView){this.requestRender();return}this._updateHostState()}}}_isInlineMode(){return(this.getAttribute("mode")||"popover")==="inline"}_isMobileSheet(){return n.shouldUseMobileSheet(this.getAttribute("mode"))}_isDisabled(){return this.hasAttribute("disabled")}_isReadonly(){return this.hasAttribute("readonly")}_allowInput(){return n.isTruthyAttr(this.getAttribute("allow-input"),!0)}_clearable(){return n.isTruthyAttr(this.getAttribute("clearable"),!0)}_closeOnSelect(){return n.isTruthyAttr(this.getAttribute("close-on-select"),!0)}_showFooter(){return n.isTruthyAttr(this.getAttribute("show-footer"),!0)}_isBare(){return n.isTruthyAttr(this.getAttribute("bare"),!1)}_locale(){return n.normalizeLocale(this.getAttribute("locale"))}_translations(){return w.resolveDateTimeTranslations(this.getAttribute("locale"),this.getAttribute("translations"))}_formatMode(){const e=(this.getAttribute("format")||"locale").trim();return e==="iso"||e==="custom"?e:"locale"}_displayFormat(){return(this.getAttribute("display-format")||"").trim()||null}_placeholder(){const e=this._translations(),t=this.getAttribute("placeholder");return t||(this._formatMode()==="iso"?"YYYY-MM-DD":e.selectDate)}_todayIso(){const e=new Date,t=String(e.getMonth()+1).padStart(2,"0"),i=String(e.getDate()).padStart(2,"0");return`${e.getFullYear()}-${t}-${i}`}_state(){const e=(this.getAttribute("state")||"").trim().toLowerCase();return e==="loading"||e==="success"||e==="error"?e:"idle"}_isInteractionBlocked(){return this._isDisabled()||this._state()==="loading"}_minIso(){return n.parseConstraintDate(this.getAttribute("min"))}_maxIso(){return n.parseConstraintDate(this.getAttribute("max"))}_resolvedBounds(){let e=this._minIso(),t=this._maxIso();if(e&&t&&w.compareISO(e,t)>0){const i=e;e=t,t=i}return{min:e,max:t}}_clampToBounds(e){if(!e)return null;const{min:t,max:i}=this._resolvedBounds();return n.clampDateIso(e,t,i)}_isWithinBounds(e){const{min:t,max:i}=this._resolvedBounds();return!(t&&w.compareISO(e,t)<0||i&&w.compareISO(e,i)>0)}_formatDisplay(e){return n.formatDateForDisplay(e,this._locale(),this._formatMode(),this._displayFormat())}_syncValueAttribute(e){this._syncing=!0;try{e?this.getAttribute("value")!==e&&this.setAttribute("value",e):this.hasAttribute("value")&&this.removeAttribute("value")}finally{this._syncing=!1}}_syncOpenAttribute(e){this._syncing=!0;try{e?this.hasAttribute("open")||this.setAttribute("open",""):this.hasAttribute("open")&&this.removeAttribute("open")}finally{this._syncing=!1}}_emitInput(e){const t={mode:"single",value:this._pendingValue,displayValue:this._formatDisplay(this._pendingValue),source:e};this.dispatchEvent(new CustomEvent("input",{detail:t,bubbles:!0,composed:!0}))}_emitChange(e){const t={mode:"single",value:this._value,displayValue:this._formatDisplay(this._value),source:e};this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}_emitInvalid(e,t){this.dispatchEvent(new CustomEvent("invalid",{detail:{raw:e,reason:t},bubbles:!0,composed:!0}))}_setOpen(e,t){e&&this._isInteractionBlocked()||this._open!==e&&(this._open=e,this._overlayFocusedOnOpen=!1,this._lastOpenSource=t,this._syncOpenAttribute(e),this._syncOverlay(t),this._updateHostState(),this.dispatchEvent(new CustomEvent(e?"open":"close",{bubbles:!0,composed:!0})))}_syncOverlay(e){if(this._isInlineMode()){this._destroyOverlay();return}if(this._open)this._ensureOverlay(),this._syncOverlayState();else if(this._destroyOverlay(),e!=="outside"){const t=this._restoreFocusEl||this.root.querySelector(".input");if(this._restoreFocusEl=null,t&&t.isConnected)try{t.focus()}catch{}}}_ensureOverlay(){if(this._overlay||typeof document>"u")return;const e=document.createElement("div");e.className="ui-date-picker-overlay-host",e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.pointerEvents="none",e.addEventListener("click",this._onOverlayClickBound),e.addEventListener("select",this._onOverlaySelectBound),e.addEventListener("change",this._onOverlaySelectBound),document.body.appendChild(e),this._overlay=e,this._syncOverlayHostZIndex(),document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound),window.addEventListener("resize",this._onWindowResizeBound),window.addEventListener("scroll",this._onWindowScrollBound,{passive:!0,capture:!0}),this._isMobileSheet()&&(this._releaseScrollLock=n.lockBodyScroll())}_syncOverlayHostZIndex(){if(!this._overlay||typeof window>"u")return;const e=window.getComputedStyle(this).getPropertyValue("--ui-dp-z").trim();this._overlay.style.zIndex=e||"1600"}_destroyOverlay(){this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._overlay&&(this._schedulePosition.cancel(),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound),window.removeEventListener("resize",this._onWindowResizeBound),window.removeEventListener("scroll",this._onWindowScrollBound,!0),this._overlay.removeEventListener("click",this._onOverlayClickBound),this._overlay.removeEventListener("select",this._onOverlaySelectBound),this._overlay.removeEventListener("change",this._onOverlaySelectBound),this._overlay.parentElement&&this._overlay.parentElement.removeChild(this._overlay),this._overlay=null,this._overlayMode=null,this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null))}_syncDismissableLayer(){if(this._dismissableLayer?.destroy(),this._dismissableLayer=null,!this._open||!this._overlay)return;const e=this._overlay.querySelector(".panel, .sheet"),t=this.root.querySelector(".field");e&&(this._dismissableLayer=L.createDismissableLayer({node:e,trigger:t,closeOnEscape:!0,closeOnPointerOutside:!0,closeOnFocusOutside:!1,onBeforeDismiss:i=>i==="escape-key"?(this._setOpen(!1,"escape"),!1):(i==="outside-pointer"&&this._setOpen(!1,"outside"),!1)}))}_positionOverlay(){if(!this._overlay||!this._open||this._isMobileSheet())return;const e=this.root.querySelector(".field"),t=this._overlay.querySelector(".panel");if(!e||!t)return;const i=e.getBoundingClientRect();t.style.setProperty("--ui-dp-panel-width",`${Math.round(i.width)}px`);const r=t.getBoundingClientRect(),a=t.getAttribute("data-placement"),s=n.computePopoverPosition(i,r,8,8,a==="top"?"top":a==="bottom"?"bottom":null);t.style.position="absolute",t.style.top=`${Math.round(s.top)}px`,t.style.left=`${Math.round(s.left)}px`,t.setAttribute("data-placement",s.placement)}_parseAndValidate(e){return n.parseUserDateInput(e,this._locale())}_commit(e,t){if(this._isReadonly()||this._isInteractionBlocked())return;const i=this._clampToBounds(e);this._value=i,this._pendingValue=i,this._draftInput=this._formatDisplay(i),this._inlineError="",this._syncValueAttribute(i),this._emitInput(t),this._emitChange(t),this._updateHostState()}_renderPanelInner(e){const t=this._translations(),i=(this.getAttribute("label")||"").trim(),r=!!i||e,a=!this._closeOnSelect()||e,s=e?"sheet":"panel",d=e?"true":"false";return`
-      <style>${R}</style>
+`;function v(S){return S.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class P extends L.ElementBase{constructor(){super(...arguments),this._value=null,this._pendingValue=null,this._draftInput="",this._inlineError="",this._open=!1,this._syncing=!1,this._overlay=null,this._dismissableLayer=null,this._releaseScrollLock=null,this._lastOpenSource="api",this._restoreFocusEl=null,this._isInitialized=!1,this._hasView=!1,this._overlayMode=null,this._uid=`ui-dp-${++M}`,this._inputId=`${this._uid}-input`,this._labelId=`${this._uid}-label`,this._hintId=`${this._uid}-hint`,this._errorId=`${this._uid}-error`,this._panelId=`${this._uid}-panel`,this._panelTitleId=`${this._uid}-panel-title`,this._overlayFocusedOnOpen=!1,this._inlineCalendarFramePending=!1,this._inlineCalendarUpgradePending=!1,this._schedulePosition=s.rafThrottle(()=>this._positionOverlay()),this._onRootClickBound=e=>this._onRootClick(e),this._onRootInputBound=e=>this._onRootInput(e),this._onRootBlurBound=e=>this._onRootBlur(e),this._onRootKeyDownBound=e=>this._onRootKeyDown(e),this._onDocumentPointerDownBound=e=>this._onDocumentPointerDown(e),this._onDocumentKeyDownBound=e=>this._onDocumentKeyDown(e),this._onWindowResizeBound=()=>this._schedulePosition.run(),this._onWindowScrollBound=e=>{s.eventOriginatesWithin(e,[this._overlay])||this._schedulePosition.run()},this._onOverlayClickBound=e=>this._onOverlayClick(e),this._onOverlaySelectBound=e=>this._onCalendarSelect(e)}static get observedAttributes(){return["aria-label","aria-description","aria-describedby","open","default-open","value","default-value","min","max","locale","translations","week-start","size","shape","bare","variant","state","placeholder","label","hint","error","clearable","allow-input","close-on-select","outside-click","disabled","readonly","required","name","mode","events","events-max","events-display","format","display-format","show-footer"]}connectedCallback(){if(super.connectedCallback(),this.root.addEventListener("click",this._onRootClickBound),this.root.addEventListener("input",this._onRootInputBound),this.root.addEventListener("focusout",this._onRootBlurBound),this.root.addEventListener("keydown",this._onRootKeyDownBound),!this._isInitialized){const e=this._clampToBounds(s.normalizeDateIso(this.getAttribute("value"))||s.normalizeDateIso(this.getAttribute("default-value")));this._value=e,this._pendingValue=e,this._draftInput=this._formatDisplay(e),this._open=this.hasAttribute("open")||s.isTruthyAttr(this.getAttribute("default-open")),this._isInitialized=!0}this._open&&!this._isInlineMode()&&this._ensureOverlay(),this._isInlineMode()&&this._scheduleInlineCalendarSync()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClickBound),this.root.removeEventListener("input",this._onRootInputBound),this.root.removeEventListener("focusout",this._onRootBlurBound),this.root.removeEventListener("keydown",this._onRootKeyDownBound),this._destroyOverlay(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(t!==i){if(e==="value"&&!this._syncing&&(this._value=this._clampToBounds(s.normalizeDateIso(i)),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._syncValueAttribute(this._value)),e==="open"&&!this._syncing&&(this._open=this.hasAttribute("open"),this._syncOverlay(this._open?"api":"outside")),e==="mode"&&this._syncOverlay("attribute"),e==="disabled"&&this.hasAttribute("disabled")&&this._setOpen(!1,"outside"),(e==="min"||e==="max")&&!this._syncing){const r=this._clampToBounds(this._value),a=this._clampToBounds(this._pendingValue);this._value=r,this._pendingValue=a,this._draftInput=this._formatDisplay(this._allowInput()?a:r),this._syncValueAttribute(r)}if(e==="state"&&this._state()==="loading"&&this._setOpen(!1,"outside"),!!this.isConnected){if(!this._hasView){this.requestRender();return}this._updateHostState()}}}_isInlineMode(){return(this.getAttribute("mode")||"popover")==="inline"}_isMobileSheet(){return s.shouldUseMobileSheet(this.getAttribute("mode"))}_isDisabled(){return this.hasAttribute("disabled")}_isReadonly(){return this.hasAttribute("readonly")}_allowInput(){return s.isTruthyAttr(this.getAttribute("allow-input"),!0)}_clearable(){return s.isTruthyAttr(this.getAttribute("clearable"),!0)}_closeOnSelect(){return s.isTruthyAttr(this.getAttribute("close-on-select"),!0)}_showFooter(){return s.isTruthyAttr(this.getAttribute("show-footer"),!0)}_isBare(){return s.isTruthyAttr(this.getAttribute("bare"),!1)}_locale(){return s.normalizeLocale(this.getAttribute("locale"))}_translations(){return A.resolveDateTimeTranslations(this.getAttribute("locale"),this.getAttribute("translations"))}_formatMode(){const e=(this.getAttribute("format")||"locale").trim();return e==="iso"||e==="custom"?e:"locale"}_displayFormat(){return(this.getAttribute("display-format")||"").trim()||null}_placeholder(){const e=this._translations(),t=this.getAttribute("placeholder");return t||(this._formatMode()==="iso"?"YYYY-MM-DD":e.selectDate)}_todayIso(){const e=new Date,t=String(e.getMonth()+1).padStart(2,"0"),i=String(e.getDate()).padStart(2,"0");return`${e.getFullYear()}-${t}-${i}`}_state(){const e=(this.getAttribute("state")||"").trim().toLowerCase();return e==="loading"||e==="success"||e==="error"?e:"idle"}_isInteractionBlocked(){return this._isDisabled()||this._state()==="loading"}_minIso(){return s.parseConstraintDate(this.getAttribute("min"))}_maxIso(){return s.parseConstraintDate(this.getAttribute("max"))}_resolvedBounds(){let e=this._minIso(),t=this._maxIso();if(e&&t&&A.compareISO(e,t)>0){const i=e;e=t,t=i}return{min:e,max:t}}_clampToBounds(e){if(!e)return null;const{min:t,max:i}=this._resolvedBounds();return s.clampDateIso(e,t,i)}_isWithinBounds(e){const{min:t,max:i}=this._resolvedBounds();return!(t&&A.compareISO(e,t)<0||i&&A.compareISO(e,i)>0)}_formatDisplay(e){return s.formatDateForDisplay(e,this._locale(),this._formatMode(),this._displayFormat())}_syncValueAttribute(e){this._syncing=!0;try{e?this.getAttribute("value")!==e&&this.setAttribute("value",e):this.hasAttribute("value")&&this.removeAttribute("value")}finally{this._syncing=!1}}_syncOpenAttribute(e){this._syncing=!0;try{e?this.hasAttribute("open")||this.setAttribute("open",""):this.hasAttribute("open")&&this.removeAttribute("open")}finally{this._syncing=!1}}_emitInput(e){const t={mode:"single",value:this._pendingValue,displayValue:this._formatDisplay(this._pendingValue),source:e};this.dispatchEvent(new CustomEvent("input",{detail:t,bubbles:!0,composed:!0}))}_emitChange(e){const t={mode:"single",value:this._value,displayValue:this._formatDisplay(this._value),source:e};this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}_emitInvalid(e,t){this.dispatchEvent(new CustomEvent("invalid",{detail:{raw:e,reason:t},bubbles:!0,composed:!0}))}_setOpen(e,t){e&&this._isInteractionBlocked()||this._open!==e&&(this._open=e,this._overlayFocusedOnOpen=!1,this._lastOpenSource=t,this._syncOpenAttribute(e),this._syncOverlay(t),this._updateHostState(),this.dispatchEvent(new CustomEvent(e?"open":"close",{bubbles:!0,composed:!0})))}_syncOverlay(e){if(this._isInlineMode()){this._destroyOverlay();return}if(this._open)this._ensureOverlay(),this._syncOverlayState();else if(this._destroyOverlay(),e!=="outside"){const t=this._restoreFocusEl||this.root.querySelector(".input");if(this._restoreFocusEl=null,t&&t.isConnected)try{t.focus()}catch{}}}_ensureOverlay(){if(this._overlay||typeof document>"u")return;const e=document.createElement("div");e.className="ui-date-picker-overlay-host",e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.pointerEvents="none",e.addEventListener("click",this._onOverlayClickBound),e.addEventListener("select",this._onOverlaySelectBound),e.addEventListener("change",this._onOverlaySelectBound),document.body.appendChild(e),this._overlay=e,this._syncOverlayHostZIndex(),document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound),window.addEventListener("resize",this._onWindowResizeBound),window.addEventListener("scroll",this._onWindowScrollBound,{passive:!0,capture:!0}),this._isMobileSheet()&&(this._releaseScrollLock=s.lockBodyScroll())}_syncOverlayHostZIndex(){if(!this._overlay||typeof window>"u")return;const e=window.getComputedStyle(this).getPropertyValue("--ui-dp-z").trim();this._overlay.style.zIndex=e||"1600"}_destroyOverlay(){this._dismissableLayer?.destroy(),this._dismissableLayer=null,this._overlay&&(this._schedulePosition.cancel(),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound),window.removeEventListener("resize",this._onWindowResizeBound),window.removeEventListener("scroll",this._onWindowScrollBound,!0),this._overlay.removeEventListener("click",this._onOverlayClickBound),this._overlay.removeEventListener("select",this._onOverlaySelectBound),this._overlay.removeEventListener("change",this._onOverlaySelectBound),this._overlay.parentElement&&this._overlay.parentElement.removeChild(this._overlay),this._overlay=null,this._overlayMode=null,this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null))}_syncDismissableLayer(){if(this._dismissableLayer?.destroy(),this._dismissableLayer=null,!this._open||!this._overlay)return;const e=this._overlay.querySelector(".panel, .sheet"),t=this.root.querySelector(".field");e&&(this._dismissableLayer=q.createDismissableLayer({node:e,trigger:t,closeOnEscape:!0,closeOnPointerOutside:!0,closeOnFocusOutside:!1,onBeforeDismiss:i=>i==="escape-key"?(this._setOpen(!1,"escape"),!1):(i==="outside-pointer"&&this._setOpen(!1,"outside"),!1)}))}_positionOverlay(){if(!this._overlay||!this._open||this._isMobileSheet())return;const e=this.root.querySelector(".field"),t=this._overlay.querySelector(".panel");if(!e||!t)return;const i=e.getBoundingClientRect();t.style.setProperty("--ui-dp-panel-width",`${Math.round(i.width)}px`);const r=t.getBoundingClientRect(),a=t.getAttribute("data-placement"),n=s.computePopoverPosition(i,r,8,8,a==="top"?"top":a==="bottom"?"bottom":null);t.style.position="absolute",t.style.top=`${Math.round(n.top)}px`,t.style.left=`${Math.round(n.left)}px`,t.setAttribute("data-placement",n.placement)}_parseAndValidate(e){return s.parseUserDateInput(e,this._locale())}_commit(e,t){if(this._isReadonly()||this._isInteractionBlocked())return;const i=this._clampToBounds(e);this._value=i,this._pendingValue=i,this._draftInput=this._formatDisplay(i),this._inlineError="",this._syncValueAttribute(i),this._emitInput(t),this._emitChange(t),this._updateHostState()}_renderPanelInner(e){const t=this._translations(),i=(this.getAttribute("label")||"").trim(),r=!!i||e,a=!this._closeOnSelect()||e,n=e?"sheet":"panel",l=e?"true":"false";return`
+      <style>${T}</style>
       ${e?'<div class="sheet-backdrop" data-action="backdrop"></div>':""}
-      <section class="${s}" id="${this._panelId}" part="${e?"sheet":"popover"}" role="dialog" aria-modal="${d}" aria-labelledby="${this._panelTitleId}" aria-label="${v(t.datePickerPanel)}">
+      <section class="${n}" id="${this._panelId}" part="${e?"sheet":"popover"}" role="dialog" aria-modal="${l}" aria-labelledby="${this._panelTitleId}" aria-label="${v(t.datePickerPanel)}">
         <header class="header" part="header" ${r?"":"hidden"}>
           <p class="title" id="${this._panelTitleId}" ${i?"":"hidden"}>${v(i)}</p>
           ${e?`<button type="button" class="action" data-action="cancel">${v(t.cancel)}</button>`:""}
@@ -560,19 +560,19 @@
           ${a?`<button type="button" class="action" data-tone="primary" data-action="apply" part="apply">${v(t.apply)}</button>`:""}
         </footer>
       </section>
-    `}_syncCalendarElement(e){const t=(o,c)=>{if(c==null||c===""){e.hasAttribute(o)&&e.removeAttribute(o);return}e.getAttribute(o)!==c&&e.setAttribute(o,c)},i=(o,c)=>{c?e.hasAttribute(o)||e.setAttribute(o,""):e.hasAttribute(o)&&e.removeAttribute(o)},{min:r,max:a}=this._resolvedBounds();t("selection","single"),t("value",this._pendingValue),t("min",r),t("max",a),t("locale",this.getAttribute("locale")),t("translations",this.getAttribute("translations")),t("week-start",this.getAttribute("week-start"));const d=this.getAttribute("size")||"sm";t("size",d==="lg"?"md":"sm"),t("variant",this.getAttribute("variant")),t("outside-click",this.getAttribute("outside-click")),t("events",this.getAttribute("events")),t("events-max",this.getAttribute("events-max")),t("events-display",this.getAttribute("events-display"));const u=e.classList.contains("inline-calendar");d==="lg"?(e.style.setProperty("--ui-calendar-day-height","1.95em"),e.style.setProperty("--ui-calendar-day-padding-block","0.2em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),e.style.setProperty("--ui-calendar-gap","0.42em"),e.style.setProperty("--ui-calendar-day-font-size","0.78em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),e.style.setProperty("--ui-calendar-title-font-size","0.88em")):(e.style.setProperty("--ui-calendar-day-height","2.4em"),e.style.setProperty("--ui-calendar-day-padding-block","0.14em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),e.style.setProperty("--ui-calendar-gap","0.34em"),e.style.setProperty("--ui-calendar-day-font-size","0.72em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),e.style.setProperty("--ui-calendar-title-font-size","0.8em")),u?(e.style.setProperty("--ui-calendar-day-height",d==="lg"?"2.1em":"1.92em"),e.style.setProperty("--ui-calendar-day-padding-block","0.08em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),e.style.setProperty("--ui-calendar-frame-padding","0.28em"),e.style.setProperty("--ui-calendar-week-gap","0.16em"),e.style.setProperty("--ui-calendar-control-height","1.64em"),e.style.setProperty("--ui-calendar-gap","0.2em"),e.style.setProperty("--ui-calendar-day-font-size",d==="lg"?"0.76em":"0.68em"),e.style.setProperty("--ui-calendar-weekday-font-size",d==="lg"?"0.66em":"0.58em"),e.style.setProperty("--ui-calendar-title-font-size",d==="lg"?"0.84em":"0.76em")):(e.style.removeProperty("--ui-calendar-frame-padding"),e.style.removeProperty("--ui-calendar-week-gap"),e.style.removeProperty("--ui-calendar-control-height")),i("readonly",this._isReadonly()),i("disabled",this._isInteractionBlocked()),i("bare",this._isBare()),t("tabindex","-1"),t("aria-label",this.getAttribute("label")||this._translations().selectDate)}_ensureOverlayContent(e){if(!this._overlay)return;const t=e?"sheet":"popover";this._overlayMode===t&&this._overlay.querySelector(".dp-calendar")||(this._overlayMode=t,this._overlay.innerHTML=e?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const e=this._isMobileSheet();e&&!this._releaseScrollLock?this._releaseScrollLock=n.lockBodyScroll():!e&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(e);const t=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet");this._syncDismissableLayer();const r=this._overlay.querySelector(".header"),a=this._overlay.querySelector(".footer"),s=this._translations();if(i&&(i.dataset.bare=this._isBare()?"true":"false"),a&&(a.hidden=!this._showFooter()),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!e),t){const p=(this.getAttribute("label")||"").trim();t.textContent=p,t.hidden=!p}const d=this._overlay.querySelector('[data-action="today"]');d&&(d.textContent=s.today);const u=this._overlay.querySelector('[data-action="clear"]');u&&(u.textContent=s.clear);const o=this._overlay.querySelector('[data-action="cancel"]');o&&(o.textContent=s.cancel);const c=this._overlay.querySelector('[data-action="apply"]');c&&(c.textContent=s.apply);const m=this._overlay.querySelector('[data-action="apply"]');m&&(m.hidden=this._closeOnSelect()&&!e);const f=this._overlay.querySelectorAll(".action"),g=this._isInteractionBlocked();f.forEach(p=>{p.disabled=g});const _=this._overlay.querySelector(".dp-calendar");_&&(this._syncCalendarElement(_),this._open&&!this._overlayFocusedOnOpen&&this._lastOpenSource!=="attribute"&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{_.focus({preventScroll:!0})}catch{}}))),e||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const e=this.root.querySelector(".inline-calendar");e&&this._syncCalendarElement(e)}_scheduleInlineCalendarSync(){const e=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};e(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,e()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{e()})}))}_handleDraftCommit(e){const t=this._draftInput.trim();if(!t){this._commit(null,e);return}const i=this._parseAndValidate(t);if(!i){this._inlineError=this.getAttribute("error")||this._translations().invalidDate,this._emitInvalid(t,"parse"),this._updateHostState();return}if(!this._isWithinBounds(i)){this._inlineError=this.getAttribute("error")||this._translations().dateOutOfRange,this._emitInvalid(t,"range"),this._updateHostState();return}this._pendingValue=i,this._commit(i,e)}_onRootClick(e){const t=e.target;if(!t)return;const i=t.closest("[data-action]"),r=i?.getAttribute("data-action");if(!(!r||this._isInteractionBlocked())){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"api");return}if(r==="clear"){e.preventDefault(),this._commit(null,"clear");return}if(r==="today"){e.preventDefault();const a=this._todayIso(),s=this._parseAndValidate(a);if(!s)return;const{min:d,max:u}=this._resolvedBounds(),o=n.clampDateIso(s,d,u);if(!o)return;this._pendingValue=o,this._emitInput("today"),this._closeOnSelect()&&!this._isInlineMode()?(this._commit(o,"today"),this._setOpen(!1,"today")):this._updateHostState();return}if(r==="apply"){e.preventDefault(),this._commit(this._pendingValue,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}if(r==="cancel"){e.preventDefault(),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._isInlineMode()||this._setOpen(!1,"outside"),this._updateHostState();return}}}_onRootInput(e){const t=e.target;if(!(t instanceof HTMLInputElement)||!t.classList.contains("input")||this._isInteractionBlocked()||!this._allowInput())return;this._draftInput=t.value,this._inlineError="";const i=this._parseAndValidate(t.value);this._pendingValue=i,this._emitInput("typing")}_onRootBlur(e){const t=e,i=t.target;if(!(i instanceof HTMLInputElement)||!i.classList.contains("input")||!this._allowInput())return;this._draftInput=i.value;const r=t.relatedTarget;r&&this._overlay?.contains(r)||this._open&&!this._isInlineMode()||this._handleDraftCommit("blur")}_onRootKeyDown(e){const t=e,i=t.target;if(i instanceof HTMLInputElement&&i.classList.contains("input")&&!this._isInteractionBlocked()){if(t.key==="Enter"){t.preventDefault(),this._draftInput=i.value,this._handleDraftCommit("enter"),this._isInlineMode()||this._setOpen(!1,"enter");return}if(t.key==="ArrowDown"&&!this._open&&!this._isInlineMode()){t.preventDefault(),this._setOpen(!0,"api");return}t.key==="Escape"&&this._open&&!this._isInlineMode()&&(t.preventDefault(),this._setOpen(!1,"escape"))}}_onDocumentPointerDown(e){if(!this._open||!this._overlay)return;const t=e.composedPath();t.includes(this)||t.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(e){this._open&&e.key==="Escape"&&(e.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(e){const t=e.target;if(!t)return;const r=t.closest("[data-action]")?.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="today"){const a=this._parseAndValidate(this._todayIso());if(!a)return;const{min:s,max:d}=this._resolvedBounds(),u=n.clampDateIso(a,s,d);if(!u)return;this._pendingValue=u,this._emitInput("today"),this._closeOnSelect()?(this._commit(u,"today"),this._setOpen(!1,"today")):this._renderOverlay();return}if(r==="clear"){this._pendingValue=null,this._emitInput("clear"),this._closeOnSelect()?(this._commit(null,"clear"),this._setOpen(!1,"clear")):this._renderOverlay();return}if(r==="apply"){this._commit(this._pendingValue,"apply"),this._setOpen(!1,"apply");return}r==="cancel"&&(this._pendingValue=this._value,this._setOpen(!1,"outside"))}}_onCalendarSelect(e){if(this._isInteractionBlocked())return;const t=e,i=e.target;if(!i||i.tagName.toLowerCase()!=="ui-calendar")return;let r=null;if(t.type==="select")r=n.normalizeDateIso(t.detail?.value||null);else if(t.type==="change"){const s=t.detail?.value;typeof s=="string"&&(r=n.normalizeDateIso(s))}if(!r)return;const a=this._clampToBounds(r);a&&(this._pendingValue=a,this._emitInput("calendar"),this._closeOnSelect()?(this._commit(a,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar")):this._updateHostState())}_updateHostState(){if(!this._hasView)return;const e=this.getAttribute("label")||"",t=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,a=this._placeholder(),s=this._translations(),d=!!(this._value||this._pendingValue),u=this.getAttribute("name")||"",o=this._isInlineMode(),c=r?"error":this._state(),m=this._allowInput()?this._draftInput:this._formatDisplay(this._pendingValue||this._value),f=this.root.querySelector(".label"),g=this.root.querySelector(".label-text"),_=this.root.querySelector(".required"),p=this.root.querySelector(".field"),l=this.root.querySelector(".input"),x=this.root.querySelector('.btn[data-action="clear"]'),b=this.root.querySelector('.btn[data-action="toggle"]'),y=this.root.querySelector(".hint"),I=this.root.querySelector(".error"),k=this.root.querySelector(".hidden-input"),h=this.root.querySelector(".inline-panel"),O=this.root.querySelector('.inline-panel [data-action="today"]'),B=this.root.querySelector('.inline-panel [data-action="clear"]'),C=this.root.querySelector('.inline-panel [data-action="apply"]'),D=this.root.querySelector(".inline-panel .footer");if(f&&(f.hidden=!e,f.id=this._labelId,f.setAttribute("for",this._inputId)),g&&(g.textContent=e),_&&(_.hidden=!this.hasAttribute("required")),p&&(p.dataset.invalid=r?"true":"false",p.dataset.open=this._open&&!o?"true":"false",p.dataset.state=c,p.setAttribute("aria-disabled",this._isInteractionBlocked()?"true":"false")),l&&(l.value!==m&&(l.value=m),l.id=this._inputId,l.placeholder=a,l.readOnly=!this._allowInput()||this._isReadonly(),l.disabled=this._isInteractionBlocked(),l.required=this.hasAttribute("required"),l.autocomplete="off",l.setAttribute("role","combobox"),l.setAttribute("aria-haspopup","dialog"),l.setAttribute("aria-expanded",o?"false":String(this._open)),l.setAttribute("aria-controls",this._panelId),l.setAttribute("aria-invalid",r?"true":"false"),e?l.setAttribute("aria-labelledby",this._labelId):l.removeAttribute("aria-labelledby")),x&&(x.hidden=!(this._clearable()&&d),x.disabled=this._isInteractionBlocked(),x.setAttribute("aria-label",s.clearDate)),b&&(b.hidden=o,b.disabled=this._isInteractionBlocked(),b.setAttribute("aria-expanded",o?"false":String(this._open)),b.setAttribute("aria-controls",this._panelId),b.setAttribute("aria-label",s.toggleCalendar)),y&&(y.id=this._hintId,y.hidden=!t,y.textContent=t),I&&(I.id=this._errorId,I.hidden=!r,I.textContent=r),l){const A=[];t&&y&&!y.hidden&&A.push(this._hintId),r&&A.push(this._errorId),A.length?l.setAttribute("aria-describedby",A.join(" ")):l.removeAttribute("aria-describedby")}if(k&&(k.disabled=!u,k.name=u,k.value=this._value||""),h&&(h.hidden=!o,h.id=this._panelId,h.dataset.bare=this._isBare()?"true":"false",h.setAttribute("role","dialog"),h.setAttribute("aria-modal","false"),h.setAttribute("aria-label",e||s.selectDate)),D&&(D.hidden=!this._showFooter()),O&&(O.textContent=s.today),B&&(B.textContent=s.clear),C&&(C.textContent=s.apply),o){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}render(){this._hasView||(this.setContent(`
-        <style>${$}</style>
+    `}_syncCalendarElement(e){const t=(o,c)=>{if(c==null||c===""){e.hasAttribute(o)&&e.removeAttribute(o);return}e.getAttribute(o)!==c&&e.setAttribute(o,c)},i=(o,c)=>{c?e.hasAttribute(o)||e.setAttribute(o,""):e.hasAttribute(o)&&e.removeAttribute(o)},{min:r,max:a}=this._resolvedBounds();t("selection","single"),t("value",this._pendingValue),t("min",r),t("max",a),t("locale",this.getAttribute("locale")),t("translations",this.getAttribute("translations")),t("week-start",this.getAttribute("week-start"));const l=this.getAttribute("size")||"sm";t("size",l==="lg"?"md":"sm"),t("variant",this.getAttribute("variant")),t("outside-click",this.getAttribute("outside-click")),t("events",this.getAttribute("events")),t("events-max",this.getAttribute("events-max")),t("events-display",this.getAttribute("events-display"));const u=e.classList.contains("inline-calendar");l==="lg"?(e.style.setProperty("--ui-calendar-day-height","1.95em"),e.style.setProperty("--ui-calendar-day-padding-block","0.2em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),e.style.setProperty("--ui-calendar-gap","0.42em"),e.style.setProperty("--ui-calendar-day-font-size","0.78em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),e.style.setProperty("--ui-calendar-title-font-size","0.88em")):(e.style.setProperty("--ui-calendar-day-height","2.4em"),e.style.setProperty("--ui-calendar-day-padding-block","0.14em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),e.style.setProperty("--ui-calendar-gap","0.34em"),e.style.setProperty("--ui-calendar-day-font-size","0.72em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),e.style.setProperty("--ui-calendar-title-font-size","0.8em")),u?(e.style.setProperty("--ui-calendar-day-height",l==="lg"?"2.1em":"1.92em"),e.style.setProperty("--ui-calendar-day-padding-block","0.08em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),e.style.setProperty("--ui-calendar-frame-padding","0.28em"),e.style.setProperty("--ui-calendar-week-gap","0.16em"),e.style.setProperty("--ui-calendar-control-height","1.64em"),e.style.setProperty("--ui-calendar-gap","0.2em"),e.style.setProperty("--ui-calendar-day-font-size",l==="lg"?"0.76em":"0.68em"),e.style.setProperty("--ui-calendar-weekday-font-size",l==="lg"?"0.66em":"0.58em"),e.style.setProperty("--ui-calendar-title-font-size",l==="lg"?"0.84em":"0.76em")):(e.style.removeProperty("--ui-calendar-frame-padding"),e.style.removeProperty("--ui-calendar-week-gap"),e.style.removeProperty("--ui-calendar-control-height")),i("readonly",this._isReadonly()),i("disabled",this._isInteractionBlocked()),i("bare",this._isBare()),t("tabindex","-1"),t("aria-label",this.getAttribute("label")||this._translations().selectDate)}_ensureOverlayContent(e){if(!this._overlay)return;const t=e?"sheet":"popover";this._overlayMode===t&&this._overlay.querySelector(".dp-calendar")||(this._overlayMode=t,this._overlay.innerHTML=e?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const e=this._isMobileSheet();e&&!this._releaseScrollLock?this._releaseScrollLock=s.lockBodyScroll():!e&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(e);const t=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet");this._syncDismissableLayer();const r=this._overlay.querySelector(".header"),a=this._overlay.querySelector(".footer"),n=this._translations();if(i&&(i.dataset.bare=this._isBare()?"true":"false"),a&&(a.hidden=!this._showFooter()),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!e),t){const p=(this.getAttribute("label")||"").trim();t.textContent=p,t.hidden=!p}const l=this._overlay.querySelector('[data-action="today"]');l&&(l.textContent=n.today);const u=this._overlay.querySelector('[data-action="clear"]');u&&(u.textContent=n.clear);const o=this._overlay.querySelector('[data-action="cancel"]');o&&(o.textContent=n.cancel);const c=this._overlay.querySelector('[data-action="apply"]');c&&(c.textContent=n.apply);const m=this._overlay.querySelector('[data-action="apply"]');m&&(m.hidden=this._closeOnSelect()&&!e);const f=this._overlay.querySelectorAll(".action"),g=this._isInteractionBlocked();f.forEach(p=>{p.disabled=g});const _=this._overlay.querySelector(".dp-calendar");_&&(this._syncCalendarElement(_),this._open&&!this._overlayFocusedOnOpen&&this._lastOpenSource!=="attribute"&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{_.focus({preventScroll:!0})}catch{}}))),e||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const e=this.root.querySelector(".inline-calendar");e&&this._syncCalendarElement(e)}_scheduleInlineCalendarSync(){const e=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};e(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,e()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{e()})}))}_handleDraftCommit(e){const t=this._draftInput.trim();if(!t){this._commit(null,e);return}const i=this._parseAndValidate(t);if(!i){this._inlineError=this.getAttribute("error")||this._translations().invalidDate,this._emitInvalid(t,"parse"),this._updateHostState();return}if(!this._isWithinBounds(i)){this._inlineError=this.getAttribute("error")||this._translations().dateOutOfRange,this._emitInvalid(t,"range"),this._updateHostState();return}this._pendingValue=i,this._commit(i,e)}_onRootClick(e){const t=e.target;if(!t)return;const i=t.closest("[data-action]"),r=i?.getAttribute("data-action");if(!(!r||this._isInteractionBlocked())){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"api");return}if(r==="clear"){e.preventDefault(),this._commit(null,"clear");return}if(r==="today"){e.preventDefault();const a=this._todayIso(),n=this._parseAndValidate(a);if(!n)return;const{min:l,max:u}=this._resolvedBounds(),o=s.clampDateIso(n,l,u);if(!o)return;this._pendingValue=o,this._emitInput("today"),this._closeOnSelect()&&!this._isInlineMode()?(this._commit(o,"today"),this._setOpen(!1,"today")):this._updateHostState();return}if(r==="apply"){e.preventDefault(),this._commit(this._pendingValue,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}if(r==="cancel"){e.preventDefault(),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._isInlineMode()||this._setOpen(!1,"outside"),this._updateHostState();return}}}_onRootInput(e){const t=e.target;if(!(t instanceof HTMLInputElement)||!t.classList.contains("input")||this._isInteractionBlocked()||!this._allowInput())return;this._draftInput=t.value,this._inlineError="";const i=this._parseAndValidate(t.value);this._pendingValue=i,this._emitInput("typing")}_onRootBlur(e){const t=e,i=t.target;if(!(i instanceof HTMLInputElement)||!i.classList.contains("input")||!this._allowInput())return;this._draftInput=i.value;const r=t.relatedTarget;r&&this._overlay?.contains(r)||this._open&&!this._isInlineMode()||this._handleDraftCommit("blur")}_onRootKeyDown(e){const t=e,i=t.target;if(i instanceof HTMLInputElement&&i.classList.contains("input")&&!this._isInteractionBlocked()){if(t.key==="Enter"){t.preventDefault(),this._draftInput=i.value,this._handleDraftCommit("enter"),this._isInlineMode()||this._setOpen(!1,"enter");return}if(t.key==="ArrowDown"&&!this._open&&!this._isInlineMode()){t.preventDefault(),this._setOpen(!0,"api");return}t.key==="Escape"&&this._open&&!this._isInlineMode()&&(t.preventDefault(),this._setOpen(!1,"escape"))}}_onDocumentPointerDown(e){if(!this._open||!this._overlay)return;const t=e.composedPath();t.includes(this)||t.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(e){this._open&&e.key==="Escape"&&(e.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(e){const t=e.target;if(!t)return;const r=t.closest("[data-action]")?.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="today"){const a=this._parseAndValidate(this._todayIso());if(!a)return;const{min:n,max:l}=this._resolvedBounds(),u=s.clampDateIso(a,n,l);if(!u)return;this._pendingValue=u,this._emitInput("today"),this._closeOnSelect()?(this._commit(u,"today"),this._setOpen(!1,"today")):this._renderOverlay();return}if(r==="clear"){this._pendingValue=null,this._emitInput("clear"),this._closeOnSelect()?(this._commit(null,"clear"),this._setOpen(!1,"clear")):this._renderOverlay();return}if(r==="apply"){this._commit(this._pendingValue,"apply"),this._setOpen(!1,"apply");return}r==="cancel"&&(this._pendingValue=this._value,this._setOpen(!1,"outside"))}}_onCalendarSelect(e){if(this._isInteractionBlocked())return;const t=e,i=e.target;if(!i||i.tagName.toLowerCase()!=="ui-calendar")return;let r=null;if(t.type==="select")r=s.normalizeDateIso(t.detail?.value||null);else if(t.type==="change"){const n=t.detail?.value;typeof n=="string"&&(r=s.normalizeDateIso(n))}if(!r)return;const a=this._clampToBounds(r);a&&(this._pendingValue=a,this._emitInput("calendar"),this._closeOnSelect()?(this._commit(a,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar")):this._updateHostState())}_updateHostState(){if(!this._hasView)return;const e=this.getAttribute("label")||"",t=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,a=this._placeholder(),n=this._translations(),l=!!(this._value||this._pendingValue),u=this.getAttribute("name")||"",o=this._isInlineMode(),c=r?"error":this._state(),m=this._allowInput()?this._draftInput:this._formatDisplay(this._pendingValue||this._value),f=this.root.querySelector(".label"),g=this.root.querySelector(".label-text"),_=this.root.querySelector(".required"),p=this.root.querySelector(".field"),d=this.root.querySelector(".input"),x=this.root.querySelector('.btn[data-action="clear"]'),b=this.root.querySelector('.btn[data-action="toggle"]'),y=this.root.querySelector(".hint"),I=this.root.querySelector(".error"),k=this.root.querySelector(".hidden-input"),h=this.root.querySelector(".inline-panel"),O=this.root.querySelector('.inline-panel [data-action="today"]'),B=this.root.querySelector('.inline-panel [data-action="clear"]'),C=this.root.querySelector('.inline-panel [data-action="apply"]'),D=this.root.querySelector(".inline-panel .footer");if(f&&(f.hidden=!e,f.id=this._labelId,f.setAttribute("for",this._inputId)),g&&(g.textContent=e),_&&(_.hidden=!this.hasAttribute("required")),p&&(p.dataset.invalid=r?"true":"false",p.dataset.open=this._open&&!o?"true":"false",p.dataset.state=c,p.setAttribute("aria-disabled",this._isInteractionBlocked()?"true":"false")),d&&(d.value!==m&&(d.value=m),d.id=this._inputId,d.placeholder=a,d.readOnly=!this._allowInput()||this._isReadonly(),d.disabled=this._isInteractionBlocked(),d.required=this.hasAttribute("required"),d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-expanded",o?"false":String(this._open)),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-invalid",r?"true":"false"),z.syncControlName(d,this,e?this._labelId:null,a)),x&&(x.hidden=!(this._clearable()&&l),x.disabled=this._isInteractionBlocked(),x.setAttribute("aria-label",n.clearDate)),b&&(b.hidden=o,b.disabled=this._isInteractionBlocked(),b.setAttribute("aria-expanded",o?"false":String(this._open)),b.setAttribute("aria-controls",this._panelId),b.setAttribute("aria-label",n.toggleCalendar)),y&&(y.id=this._hintId,y.hidden=!t,y.textContent=t),I&&(I.id=this._errorId,I.hidden=!r,I.textContent=r),d){const w=[];t&&y&&!y.hidden&&w.push(this._hintId),r&&w.push(this._errorId),z.syncControlDescription(d,this,this._uid,w)}if(k&&(k.disabled=!u,k.name=u,k.value=this._value||""),h&&(h.hidden=!o,h.id=this._panelId,h.dataset.bare=this._isBare()?"true":"false",h.setAttribute("role","dialog"),h.setAttribute("aria-modal","false"),h.setAttribute("aria-label",e||n.selectDate)),D&&(D.hidden=!this._showFooter()),O&&(O.textContent=n.today),B&&(B.textContent=n.clear),C&&(C.textContent=n.apply),o){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}render(){this._hasView||(this.setContent(`
+        <style>${R}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">
             <span class="label-text"></span>
             <span class="required">*</span>
           </label>
           <div class="field" part="field input">
-            <span class="icon" part="icon" aria-hidden="true">${M}</span>
+            <span class="icon" part="icon" aria-hidden="true">${E}</span>
             <input class="input" id="${this._inputId}" part="input" />
-            <button type="button" class="btn" part="clear" data-action="clear">${V}</button>
+            <button type="button" class="btn" part="clear" data-action="clear">${$}</button>
             <button type="button" class="btn" part="toggle" data-action="toggle">
-              <span class="toggle-icon">${E}</span>
+              <span class="toggle-icon">${V}</span>
               <span class="spinner" aria-hidden="true"></span>
             </button>
           </div>
@@ -588,4 +588,4 @@
             </footer>
           </section>
         </div>
-      `,{force:!0}),this._hasView=!0),this._updateHostState()}shouldRenderOnAttributeChange(e,t,i){return!1}}typeof customElements<"u"&&!customElements.get("ui-date-picker")&&customElements.define("ui-date-picker",z);exports.UIDatePicker=z;
+      `,{force:!0}),this._hasView=!0),this._updateHostState()}shouldRenderOnAttributeChange(e,t,i){return!1}}typeof customElements<"u"&&!customElements.get("ui-date-picker")&&customElements.define("ui-date-picker",P);exports.UIDatePicker=P;