@editora/ui-core 0.1.24 → 0.2.0

package/dist/date-range-picker.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Y=require("./ElementBase-DxbvhLJs.js"),I=require("./control-name-BmoI1m3a.js"),J=require("./dismissable-layer-DNfrKA20.js"),B=require("./calendar-D-mXMgqc.js"),s=require("./date-time-utils-y3AvNvGe.js");let G=0;const Q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Y=require("./ElementBase-DxbvhLJs.js"),I=require("./control-name-BmoI1m3a.js"),J=require("./dismissable-layer-DNfrKA20.js"),B=require("./calendar-o273O28D.js"),s=require("./date-time-utils-DdigV4hs.js");let G=0;const Q=`
   <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>
@@ -18,12 +18,12 @@
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --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;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
     --ui-dp-field-error: var(--ui-color-danger, #dc2626);
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
@@ -64,11 +64,12 @@
   .required { color: var(--ui-dp-field-error); font-size: 11px; }
 
   .fields {
+    box-sizing: border-box;
     display: grid;
     grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
     align-items: center;
     gap: 8px;
-    min-block-size: 42px;
+    min-block-size: var(--ui-control-height-2, 32px);
     border: 1px solid var(--ui-dp-border);
     border-radius: var(--ui-dp-radius);
     padding: 0 10px 0 11px;
@@ -82,23 +83,27 @@
   }
 
   .fields:focus-within {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 4px 14px rgba(2, 6, 23, 0.09);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-open="true"] {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 10px 24px rgba(2, 6, 23, 0.12);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-invalid="true"] {
     border-color: color-mix(in srgb, var(--ui-dp-field-error) 68%, transparent);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-field-error) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-field-error);
   }
 
   .fields[data-state="success"]:not([data-invalid="true"]) {
     border-color: color-mix(in srgb, var(--ui-dp-success) 56%, var(--ui-dp-border));
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-success) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-success);
   }
 
   .fields[data-state="loading"] {
@@ -126,14 +131,14 @@
     color: var(--ui-dp-text);
     min-inline-size: 0;
     inline-size: 100%;
-    padding: 8px 0;
+    padding: 0;
     font: 500 14px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     letter-spacing: 0.005em;
     outline: none;
   }
 
   .input::placeholder {
-    color: color-mix(in srgb, var(--ui-dp-text) 44%, transparent);
+    color: var(--ui-color-placeholder, color-mix(in srgb, var(--ui-dp-text) 62%, transparent));
   }
 
   .sep {
@@ -145,8 +150,8 @@
   .btn {
     border: 0;
     background: transparent;
-    inline-size: 28px;
-    block-size: 28px;
+    inline-size: var(--ui-dp-action-size, 24px);
+    block-size: var(--ui-dp-action-size, 24px);
     border-radius: 8px;
     color: color-mix(in srgb, var(--ui-dp-text) 72%, transparent);
     cursor: pointer;
@@ -324,12 +329,12 @@
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --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;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
     --ui-dp-field-error: var(--ui-color-danger, #dc2626);
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
@@ -434,7 +439,7 @@
       <style>${it}</style>
       ${t?'<div class="sheet-backdrop" data-action="backdrop"></div>':""}
       <section class="${t?"sheet":"panel"}" id="${this._panelId}" role="dialog" aria-modal="${n}" aria-labelledby="${this._panelTitleId}" part="${t?"sheet":"popover"}">${u}</section>
-    `}_syncCalendar(t){const e=(f,c)=>{if(c==null||c===""){t.hasAttribute(f)&&t.removeAttribute(f);return}t.getAttribute(f)!==c&&t.setAttribute(f,c)},i=N(this._pending),{min:r,max:n}=this._resolvedBounds();e("selection","range"),e("value",i),e("min",r),e("max",n),e("locale",this.getAttribute("locale")),e("translations",this.getAttribute("translations")),e("week-start",this.getAttribute("week-start"));const o=this.getAttribute("size")||"sm";e("size",o==="lg"?"md":"sm"),e("variant",this.getAttribute("variant")),e("outside-click",this.getAttribute("outside-click"));const h=t.classList.contains("inline-calendar");o==="lg"?(t.style.setProperty("--ui-calendar-day-height","1.95em"),t.style.setProperty("--ui-calendar-day-padding-block","0.2em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),t.style.setProperty("--ui-calendar-gap","0.42em"),t.style.setProperty("--ui-calendar-day-font-size","0.78em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),t.style.setProperty("--ui-calendar-title-font-size","0.88em")):(t.style.setProperty("--ui-calendar-day-height","2.4em"),t.style.setProperty("--ui-calendar-day-padding-block","0.14em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),t.style.setProperty("--ui-calendar-gap","0.34em"),t.style.setProperty("--ui-calendar-day-font-size","0.72em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),t.style.setProperty("--ui-calendar-title-font-size","0.8em")),h?(t.style.setProperty("--ui-calendar-day-height",o==="lg"?"2.1em":"1.92em"),t.style.setProperty("--ui-calendar-day-padding-block","0.08em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),t.style.setProperty("--ui-calendar-frame-padding","0.28em"),t.style.setProperty("--ui-calendar-week-gap","0.16em"),t.style.setProperty("--ui-calendar-control-height","1.64em"),t.style.setProperty("--ui-calendar-gap","0.2em"),t.style.setProperty("--ui-calendar-day-font-size",o==="lg"?"0.76em":"0.68em"),t.style.setProperty("--ui-calendar-weekday-font-size",o==="lg"?"0.66em":"0.58em"),t.style.setProperty("--ui-calendar-title-font-size",o==="lg"?"0.84em":"0.76em")):(t.style.removeProperty("--ui-calendar-frame-padding"),t.style.removeProperty("--ui-calendar-week-gap"),t.style.removeProperty("--ui-calendar-control-height")),this._isReadonly()?e("readonly",""):e("readonly",null),this._isInteractionBlocked()?e("disabled",""):e("disabled",null),this._isBare()?e("bare",""):e("bare",null),e("tabindex","-1"),e("aria-label",this.getAttribute("label")||this._translations().selectDateRange)}_ensureOverlayContent(t){if(!this._overlay)return;const e=t?"sheet":"popover";this._overlayMode===e&&this._overlay.querySelector(".drp-calendar")||(this._overlayMode=e,this._overlay.innerHTML=t?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const t=this._isMobileSheet();t&&!this._releaseScrollLock?this._releaseScrollLock=s.lockBodyScroll():!t&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(t);const e=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet");this._syncDismissableLayer();const r=this._overlay.querySelector(".header"),n=this._overlay.querySelector(".presets"),u=this._overlay.querySelector(".footer"),o=this._translations();i&&(i.dataset.bare=this._isBare()?"true":"false"),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!t);const h=this._showFooter();if(n&&(n.hidden=!h),u&&(u.hidden=!h),e){const g=(this.getAttribute("label")||"").trim();e.textContent=g,e.hidden=!g}const f=this._overlay.querySelector('[data-action="preset-today"]');f&&(f.textContent=o.today);const c=this._overlay.querySelector('[data-action="preset-last7"]');c&&(c.textContent=o.last7Days);const y=this._overlay.querySelector('[data-action="preset-month"]');y&&(y.textContent=o.thisMonth);const S=this._overlay.querySelector('[data-action="clear"]');S&&(S.textContent=o.clear);const A=this._overlay.querySelector('[data-action="cancel"]');A&&(A.textContent=o.cancel);const _=this._overlay.querySelector('[data-action="apply"]');_&&(_.textContent=o.apply);const l=this._overlay.querySelectorAll(".action"),d=this._isInteractionBlocked()||this._isReadonly();l.forEach(g=>{g.disabled=d});const a=this._overlay.querySelector(".drp-calendar");a&&(this._syncCalendar(a),this._open&&!this._overlayFocusedOnOpen&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{a.focus({preventScroll:!0})}catch{}}))),t||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const t=this.root.querySelector(".inline-calendar");t&&this._syncCalendar(t)}_scheduleInlineCalendarSync(){const t=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};t(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,t()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{t()})}))}_updateHostState(){if(!this._hasView)return;const t=this.getAttribute("label")||"",e=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,n=this._translations(),u=r?"error":this._state(),o=this._rangeVariant(),h=this._isInlineMode(),f=!!(this._value.start||this._value.end||this._pending.start||this._pending.end),c=this._isInteractionBlocked(),y=this.root.querySelector(".label"),S=this.root.querySelector(".label-text"),A=this.root.querySelector(".required"),_=this.root.querySelector(".fields"),l=this.root.querySelector(".single"),d=this.root.querySelector(".start"),a=this.root.querySelector(".end"),g=this.root.querySelector(".sep"),k=this.root.querySelector('.btn[data-action="clear"]'),v=this.root.querySelector('.btn[data-action="toggle"]'),x=this.root.querySelector(".hint"),C=this.root.querySelector(".error"),m=this.root.querySelector(".inline-panel"),L=this.root.querySelector(".inline-panel .presets"),q=this.root.querySelector(".inline-panel .footer"),O=this.root.querySelector(".hidden-range"),D=this.root.querySelector(".hidden-start"),z=this.root.querySelector(".hidden-end"),Z=this.root.querySelectorAll(".inline-panel .action");y&&(y.hidden=!t,y.id=this._labelId,y.setAttribute("for",o==="single-field"?this._singleId:this._startId)),S&&(S.textContent=t),A&&(A.hidden=!this.hasAttribute("required")),_&&(_.dataset.single=o==="single-field"?"true":"false",_.dataset.invalid=r?"true":"false",_.dataset.open=this._open&&!h?"true":"false",_.dataset.state=u,_.setAttribute("aria-disabled",c?"true":"false")),l&&(l.value!==this._draftSingle&&(l.value=this._draftSingle),l.id=this._singleId,l.hidden=o!=="single-field",l.readOnly=this._isReadonly()||c,l.disabled=c,l.required=this.hasAttribute("required"),l.placeholder=n.startEnd,l.autocomplete="off",l.setAttribute("role","combobox"),l.setAttribute("aria-haspopup","dialog"),l.setAttribute("aria-controls",this._panelId),l.setAttribute("aria-expanded",h?"false":String(this._open)),l.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(l,this,t?this._labelId:null,n.startEnd)),d&&(d.value!==this._draftStart&&(d.value=this._draftStart),d.id=this._startId,d.hidden=o==="single-field",d.readOnly=this._isReadonly()||c,d.disabled=c,d.required=this.hasAttribute("required"),d.placeholder=n.startDate,d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-expanded",h?"false":String(this._open)),d.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(d,this,t?this._labelId:null,n.startDate)),a&&(a.value!==this._draftEnd&&(a.value=this._draftEnd),a.id=this._endId,a.hidden=o==="single-field",a.readOnly=this._isReadonly()||c,a.disabled=c,a.required=this.hasAttribute("required"),a.placeholder=n.endDate,a.autocomplete="off",a.setAttribute("role","combobox"),a.setAttribute("aria-haspopup","dialog"),a.setAttribute("aria-controls",this._panelId),a.setAttribute("aria-expanded",h?"false":String(this._open)),a.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(a,this,t?this._labelId:null,n.endDate)),g&&(g.hidden=o==="single-field"),k&&(k.hidden=!(this._clearable()&&f),k.disabled=c,k.setAttribute("aria-label",n.clearDateRange)),v&&(v.hidden=h,v.disabled=c,v.setAttribute("aria-expanded",h?"false":String(this._open)),v.setAttribute("aria-controls",this._panelId),v.setAttribute("aria-label",n.toggleCalendar)),x&&(x.id=this._hintId,x.hidden=!e,x.textContent=e),C&&(C.id=this._errorId,C.hidden=!r,C.textContent=r);const w=[];e&&x&&!x.hidden&&w.push(this._hintId),r&&w.push(this._errorId),I.syncControlDescription(l,this,`${this._uid}-single`,w),I.syncControlDescription(d,this,`${this._uid}-start`,w),I.syncControlDescription(a,this,`${this._uid}-end`,w),m&&(m.hidden=!h,m.id=this._panelId,m.dataset.bare=this._isBare()?"true":"false",m.setAttribute("role","dialog"),m.setAttribute("aria-modal","false"),m.setAttribute("aria-label",t||n.selectDateRange));const E=this._showFooter();L&&(L.hidden=!E),q&&(q.hidden=!E),Z.forEach(W=>{W.disabled=c||this._isReadonly()});const R=this.root.querySelector('.inline-panel [data-action="preset-today"]');R&&(R.textContent=n.today);const $=this.root.querySelector('.inline-panel [data-action="preset-last7"]');$&&($.textContent=n.last7Days);const M=this.root.querySelector('.inline-panel [data-action="preset-month"]');M&&(M.textContent=n.thisMonth);const F=this.root.querySelector('.inline-panel [data-action="clear"]');F&&(F.textContent=n.clear);const V=this.root.querySelector('.inline-panel [data-action="apply"]');V&&(V.textContent=n.apply);const P=this.getAttribute("name")||"",T=this.getAttribute("name-start")||"",H=this.getAttribute("name-end")||"",j=this._value.start&&this._value.end?`${this._value.start}..${this._value.end}`:"";if(O&&(O.disabled=!P,O.name=P,O.value=j),D&&(D.disabled=!!P||!T,D.name=T,D.value=this._value.start||""),z&&(z.disabled=!!P||!H,z.name=H,z.value=this._value.end||""),h){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}_onRootClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]"),r=i?.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"toggle");return}if(r==="clear"){this._commit({start:null,end:null},"clear");return}if(r==="apply"){this._commit(this._pending,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}r==="cancel"&&(this._pending={...this._value},this._isInlineMode()||this._setOpen(!1,"cancel"),this._updateHostState())}}_onRootInput(t){const e=t.target;if(!(e instanceof HTMLInputElement)||this._isInteractionBlocked()||this._isReadonly())return;if(this._rangeVariant()==="single-field"&&e.classList.contains("single")){this._draftSingle=e.value,this._inlineError="";return}e.classList.contains("start")&&(this._draftStart=e.value,this._inlineError=""),e.classList.contains("end")&&(this._draftEnd=e.value,this._inlineError="")}_commitFromDraft(t){if(this._rangeVariant()==="single-field"){const n=this._draftSingle.trim();if(!n)return this._pending={start:null,end:null},this._commit(this._pending,t),!0;const u=rt(n,this._locale());return!u.start||!u.end&&!this._allowPartial()?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(n,"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:u.start,end:u.end||null}),this._commit(this._pending,t),!0)}const i=this._draftStart?s.parseUserDateInput(this._draftStart,this._locale()):null,r=this._draftEnd?s.parseUserDateInput(this._draftEnd,this._locale()):null;return this._draftStart&&!i||this._draftEnd&&!r?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(`${this._draftStart} ${this._draftEnd}`.trim(),"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:i,end:r}),this._commit(this._pending,t),!0)}_onRootBlur(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t,i=e.target;if(!(i instanceof HTMLInputElement))return;const r=e.relatedTarget;r&&this._overlay?.contains(r)||this._open&&!this._isInlineMode()||(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))&&(i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("blur"))}_onRootKeyDown(t){const e=t;if(!this._isInteractionBlocked()){if(e.key==="Enter"){const i=e.target;if(!this._isReadonly()&&i instanceof HTMLInputElement&&(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))){e.preventDefault(),i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("enter")&&!this._isInlineMode()&&this._setOpen(!1,"enter");return}}if(e.key==="Escape"&&this._open&&!this._isInlineMode()){e.preventDefault(),this._setOpen(!1,"escape");return}e.key==="ArrowDown"&&!this._open&&!this._isInlineMode()&&(e.preventDefault(),this._setOpen(!0,"keyboard"))}}_onDocumentPointerDown(t){if(!this._open||!this._overlay)return;const e=t.composedPath();e.includes(this)||e.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(t){this._open&&t.key==="Escape"&&(t.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(t){const e=t.target;if(!e)return;const r=e.closest("[data-action]")?.getAttribute("data-action");if(r&&!(this._isInteractionBlocked()||this._isReadonly())){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="clear"){this._pending={start:null,end:null},this._emitInput("clear"),this._renderOverlay();return}if(r==="cancel"){this._pending={...this._value},this._setOpen(!1,"cancel");return}if(r==="apply"){this._commit(this._pending,"apply"),this._setOpen(!1,"apply");return}if(r==="preset-today"){const n=this._todayIso();this._pending=this._normalizePending({start:n,end:n}),this._emitInput("preset-today"),this._renderOverlay();return}if(r==="preset-last7"){const n=this._todayIso();this._pending=this._normalizePending(s.computeLastDaysRange(n,7)),this._emitInput("preset-last7"),this._renderOverlay();return}if(r==="preset-month"){const n=this._todayIso();this._pending=this._normalizePending(s.computeMonthRange(n)),this._emitInput("preset-month"),this._renderOverlay()}}}_onOverlayCalendarChange(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-calendar")return;const i=t.detail;if(!(!i||i.mode!=="range")){if(this._pending=this._normalizePending({start:s.normalizeDateIso(i.start||null),end:s.normalizeDateIso(i.end||null)}),this._emitInput("calendar"),this._shouldAutoCommit()&&this._pending.start&&this._pending.end){this._commit(this._pending,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar");return}this._updateHostState()}}render(){this._hasView||(this.setContent(`
+    `}_syncCalendar(t){const e=(f,c)=>{if(c==null||c===""){t.hasAttribute(f)&&t.removeAttribute(f);return}t.getAttribute(f)!==c&&t.setAttribute(f,c)},i=N(this._pending),{min:r,max:n}=this._resolvedBounds();e("selection","range"),e("value",i),e("min",r),e("max",n),e("locale",this.getAttribute("locale")),e("translations",this.getAttribute("translations")),e("week-start",this.getAttribute("week-start"));const o=this.getAttribute("size")||"sm";e("size",o==="lg"?"md":"sm"),e("variant",this.getAttribute("variant")),e("outside-click",this.getAttribute("outside-click"));const h=t.classList.contains("inline-calendar");o==="lg"?(t.style.setProperty("--ui-calendar-day-height","1.95em"),t.style.setProperty("--ui-calendar-day-padding-block","0.2em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),t.style.setProperty("--ui-calendar-gap","0.42em"),t.style.setProperty("--ui-calendar-day-font-size","0.78em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),t.style.setProperty("--ui-calendar-title-font-size","0.88em")):(t.style.setProperty("--ui-calendar-day-height","2.4em"),t.style.setProperty("--ui-calendar-day-padding-block","0.14em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),t.style.setProperty("--ui-calendar-gap","0.34em"),t.style.setProperty("--ui-calendar-day-font-size","0.72em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),t.style.setProperty("--ui-calendar-title-font-size","0.8em")),h?(t.style.setProperty("--ui-calendar-day-height",o==="lg"?"2.1em":"1.92em"),t.style.setProperty("--ui-calendar-day-padding-block","0.08em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),t.style.setProperty("--ui-calendar-frame-padding","0.28em"),t.style.setProperty("--ui-calendar-week-gap","0.16em"),t.style.setProperty("--ui-calendar-control-height","1.64em"),t.style.setProperty("--ui-calendar-gap","0.2em"),t.style.setProperty("--ui-calendar-day-font-size",o==="lg"?"0.76em":"0.68em"),t.style.setProperty("--ui-calendar-weekday-font-size",o==="lg"?"0.66em":"0.58em"),t.style.setProperty("--ui-calendar-title-font-size",o==="lg"?"0.84em":"0.76em")):(t.style.removeProperty("--ui-calendar-frame-padding"),t.style.removeProperty("--ui-calendar-week-gap"),t.style.removeProperty("--ui-calendar-control-height")),this._isReadonly()?e("readonly",""):e("readonly",null),this._isInteractionBlocked()?e("disabled",""):e("disabled",null),this._isBare()?e("bare",""):e("bare",null),e("tabindex","-1"),e("aria-label",this.getAttribute("label")||this._translations().selectDateRange)}_ensureOverlayContent(t){if(!this._overlay)return;const e=t?"sheet":"popover";this._overlayMode===e&&this._overlay.querySelector(".drp-calendar")||(this._overlayMode=e,this._overlay.innerHTML=t?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const t=this._isMobileSheet();t&&!this._releaseScrollLock?this._releaseScrollLock=s.lockBodyScroll():!t&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(t);const e=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet");this._syncDismissableLayer();const r=this._overlay.querySelector(".header"),n=this._overlay.querySelector(".presets"),u=this._overlay.querySelector(".footer"),o=this._translations();i&&(i.dataset.bare=this._isBare()?"true":"false"),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!t);const h=this._showFooter();if(n&&(n.hidden=!h),u&&(u.hidden=!h),e){const g=(this.getAttribute("label")||"").trim();e.textContent=g,e.hidden=!g}const f=this._overlay.querySelector('[data-action="preset-today"]');f&&(f.textContent=o.today);const c=this._overlay.querySelector('[data-action="preset-last7"]');c&&(c.textContent=o.last7Days);const y=this._overlay.querySelector('[data-action="preset-month"]');y&&(y.textContent=o.thisMonth);const S=this._overlay.querySelector('[data-action="clear"]');S&&(S.textContent=o.clear);const w=this._overlay.querySelector('[data-action="cancel"]');w&&(w.textContent=o.cancel);const _=this._overlay.querySelector('[data-action="apply"]');_&&(_.textContent=o.apply);const l=this._overlay.querySelectorAll(".action"),d=this._isInteractionBlocked()||this._isReadonly();l.forEach(g=>{g.disabled=d});const a=this._overlay.querySelector(".drp-calendar");a&&(this._syncCalendar(a),this._open&&!this._overlayFocusedOnOpen&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{a.focus({preventScroll:!0})}catch{}}))),t||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const t=this.root.querySelector(".inline-calendar");t&&this._syncCalendar(t)}_scheduleInlineCalendarSync(){const t=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};t(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,t()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{t()})}))}_updateHostState(){if(!this._hasView)return;const t=this.getAttribute("label")||"",e=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,n=this._translations(),u=r?"error":this._state(),o=this._rangeVariant(),h=this._isInlineMode(),f=!!(this._value.start||this._value.end||this._pending.start||this._pending.end),c=this._isInteractionBlocked(),y=this.root.querySelector(".label"),S=this.root.querySelector(".label-text"),w=this.root.querySelector(".required"),_=this.root.querySelector(".fields"),l=this.root.querySelector(".single"),d=this.root.querySelector(".start"),a=this.root.querySelector(".end"),g=this.root.querySelector(".sep"),k=this.root.querySelector('.btn[data-action="clear"]'),m=this.root.querySelector('.btn[data-action="toggle"]'),x=this.root.querySelector(".hint"),C=this.root.querySelector(".error"),v=this.root.querySelector(".inline-panel"),L=this.root.querySelector(".inline-panel .presets"),q=this.root.querySelector(".inline-panel .footer"),O=this.root.querySelector(".hidden-range"),D=this.root.querySelector(".hidden-start"),z=this.root.querySelector(".hidden-end"),Z=this.root.querySelectorAll(".inline-panel .action");y&&(y.hidden=!t,y.id=this._labelId,y.setAttribute("for",o==="single-field"?this._singleId:this._startId)),S&&(S.textContent=t),w&&(w.hidden=!this.hasAttribute("required")),_&&(_.dataset.single=o==="single-field"?"true":"false",_.dataset.invalid=r?"true":"false",_.dataset.open=this._open&&!h?"true":"false",_.dataset.state=u,_.setAttribute("aria-disabled",c?"true":"false")),l&&(l.value!==this._draftSingle&&(l.value=this._draftSingle),l.id=this._singleId,l.hidden=o!=="single-field",l.readOnly=this._isReadonly()||c,l.disabled=c,l.required=this.hasAttribute("required"),l.placeholder=n.startEnd,l.autocomplete="off",l.setAttribute("role","combobox"),l.setAttribute("aria-haspopup","dialog"),l.setAttribute("aria-controls",this._panelId),l.setAttribute("aria-expanded",h?"false":String(this._open)),l.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(l,this,t?this._labelId:null,n.startEnd)),d&&(d.value!==this._draftStart&&(d.value=this._draftStart),d.id=this._startId,d.hidden=o==="single-field",d.readOnly=this._isReadonly()||c,d.disabled=c,d.required=this.hasAttribute("required"),d.placeholder=n.startDate,d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-expanded",h?"false":String(this._open)),d.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(d,this,t?this._labelId:null,n.startDate)),a&&(a.value!==this._draftEnd&&(a.value=this._draftEnd),a.id=this._endId,a.hidden=o==="single-field",a.readOnly=this._isReadonly()||c,a.disabled=c,a.required=this.hasAttribute("required"),a.placeholder=n.endDate,a.autocomplete="off",a.setAttribute("role","combobox"),a.setAttribute("aria-haspopup","dialog"),a.setAttribute("aria-controls",this._panelId),a.setAttribute("aria-expanded",h?"false":String(this._open)),a.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(a,this,t?this._labelId:null,n.endDate)),g&&(g.hidden=o==="single-field"),k&&(k.hidden=!(this._clearable()&&f),k.disabled=c,k.setAttribute("aria-label",n.clearDateRange)),m&&(m.hidden=h,m.disabled=c,m.setAttribute("aria-expanded",h?"false":String(this._open)),m.setAttribute("aria-controls",this._panelId),m.setAttribute("aria-label",n.toggleCalendar)),x&&(x.id=this._hintId,x.hidden=!e,x.textContent=e),C&&(C.id=this._errorId,C.hidden=!r,C.textContent=r);const A=[];e&&x&&!x.hidden&&A.push(this._hintId),r&&A.push(this._errorId),I.syncControlDescription(l,this,`${this._uid}-single`,A),I.syncControlDescription(d,this,`${this._uid}-start`,A),I.syncControlDescription(a,this,`${this._uid}-end`,A),v&&(v.hidden=!h,v.id=this._panelId,v.dataset.bare=this._isBare()?"true":"false",v.setAttribute("role","dialog"),v.setAttribute("aria-modal","false"),v.setAttribute("aria-label",t||n.selectDateRange));const E=this._showFooter();L&&(L.hidden=!E),q&&(q.hidden=!E),Z.forEach(W=>{W.disabled=c||this._isReadonly()});const R=this.root.querySelector('.inline-panel [data-action="preset-today"]');R&&(R.textContent=n.today);const $=this.root.querySelector('.inline-panel [data-action="preset-last7"]');$&&($.textContent=n.last7Days);const M=this.root.querySelector('.inline-panel [data-action="preset-month"]');M&&(M.textContent=n.thisMonth);const F=this.root.querySelector('.inline-panel [data-action="clear"]');F&&(F.textContent=n.clear);const V=this.root.querySelector('.inline-panel [data-action="apply"]');V&&(V.textContent=n.apply);const P=this.getAttribute("name")||"",T=this.getAttribute("name-start")||"",H=this.getAttribute("name-end")||"",j=this._value.start&&this._value.end?`${this._value.start}..${this._value.end}`:"";if(O&&(O.disabled=!P,O.name=P,O.value=j),D&&(D.disabled=!!P||!T,D.name=T,D.value=this._value.start||""),z&&(z.disabled=!!P||!H,z.name=H,z.value=this._value.end||""),h){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}_onRootClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]"),r=i?.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"toggle");return}if(r==="clear"){this._commit({start:null,end:null},"clear");return}if(r==="apply"){this._commit(this._pending,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}r==="cancel"&&(this._pending={...this._value},this._isInlineMode()||this._setOpen(!1,"cancel"),this._updateHostState())}}_onRootInput(t){const e=t.target;if(!(e instanceof HTMLInputElement)||this._isInteractionBlocked()||this._isReadonly())return;if(this._rangeVariant()==="single-field"&&e.classList.contains("single")){this._draftSingle=e.value,this._inlineError="";return}e.classList.contains("start")&&(this._draftStart=e.value,this._inlineError=""),e.classList.contains("end")&&(this._draftEnd=e.value,this._inlineError="")}_commitFromDraft(t){if(this._rangeVariant()==="single-field"){const n=this._draftSingle.trim();if(!n)return this._pending={start:null,end:null},this._commit(this._pending,t),!0;const u=rt(n,this._locale());return!u.start||!u.end&&!this._allowPartial()?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(n,"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:u.start,end:u.end||null}),this._commit(this._pending,t),!0)}const i=this._draftStart?s.parseUserDateInput(this._draftStart,this._locale()):null,r=this._draftEnd?s.parseUserDateInput(this._draftEnd,this._locale()):null;return this._draftStart&&!i||this._draftEnd&&!r?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(`${this._draftStart} ${this._draftEnd}`.trim(),"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:i,end:r}),this._commit(this._pending,t),!0)}_onRootBlur(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t,i=e.target;if(!(i instanceof HTMLInputElement))return;const r=e.relatedTarget;r&&this._overlay?.contains(r)||this._open&&!this._isInlineMode()||(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))&&(i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("blur"))}_onRootKeyDown(t){const e=t;if(!this._isInteractionBlocked()){if(e.key==="Enter"){const i=e.target;if(!this._isReadonly()&&i instanceof HTMLInputElement&&(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))){e.preventDefault(),i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("enter")&&!this._isInlineMode()&&this._setOpen(!1,"enter");return}}if(e.key==="Escape"&&this._open&&!this._isInlineMode()){e.preventDefault(),this._setOpen(!1,"escape");return}e.key==="ArrowDown"&&!this._open&&!this._isInlineMode()&&(e.preventDefault(),this._setOpen(!0,"keyboard"))}}_onDocumentPointerDown(t){if(!this._open||!this._overlay)return;const e=t.composedPath();e.includes(this)||e.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(t){this._open&&t.key==="Escape"&&(t.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(t){const e=t.target;if(!e)return;const r=e.closest("[data-action]")?.getAttribute("data-action");if(r&&!(this._isInteractionBlocked()||this._isReadonly())){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="clear"){this._pending={start:null,end:null},this._emitInput("clear"),this._renderOverlay();return}if(r==="cancel"){this._pending={...this._value},this._setOpen(!1,"cancel");return}if(r==="apply"){this._commit(this._pending,"apply"),this._setOpen(!1,"apply");return}if(r==="preset-today"){const n=this._todayIso();this._pending=this._normalizePending({start:n,end:n}),this._emitInput("preset-today"),this._renderOverlay();return}if(r==="preset-last7"){const n=this._todayIso();this._pending=this._normalizePending(s.computeLastDaysRange(n,7)),this._emitInput("preset-last7"),this._renderOverlay();return}if(r==="preset-month"){const n=this._todayIso();this._pending=this._normalizePending(s.computeMonthRange(n)),this._emitInput("preset-month"),this._renderOverlay()}}}_onOverlayCalendarChange(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-calendar")return;const i=t.detail;if(!(!i||i.mode!=="range")){if(this._pending=this._normalizePending({start:s.normalizeDateIso(i.start||null),end:s.normalizeDateIso(i.end||null)}),this._emitInput("calendar"),this._shouldAutoCommit()&&this._pending.start&&this._pending.end){this._commit(this._pending,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar");return}this._updateHostState()}}render(){this._hasView||(this.setContent(`
         <style>${et}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">

package/dist/date-range-picker.esm.js

@@ -1,8 +1,8 @@
 import { E as et } from "./ElementBase-BeZT54Hj.mjs";
 import { s as D, a as E } from "./control-name-Bpj7F34X.mjs";
 import { c as it } from "./dismissable-layer-BmPIoK80.mjs";
-import { r as nt, c as K } from "./calendar-B3PUKHQm.mjs";
-import { r as rt, e as st, i as m, s as at, b as ot, p as Z, f as W, a as Y, l as j, c as lt, d as k, g as dt, h as ut, n as L } from "./date-time-utils-BTlxnz5j.mjs";
+import { r as nt, c as K } from "./calendar-DmxiZrR7.mjs";
+import { r as rt, e as st, i as v, s as at, b as ot, p as Z, f as W, a as Y, l as j, c as lt, d as k, g as dt, h as ut, n as L } from "./date-time-utils-B4hAkt36.mjs";
 let ct = 0;
 const pt = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
@@ -24,12 +24,12 @@ const pt = `
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --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;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
     --ui-dp-field-error: var(--ui-color-danger, #dc2626);
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
@@ -70,11 +70,12 @@ const pt = `
   .required { color: var(--ui-dp-field-error); font-size: 11px; }
 
   .fields {
+    box-sizing: border-box;
     display: grid;
     grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
     align-items: center;
     gap: 8px;
-    min-block-size: 42px;
+    min-block-size: var(--ui-control-height-2, 32px);
     border: 1px solid var(--ui-dp-border);
     border-radius: var(--ui-dp-radius);
     padding: 0 10px 0 11px;
@@ -88,23 +89,27 @@ const pt = `
   }
 
   .fields:focus-within {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 4px 14px rgba(2, 6, 23, 0.09);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-open="true"] {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 10px 24px rgba(2, 6, 23, 0.12);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-invalid="true"] {
     border-color: color-mix(in srgb, var(--ui-dp-field-error) 68%, transparent);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-field-error) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-field-error);
   }
 
   .fields[data-state="success"]:not([data-invalid="true"]) {
     border-color: color-mix(in srgb, var(--ui-dp-success) 56%, var(--ui-dp-border));
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-success) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-success);
   }
 
   .fields[data-state="loading"] {
@@ -132,14 +137,14 @@ const pt = `
     color: var(--ui-dp-text);
     min-inline-size: 0;
     inline-size: 100%;
-    padding: 8px 0;
+    padding: 0;
     font: 500 14px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     letter-spacing: 0.005em;
     outline: none;
   }
 
   .input::placeholder {
-    color: color-mix(in srgb, var(--ui-dp-text) 44%, transparent);
+    color: var(--ui-color-placeholder, color-mix(in srgb, var(--ui-dp-text) 62%, transparent));
   }
 
   .sep {
@@ -151,8 +156,8 @@ const pt = `
   .btn {
     border: 0;
     background: transparent;
-    inline-size: 28px;
-    block-size: 28px;
+    inline-size: var(--ui-dp-action-size, 24px);
+    block-size: var(--ui-dp-action-size, 24px);
     border-radius: 8px;
     color: color-mix(in srgb, var(--ui-dp-text) 72%, transparent);
     cursor: pointer;
@@ -330,12 +335,12 @@ const pt = `
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --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;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
     --ui-dp-field-error: var(--ui-color-danger, #dc2626);
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
@@ -495,7 +500,7 @@ class gt extends et {
   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 t = J(this.getAttribute("value") || this.getAttribute("default-value")), e = this._normalizePending(t);
-      this._value = e, this._pending = { ...e }, this._refreshDraftFromValue(), this._open = this.hasAttribute("open") || m(this.getAttribute("default-open")), this._isInitialized = !0;
+      this._value = e, this._pending = { ...e }, this._refreshDraftFromValue(), this._open = this.hasAttribute("open") || v(this.getAttribute("default-open")), this._isInitialized = !0;
     }
     this._open && !this._isInlineMode() && this._ensureOverlay(), this._isInlineMode() && this._scheduleInlineCalendarSync();
   }
@@ -531,25 +536,25 @@ class gt extends et {
     return this.hasAttribute("readonly");
   }
   _clearable() {
-    return m(this.getAttribute("clearable"), !0);
+    return v(this.getAttribute("clearable"), !0);
   }
   _closeOnSelect() {
-    return m(this.getAttribute("close-on-select"), !1);
+    return v(this.getAttribute("close-on-select"), !1);
   }
   _shouldAutoCommit() {
     return this._closeOnSelect() || !this._showFooter();
   }
   _showFooter() {
-    return m(this.getAttribute("show-footer"), !0);
+    return v(this.getAttribute("show-footer"), !0);
   }
   _isBare() {
-    return m(this.getAttribute("bare"), !1);
+    return v(this.getAttribute("bare"), !1);
   }
   _allowPartial() {
-    return m(this.getAttribute("allow-partial"), !0);
+    return v(this.getAttribute("allow-partial"), !0);
   }
   _allowSameDay() {
-    return m(this.getAttribute("allow-same-day"), !0);
+    return v(this.getAttribute("allow-same-day"), !0);
   }
   _locale() {
     return ot(this.getAttribute("locale"));
@@ -804,8 +809,8 @@ class gt extends et {
   }
   _updateHostState() {
     if (!this._hasView) return;
-    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", n = this._inlineError || i, r = this._translations(), d = n ? "error" : this._state(), a = this._rangeVariant(), p = this._isInlineMode(), h = !!(this._value.start || this._value.end || this._pending.start || this._pending.end), u = this._isInteractionBlocked(), b = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), I = this.root.querySelector(".required"), f = this.root.querySelector(".fields"), o = this.root.querySelector(".single"), l = this.root.querySelector(".start"), s = this.root.querySelector(".end"), y = this.root.querySelector(".sep"), A = this.root.querySelector('.btn[data-action="clear"]'), v = this.root.querySelector('.btn[data-action="toggle"]'), x = this.root.querySelector(".hint"), C = this.root.querySelector(".error"), g = this.root.querySelector(".inline-panel"), q = this.root.querySelector(".inline-panel .presets"), R = this.root.querySelector(".inline-panel .footer"), O = this.root.querySelector(".hidden-range"), z = this.root.querySelector(".hidden-start"), P = this.root.querySelector(".hidden-end"), Q = this.root.querySelectorAll(".inline-panel .action");
-    b && (b.hidden = !t, b.id = this._labelId, b.setAttribute("for", a === "single-field" ? this._singleId : this._startId)), S && (S.textContent = t), I && (I.hidden = !this.hasAttribute("required")), f && (f.dataset.single = a === "single-field" ? "true" : "false", f.dataset.invalid = n ? "true" : "false", f.dataset.open = this._open && !p ? "true" : "false", f.dataset.state = d, f.setAttribute("aria-disabled", u ? "true" : "false")), o && (o.value !== this._draftSingle && (o.value = this._draftSingle), o.id = this._singleId, o.hidden = a !== "single-field", o.readOnly = this._isReadonly() || u, o.disabled = u, o.required = this.hasAttribute("required"), o.placeholder = r.startEnd, o.autocomplete = "off", o.setAttribute("role", "combobox"), o.setAttribute("aria-haspopup", "dialog"), o.setAttribute("aria-controls", this._panelId), o.setAttribute("aria-expanded", p ? "false" : String(this._open)), o.setAttribute("aria-invalid", n ? "true" : "false"), D(o, this, t ? this._labelId : null, r.startEnd)), l && (l.value !== this._draftStart && (l.value = this._draftStart), l.id = this._startId, l.hidden = a === "single-field", l.readOnly = this._isReadonly() || u, l.disabled = u, l.required = this.hasAttribute("required"), l.placeholder = r.startDate, l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-expanded", p ? "false" : String(this._open)), l.setAttribute("aria-invalid", n ? "true" : "false"), D(l, this, t ? this._labelId : null, r.startDate)), s && (s.value !== this._draftEnd && (s.value = this._draftEnd), s.id = this._endId, s.hidden = a === "single-field", s.readOnly = this._isReadonly() || u, s.disabled = u, s.required = this.hasAttribute("required"), s.placeholder = r.endDate, s.autocomplete = "off", s.setAttribute("role", "combobox"), s.setAttribute("aria-haspopup", "dialog"), s.setAttribute("aria-controls", this._panelId), s.setAttribute("aria-expanded", p ? "false" : String(this._open)), s.setAttribute("aria-invalid", n ? "true" : "false"), D(s, this, t ? this._labelId : null, r.endDate)), y && (y.hidden = a === "single-field"), A && (A.hidden = !(this._clearable() && h), A.disabled = u, A.setAttribute("aria-label", r.clearDateRange)), v && (v.hidden = p, v.disabled = u, v.setAttribute("aria-expanded", p ? "false" : String(this._open)), v.setAttribute("aria-controls", this._panelId), v.setAttribute("aria-label", r.toggleCalendar)), x && (x.id = this._hintId, x.hidden = !e, x.textContent = e), C && (C.id = this._errorId, C.hidden = !n, C.textContent = n);
+    const t = this.getAttribute("label") || "", e = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", n = this._inlineError || i, r = this._translations(), d = n ? "error" : this._state(), a = this._rangeVariant(), p = this._isInlineMode(), h = !!(this._value.start || this._value.end || this._pending.start || this._pending.end), u = this._isInteractionBlocked(), b = this.root.querySelector(".label"), S = this.root.querySelector(".label-text"), I = this.root.querySelector(".required"), f = this.root.querySelector(".fields"), o = this.root.querySelector(".single"), l = this.root.querySelector(".start"), s = this.root.querySelector(".end"), y = this.root.querySelector(".sep"), A = this.root.querySelector('.btn[data-action="clear"]'), m = this.root.querySelector('.btn[data-action="toggle"]'), x = this.root.querySelector(".hint"), C = this.root.querySelector(".error"), g = this.root.querySelector(".inline-panel"), q = this.root.querySelector(".inline-panel .presets"), R = this.root.querySelector(".inline-panel .footer"), O = this.root.querySelector(".hidden-range"), z = this.root.querySelector(".hidden-start"), P = this.root.querySelector(".hidden-end"), Q = this.root.querySelectorAll(".inline-panel .action");
+    b && (b.hidden = !t, b.id = this._labelId, b.setAttribute("for", a === "single-field" ? this._singleId : this._startId)), S && (S.textContent = t), I && (I.hidden = !this.hasAttribute("required")), f && (f.dataset.single = a === "single-field" ? "true" : "false", f.dataset.invalid = n ? "true" : "false", f.dataset.open = this._open && !p ? "true" : "false", f.dataset.state = d, f.setAttribute("aria-disabled", u ? "true" : "false")), o && (o.value !== this._draftSingle && (o.value = this._draftSingle), o.id = this._singleId, o.hidden = a !== "single-field", o.readOnly = this._isReadonly() || u, o.disabled = u, o.required = this.hasAttribute("required"), o.placeholder = r.startEnd, o.autocomplete = "off", o.setAttribute("role", "combobox"), o.setAttribute("aria-haspopup", "dialog"), o.setAttribute("aria-controls", this._panelId), o.setAttribute("aria-expanded", p ? "false" : String(this._open)), o.setAttribute("aria-invalid", n ? "true" : "false"), D(o, this, t ? this._labelId : null, r.startEnd)), l && (l.value !== this._draftStart && (l.value = this._draftStart), l.id = this._startId, l.hidden = a === "single-field", l.readOnly = this._isReadonly() || u, l.disabled = u, l.required = this.hasAttribute("required"), l.placeholder = r.startDate, l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-expanded", p ? "false" : String(this._open)), l.setAttribute("aria-invalid", n ? "true" : "false"), D(l, this, t ? this._labelId : null, r.startDate)), s && (s.value !== this._draftEnd && (s.value = this._draftEnd), s.id = this._endId, s.hidden = a === "single-field", s.readOnly = this._isReadonly() || u, s.disabled = u, s.required = this.hasAttribute("required"), s.placeholder = r.endDate, s.autocomplete = "off", s.setAttribute("role", "combobox"), s.setAttribute("aria-haspopup", "dialog"), s.setAttribute("aria-controls", this._panelId), s.setAttribute("aria-expanded", p ? "false" : String(this._open)), s.setAttribute("aria-invalid", n ? "true" : "false"), D(s, this, t ? this._labelId : null, r.endDate)), y && (y.hidden = a === "single-field"), A && (A.hidden = !(this._clearable() && h), A.disabled = u, A.setAttribute("aria-label", r.clearDateRange)), m && (m.hidden = p, m.disabled = u, m.setAttribute("aria-expanded", p ? "false" : String(this._open)), m.setAttribute("aria-controls", this._panelId), m.setAttribute("aria-label", r.toggleCalendar)), x && (x.id = this._hintId, x.hidden = !e, x.textContent = e), C && (C.id = this._errorId, C.hidden = !n, C.textContent = n);
     const w = [];
     e && x && !x.hidden && w.push(this._hintId), n && w.push(this._errorId), E(o, this, `${this._uid}-single`, w), E(l, this, `${this._uid}-start`, w), E(s, this, `${this._uid}-end`, w), g && (g.hidden = !p, g.id = this._panelId, g.dataset.bare = this._isBare() ? "true" : "false", g.setAttribute("role", "dialog"), g.setAttribute("aria-modal", "false"), g.setAttribute("aria-label", t || r.selectDateRange));
     const $ = this._showFooter();