@luzmo/lucero 1.0.3-alpha.7 → 1.0.3-alpha.9

package/components/date-time-picker-Ca9GEA4N.cjs

@@ -0,0 +1,105 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./focusable-CupEoHmn.cjs`);require(`./icon-B7hKwn_q.cjs`),require(`./overlay-BGI4wOGe.cjs`),require(`./popover/index.cjs`),require(`./calendar-BWArK3rh.cjs`);const r=require(`./manage-help-text-D9VbYRf_.cjs`),i=require(`./text-field.module-D5oDP7MB.cjs`);require(`./picker-button-adl1JO5u.cjs`);const a=require(`./segments-factory-CHo9oQw7.cjs`);let o=require(`lit`),s=require(`lit/decorators.js`),c=require(`@luzmo/icons`),l=require(`lit/directives/when.js`),u=require(`lit/directives/if-defined.js`),d=require(`lit/directives/class-map.js`),f=require(`lit/directives/style-map.js`),p=require(`@internationalized/date`),m=require(`@internationalized/number`);var h=`:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}`,g=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){static get styles(){return[(0,o.unsafeCSS)(h),(0,o.unsafeCSS)(i.t)]}get precision(){return this._precision}set precision(e){this.isUserSetPrecision=!0;let t=this._precision;e!==t&&(this._precision=e,this.requestUpdate(`precision`,t))}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}get currentDate(){return this._value?(0,p.toZoned)(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[a.f.Hour,a.f.Minute,a.f.Second,a.f.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=a.f.Minute,this.isUserSetPrecision=!1,this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`},this.focused=!1,this.segments=new a.o([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),this.cachedLocalTime=(0,p.now)(this._timeZone),this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,()=>this.previousCommitedValue=this._value),this.addEventListener(`focusout`,()=>this.commitValue())}willUpdate(e){let t=e.has(`value`),n=e.has(`timeZone`),r=e.has(`min`),i=e.has(`max`),o=e.has(`language`),s=e.has(`dateFormat`),c=e.has(`dateSeparator`),l=e.has(`precision`),u=e.has(`segments`),d=e.has(`disabled`);if(o&&this.setNumberParser(),(o||l)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?(0,p.parseAbsolute)(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?(0,p.parseAbsolute)(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?(0,p.parseAbsolute)(new Date(this.max).toISOString(),`UTC`):void 0;let e=this.mostSpecificDateValue;e&&(this.convertDatePropsToMatch(e),this.checkDatePropsCompliance(r||i),this.updateDateProps(),this.updateDefaultPrecision())}(t||o||l||s||n||c)&&this.setSegments(),u&&this.setValueFromSegments(),d&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let f=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(a.s(this._value));this.setAttribute(`aria-label`,f??this.labels.empty)}get mostSpecificDateValue(){let e=[this._value,this._min,this._max].filter(e=>e!==void 0);if(e.length===0)return;let t=e.filter(e=>a.d(e));if(t.length>0)return t[0];let n=e.filter(e=>a.u(e));return n.length>0?n[0]:e.find(e=>a.l(e))}convertDatePropsToMatch(e){if(a.d(e)){this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&(0,p.toZoned)(this._value,this._timeZone),this._min=this._min&&(0,p.toZoned)(this._min,this._timeZone),this._max=this._max&&(0,p.toZoned)(this._max,this._timeZone);return}if(this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),a.u(e)){this._value=this._value&&(0,p.toCalendarDateTime)(this._value),this._min=this._min&&(0,p.toCalendarDateTime)(this._min),this._max=this._max&&(0,p.toCalendarDateTime)(this._max);return}this._value=this._value&&(0,p.toCalendarDate)(this._value),this._min=this._min&&(0,p.toCalendarDate)(this._min),this._max=this._max&&(0,p.toCalendarDate)(this._max)}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this.isNonCompliantValue()&&(console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0),!this._min&&!this._max&&!this._value&&(this._timeZone=(0,p.getLocalTimeZone)())}isNonCompliantValue(){return this._value===void 0?!1:!!(this._min&&this._value.compare(this._min)<0||this._max&&this._value.compare(this._max)>0)}updateDateProps(){let e=this.mostSpecificDateValue;!e||!this.isUserSetPrecision||this.includesTime&&a.l(e)&&this.convertDatePropsToMatch((0,p.toCalendarDateTime)(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=a.l(e)?a.f.Day:a.f.Minute)}render(){return o.html`
+      <div id="text-field">
+        ${this.renderStateIcons()} ${this.renderInputContent()}
+      </div>
+      ${this.renderHelpText(this.invalid)}${this.renderPicker()}
+    `}renderStateIcons(){return this.invalid?o.html`
+        <luzmo-icon
+          .icon=${c.luzmoAlert}
+          .size=${this.size}
+          id="invalid"
+          class="icon"
+        ></luzmo-icon>
+      `:o.nothing}renderPicker(){return this.readonly?o.nothing:o.html`
+      <luzmo-picker-button
+        ?open=${this.isCalendarOpen}
+        ?quiet=${this.quiet}
+        ?invalid=${this.invalid}
+        ?disabled=${this.disabled}
+        .size=${this.size}
+        @click=${()=>this.isCalendarOpen=!0}
+        label=${this.labels.calendar}
+      >
+        <slot name="calendar-icon" slot="icon">
+          <luzmo-icon
+            .icon=${c.luzmoCalendar}
+            .size=${this.size}
+            block
+          ></luzmo-icon>
+        </slot>
+      </luzmo-picker-button>
+
+      <luzmo-overlay
+        .triggerElement=${this.input}
+        type="modal"
+        placement=${this.placement??`bottom`}
+        offset="0"
+        ?open=${this.isCalendarOpen}
+        @luzmo-closed=${()=>this.isCalendarOpen=!1}
+      >
+        <luzmo-popover>
+          <div class="popover-content">
+            <luzmo-calendar
+              .value=${this._value?this._value.toString().slice(0,10):void 0}
+              .min=${this._min?this._min.toString():void 0}
+              .max=${this._max?this._max.toString():void 0}
+              .labels=${this.labels}
+              .size=${this.size}
+              .language=${this.language}
+              @change=${this.handleChange}
+            ></luzmo-calendar>
+          </div>
+        </luzmo-popover>
+      </luzmo-overlay>
+    `}handleChange(e){e.stopPropagation(),this.isCalendarOpen=!1,e.target?.value&&(this.value=e.target?.value);let t=(0,p.parseDate)(e.target?.value??``);if(this.includesTime){let e=new p.Time(this.segments.hour?.value??0,this.segments.minute?.value??0,this.segments.second?.value??0,this.segments.millisecond?.value??0),n=this.mostSpecificDateValue;this._value=(0,p.toCalendarDateTime)(t,e),n&&a.d(n)&&(this._value=(0,p.toZoned)(this._value,this._timeZone))}else this._value=t;this.commitValue()}renderInputContent(){return o.html`
+      <div class="input">
+        <span
+          class="input-content"
+          @focusin=${()=>this.focused=!this.readonly}
+          @focusout=${()=>this.focused=!1}
+          @keydown=${this.handleKeydown}
+          @input=${this.handleInput}
+        >
+          ${this.renderSegments()}
+        </span>
+      </div>
+    `}renderSegments(){return this.segments.all.map(e=>(0,l.when)(e.type===a.p.Literal,()=>this.renderLiteralSegment(e),()=>this.renderEditableSegment(e)))}renderLiteralSegment(e){return o.html`
+        <span
+            class="literal-segment"
+            data-test-id=${e.type}
+            aria-hidden="true"
+        >${e.formatted}</span>
+    `}renderEditableSegment(e){let t=!this.disabled&&!this.readonly,n=e.value===void 0,r=e.type===a.p.DayPeriod?`text`:`numeric`,i={"editable-segment":!0,"is-placeholder":n},s=e.type!==a.p.Year&&String(e.maxValue).length>0,c={minWidth:s?`${s}ch`:void 0};return o.html`
+      <div
+        role="spinbutton"
+        aria-valuenow=${(0,u.ifDefined)(e.value)}
+        aria-valuemin=${e.minValue}
+        aria-valuemax=${e.maxValue}
+        aria-label=${e.label}
+        aria-valuetext=${(0,u.ifDefined)(e.value===void 0?this.labels.empty:e.formatted)}
+        contenteditable=${(0,u.ifDefined)(t?!0:void 0)}
+        inputmode=${(0,u.ifDefined)(t?r:void 0)}
+        tabindex=${(0,u.ifDefined)(t?`0`:void 0)}
+        class=${(0,d.classMap)(i)}
+        style=${(0,f.styleMap)(c)}
+        data-type=${e.type}
+        .innerText=${this.renderSegmentText(e)}
+      ></div>
+    `}renderSegmentText(e){return(0,l.when)(e.value===void 0,()=>e.placeholder??``,()=>e.formatted??``)}handleKeydown(e){let t=e.target,n=t.dataset.type;if(n)switch(e.code){case`ArrowUp`:this.incrementValue(n);break;case`ArrowDown`:this.decrementValue(n);break;case`ArrowRight`:this.focusSegment(t,`next`);break;case`ArrowLeft`:this.focusSegment(t,`previous`);break;case`Enter`:case`Space`:this.commitValue();break;case`Backspace`:case`Delete`:e.preventDefault(),this.segments.getByType(n)?.value===void 0?this.focusSegment(t,`previous`):this.clearSegmentContent(n);break}}get modifierParams(){return{dateFormatter:this.dateFormatter,segments:this.segments,currentDate:this.currentDate}}incrementValue(e){let t=new a.r(this.modifierParams);this.segments=t.modify(e),this.dispatchInput()}decrementValue(e){let t=new a.i(this.modifierParams);this.segments=t.modify(e),this.dispatchInput()}focusSegment(e,t){let n=!1,r=e;for(;!n;){let e=t===`previous`?r.previousElementSibling:r.nextElementSibling;if(!e)break;e.getAttribute(`contenteditable`)&&(e.focus(),n=!0),r=e}}commitValue(){if(!(this._value&&this.previousCommitedValue&&this._value.compare(this.previousCommitedValue)===0)){if(this._value===void 0&&this.previousCommitedValue===void 0){let e=this.segments.editableValues.every(e=>e===void 0);this.invalid=!e;return}this.invalid=!!(this._value===void 0||this.isNonCompliantValue()),this.previousCommitedValue=this._value,this.dispatchChange()}}clearSegmentContent(e){let t=this.segments.editableValues,n=new a.a(this.modifierParams);this.segments=n.modify(e);let r=this.segments.editableValues;a.c(t,r)||this.dispatchInput()}handleInput(e){e.stopPropagation();let t=e.target.dataset.type,n=this.segments.editableValues,r=new a.n({...this.modifierParams,eventData:e.data,numberParser:this.numberParser});this.segments=r.modify(t),this.updateSegmentContent(this.segments.getByType(t),e.target);let i=this.segments.editableValues;a.c(n,i)||this.dispatchInput()}updateSegmentContent(e,t){t.textContent=e.value===void 0?e.placeholder:e.formatted}createOutputString(e){return e?a.d(e)?this._value.toAbsoluteString():new Date(this._value.toString()).toISOString():``}dispatchChange(){let e=this.createOutputString(this._value);this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}dispatchInput(){let e=this.createOutputString(this._value);this.dispatchEvent(new CustomEvent(`input`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}setValueFromSegments(){let e=this.segments.getFormattedDate(this.precision);if(!e){this._value&&this.dispatchChange(),this._value=void 0;return}this._value===void 0&&this.dispatchChange();let t=this.mostSpecificDateValue;t?a.d(t)?this._value=(0,p.toZoned)(e,this._timeZone):a.u(t)?this._value=(0,p.toCalendarDateTime)(e):this._value=(0,p.toCalendarDate)(e):this._value=e}setSegments(){let e=new a.t(this.dateFormatter).createSegments(this.currentDate,this._value!==void 0);if(this.dateFormat){let t=e.all.findIndex(e=>e.type===a.p.Month),n=e.all.findIndex(e=>e.type===a.p.Day);if(t!==-1&&n!==-1){if(this.dateFormat===`mmdd`&&t>n){let r=e.all[t];e.all[t]=e.all[n],e.all[n]=r}else if(this.dateFormat===`ddmm`&&n>t){let r=e.all[n];e.all[n]=e.all[t],e.all[t]=r}}}typeof this.dateSeparator==`string`&&this.dateSeparator&&(e.all?.[1]?.type===a.p.Literal&&(e.all[1].formatted=this.dateSeparator),e.all?.[3]?.type===a.p.Literal&&(e.all[3].formatted=this.dateSeparator)),this.segments=e}setNumberParser(){this.numberParser=new m.NumberParser(this._language,{maximumFractionDigits:0})}setDateFormatter(){this.dateFormatter=new p.DateFormatter(this._language,{day:`2-digit`,month:`2-digit`,year:`numeric`,...this.getTimeOptions(`2-digit`)})}setAriaDateFormatter(){this.ariaDateFormatter=new p.DateFormatter(this._language,{day:`numeric`,month:`long`,year:`numeric`,...this.getTimeOptions(`numeric`)})}getTimeOptions(e){switch(this.precision){case a.f.Millisecond:return{hour:e,minute:e,second:e,fractionalSecondDigits:3};case a.f.Second:return{hour:e,minute:e,second:e};case a.f.Minute:return{hour:e,minute:e};case a.f.Hour:return{hour:e};default:return{}}}};e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`value`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`min`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`max`,void 0),e.t([(0,s.property)({type:String,attribute:`date-format`,reflect:!0})],g.prototype,`dateFormat`,void 0),e.t([(0,s.property)({type:String,attribute:`date-separator`,reflect:!0})],g.prototype,`dateSeparator`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`precision`,null),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`invalid`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`readonly`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`quiet`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`placement`,void 0),e.t([(0,s.property)({type:String,attribute:`time-zone`,reflect:!0})],g.prototype,`timeZone`,void 0),e.t([(0,s.property)({type:String,reflect:!0})],g.prototype,`language`,void 0),e.t([(0,s.property)({attribute:!1})],g.prototype,`labels`,void 0),e.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`focused`,void 0),e.t([(0,s.state)()],g.prototype,`_value`,void 0),e.t([(0,s.state)()],g.prototype,`_min`,void 0),e.t([(0,s.state)()],g.prototype,`_max`,void 0),e.t([(0,s.state)()],g.prototype,`segments`,void 0),e.t([(0,s.state)()],g.prototype,`isCalendarOpen`,void 0),e.t([(0,s.query)(`.editable-segment`)],g.prototype,`firstEditableSegment`,void 0),e.t([(0,s.query)(`.input`)],g.prototype,`input`,void 0),customElements.get(`luzmo-date-time-picker`)||customElements.define(`luzmo-date-time-picker`,g),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});

package/components/{date-time-picker-CStBWop1.js → date-time-picker-PHKHDgL9.js}

@@ -15,17 +15,17 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-CkCg3wfh.js";
-import { n as t, t as n } from "./sized-mixin-DzQTebN-.js";
-import { t as r } from "./focusable-DuP0-Kuy.js";
-import "./icon-M3agnqx7.js";
-import "./overlay-DR9oYpb5.js";
+import { t as e } from "./decorate-aGxJUVxg.js";
+import { n as t, t as n } from "./sized-mixin-DaBoZkVS.js";
+import { t as r } from "./focusable-BmS8IzhH.js";
+import "./icon-CwBAE1eU.js";
+import "./overlay-mdk7-NOt.js";
 import "./popover/index.js";
-import "./calendar-Ck40E6VN.js";
-import { t as i } from "./manage-help-text-DwfUBgHK.js";
-import { t as a } from "./text-field.module-BrBqDht3.js";
-import "./picker-button-Bg1oKrx4.js";
-import { a as o, c as s, d as c, f as l, i as u, l as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v } from "./segments-factory-BCRi1NKb.js";
+import "./calendar-BNRjXf9B.js";
+import { t as i } from "./manage-help-text-CF0xBh0F.js";
+import { t as a } from "./text-field.module-Btsve-VN.js";
+import "./picker-button-VAxzuhhg.js";
+import { a as o, c as s, d as c, f as l, i as u, l as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v } from "./segments-factory-D0IveW-q.js";
 import { html as y, nothing as b, unsafeCSS as x } from "lit";
 import { property as S, query as C, state as w } from "lit/decorators.js";
 import { luzmoAlert as T, luzmoCalendar as E } from "@luzmo/icons";
@@ -36,7 +36,7 @@ import { styleMap as A } from "lit/directives/style-map.js";
 import { DateFormatter as j, Time as M, getLocalTimeZone as N, now as P, parseAbsolute as F, parseDate as I, toCalendarDate as L, toCalendarDateTime as R, toZoned as z } from "@internationalized/date";
 import { NumberParser as B } from "@internationalized/number";
 //#region src/components/date-time-picker/date-time-picker.module.scss?inline
-var V = ":host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:\"–\";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:\"\";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}", H = class extends i(t(r, { validSizes: Object.values(n) })) {
+var V = ":host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:\"–\";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:\"\";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}", H = class extends i(t(r, { validSizes: Object.values(n) })) {
 	static get styles() {
 		return [x(V), x(a)];
 	}
@@ -120,7 +120,7 @@ var V = ":host{font-family:var(--luzmo-font-family);--date-time-picker-border-ra
 		e && this._min && this._max && (this._min.compare(this._max) < 0 || (console.warn(this, `<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`), this._min = void 0, this._max = void 0)), this.isNonCompliantValue() && (console.warn(this, `<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`), this._value = void 0), !this._min && !this._max && !this._value && (this._timeZone = N());
 	}
 	isNonCompliantValue() {
-		return this._value !== void 0 && !!(this._min && this._value.compare(this._min) < 0 || this._max && this._value.compare(this._max) > 0);
+		return this._value === void 0 ? !1 : !!(this._min && this._value.compare(this._min) < 0 || this._max && this._value.compare(this._max) > 0);
 	}
 	updateDateProps() {
 		let e = this.mostSpecificDateValue;

package/components/decorate-B2wePfNm.cjs

@@ -0,0 +1,18 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);let e=require(`lit`);var t=new Set,n=()=>{if(typeof document>`u`)return;let e=document.documentElement.dir===`rtl`?document.documentElement.dir:`ltr`;t.forEach(t=>{t.setAttribute(`dir`,e)})},r=null;typeof document<`u`&&(r=new MutationObserver(n),r.observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`]}));var i=e=>e.startManagingContentDirection!==void 0||e.tagName===`LUZMO-THEME`;function a(e){class n extends e{get isLTR(){return this.dir===`ltr`}hasVisibleFocusInTree(){if(typeof document>`u`)return!1;let e=((e=document)=>{let t=e.activeElement;for(;t?.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;let n=t?[t]:[];for(;t;){let e=t.assignedSlot||t.parentElement||t.getRootNode()?.host;e&&n.push(e),t=e}return n})(this.getRootNode())[0];if(!e)return!1;try{return e.matches(`:focus-visible`)||e.matches(`.focus-visible`)}catch{return e.matches(`.focus-visible`)}}connectedCallback(){if(typeof document>`u`){super.connectedCallback();return}if(!this.hasAttribute(`dir`)){let e=this.assignedSlot||this.parentNode;for(;e!==document?.documentElement&&!i(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir===`rtl`?e.dir:this.dir||`ltr`,e===document?.documentElement)t.add(this);else{let{localName:t}=e;t.search(`-`)>-1&&typeof customElements<`u`&&!customElements.get(t)?customElements.whenDefined(t).then(()=>{e.startManagingContentDirection(this)}):e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document?.documentElement?t.delete(this):typeof this._dirParent.stopManagingContentDirection==`function`&&this._dirParent.stopManagingContentDirection(this),this.removeAttribute(`dir`))}}return n}var o=class extends a(e.LitElement){};function s(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/components/{decorate-CkCg3wfh.js → decorate-aGxJUVxg.js}

@@ -80,7 +80,7 @@ function a(e) {
 }
 var o = class extends a(e) {};
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.126.0/helpers/decorate.js
 function s(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);

package/components/{dependency-manger-BSaHw9ju.cjs → dependency-manger-CHy9t__e.cjs}

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-var e=Symbol(`dependency manager loaded`),t=class{get loaded(){return this._loaded}set loaded(t){t!==this.loaded&&(this._loaded=t,this.host.requestUpdate(e,!this.loaded))}constructor(e){this.dependencies={},this._loaded=!1,this.host=e}add(e,t){let n=!!t||typeof customElements<`u`&&!!customElements.get(e)||this.dependencies[e];!n&&typeof customElements<`u`&&customElements.whenDefined(e).then(()=>{this.add(e,!0)}),this.dependencies={...this.dependencies,[e]:n},this.loaded=Object.values(this.dependencies).every(Boolean)}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+var e=Symbol(`dependency manager loaded`),t=class{get loaded(){return this._loaded}set loaded(t){t!==this.loaded&&(this._loaded=t,this.host.requestUpdate(e,!this.loaded))}constructor(e){this.dependencies={},this._loaded=!1,this.host=e}add(e,t){let n=!!t||typeof customElements<`u`&&!!customElements.get(e)||this.dependencies[e];!n&&typeof customElements<`u`&&customElements.whenDefined(e).then(()=>{this.add(e,!0)}),this.dependencies={...this.dependencies,[e]:n},this.loaded=Object.values(this.dependencies).every(Boolean)}};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/components/divider/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../divider-wana0uPI.cjs");exports.LuzmoDivider=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../divider-Dn8XqbB6.cjs`);exports.LuzmoDivider=e.t;

package/components/divider/index.js

@@ -21,5 +21,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../divider-CGbT-CL8.js";
+import { t as e } from "../divider-cU0lVwOp.js";
 export { e as LuzmoDivider };

package/components/divider-Dn8XqbB6.cjs

@@ -0,0 +1,18 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./divider.module-CL60P_z8.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);var a=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`],noDefaultSize:!0}){constructor(...e){super(...e),this.vertical=!1}static{this.styles=[(0,r.unsafeCSS)(n.t)]}render(){return r.html``}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`role`,`separator`)}updated(e){super.updated(e),e.has(`vertical`)&&(this.vertical?this.setAttribute(`aria-orientation`,`vertical`):this.removeAttribute(`aria-orientation`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),e.t([(0,i.property)({type:String,reflect:!0,attribute:`static-color`})],a.prototype,`staticColor`,void 0),customElements.get(`luzmo-divider`)||customElements.define(`luzmo-divider`,a),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/components/{divider-CGbT-CL8.js → divider-cU0lVwOp.js}

@@ -15,9 +15,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { n } from "./sized-mixin-DzQTebN-.js";
-import { t as r } from "./divider.module-CPEKsaqR.js";
+import { n as e, t } from "./decorate-aGxJUVxg.js";
+import { n } from "./sized-mixin-DaBoZkVS.js";
+import { t as r } from "./divider.module-C65RfSUa.js";
 import { html as i, unsafeCSS as a } from "lit";
 import { property as o } from "lit/decorators.js";
 //#region src/components/divider/divider.ts

package/components/{divider.module-BV6tmpOY.cjs → divider.module-CL60P_z8.cjs}

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return`@media (forced-colors:active){:host{background-color:canvastext!important}}:host{block-size:var(--luzmo-divider-thickness,var(--divider-thickness));border-radius:var(--luzmo-divider-thickness,var(--divider-thickness));background-color:var(--luzmo-divider-background-color,var(--divider-background-color));inline-size:100%;overflow:visible;border:none!important;border-width:var(--luzmo-divider-thickness,var(--divider-thickness))!important}:host([size=s]){--divider-thickness:var(--divider-thickness-small,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-small)}:host,:host{--divider-thickness:var(--divider-thickness-medium,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-medium)}:host([size=l]){--divider-thickness:var(--divider-thickness-large,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-large)}:host([static-color=white][size=s]){--divider-background-color:var(--luzmo-divider-background-color-small-static-white,var(--divider-background-color-small-static-white))}:host([static-color=white]){--divider-background-color:var(--luzmo-divider-background-color-medium-static-white,var(--divider-background-color-medium-static-white))}:host([static-color=white][size=l]){--divider-background-color:var(--luzmo-divider-background-color-large-static-white,var(--divider-background-color-large-static-white))}:host([static-color=black][size=s]){--divider-background-color:var(--luzmo-divider-background-color-small-static-black,var(--divider-background-color-small-static-black))}:host([static-color=black]){--divider-background-color:var(--luzmo-divider-background-color-medium-static-black,var(--divider-background-color-medium-static-black))}:host([static-color=black][size=l]){--divider-background-color:var(--luzmo-divider-background-color-large-static-black,var(--divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--luzmo-divider-thickness,var(--divider-thickness,var(--luzmo-border-width)));margin-block:var(--luzmo-divider-vertical-margin);block-size:100%;block-size:var(--luzmo-divider-vertical-height,100%);align-self:var(--luzmo-divider-vertical-align)}:host{--divider-background-color-small:#d5d5d5;--divider-background-color-medium:#d5d5d5;--divider-background-color-large:#d5d5d5;--divider-background-color-small-static-white:#ffffff40;--divider-background-color-medium-static-white:#ffffff40;--divider-background-color-large-static-white:#ffffffe6;--divider-background-color-small-static-black:#00000040;--divider-background-color-medium-static-black:#00000040;--divider-background-color-large-static-black:#000000e6;display:block}hr{border:none;margin:0}`}});
+var e=`@media (forced-colors:active){:host{background-color:canvastext!important}}:host{block-size:var(--luzmo-divider-thickness,var(--divider-thickness));border-radius:var(--luzmo-divider-thickness,var(--divider-thickness));background-color:var(--luzmo-divider-background-color,var(--divider-background-color));inline-size:100%;overflow:visible;border:none!important;border-width:var(--luzmo-divider-thickness,var(--divider-thickness))!important}:host([size=s]){--divider-thickness:var(--divider-thickness-small,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-small)}:host,:host{--divider-thickness:var(--divider-thickness-medium,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-medium)}:host([size=l]){--divider-thickness:var(--divider-thickness-large,var(--luzmo-border-width));--divider-background-color:var(--divider-background-color-large)}:host([static-color=white][size=s]){--divider-background-color:var(--luzmo-divider-background-color-small-static-white,var(--divider-background-color-small-static-white))}:host([static-color=white]){--divider-background-color:var(--luzmo-divider-background-color-medium-static-white,var(--divider-background-color-medium-static-white))}:host([static-color=white][size=l]){--divider-background-color:var(--luzmo-divider-background-color-large-static-white,var(--divider-background-color-large-static-white))}:host([static-color=black][size=s]){--divider-background-color:var(--luzmo-divider-background-color-small-static-black,var(--divider-background-color-small-static-black))}:host([static-color=black]){--divider-background-color:var(--luzmo-divider-background-color-medium-static-black,var(--divider-background-color-medium-static-black))}:host([static-color=black][size=l]){--divider-background-color:var(--luzmo-divider-background-color-large-static-black,var(--divider-background-color-large-static-black))}:host([vertical]){inline-size:var(--luzmo-divider-thickness,var(--divider-thickness,var(--luzmo-border-width)));margin-block:var(--luzmo-divider-vertical-margin);block-size:100%;block-size:var(--luzmo-divider-vertical-height,100%);align-self:var(--luzmo-divider-vertical-align)}:host{--divider-background-color-small:#d5d5d5;--divider-background-color-medium:#d5d5d5;--divider-background-color-large:#d5d5d5;--divider-background-color-small-static-white:#ffffff40;--divider-background-color-medium-static-white:#ffffff40;--divider-background-color-large-static-white:#ffffffe6;--divider-background-color-small-static-black:#00000040;--divider-background-color-medium-static-black:#00000040;--divider-background-color-large-static-black:#000000e6;display:block}hr{border:none;margin:0}`;Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/components/{element-resolution-BjaAlqwX.cjs → element-resolution-C0aiOB0Y.cjs}

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-var e=Symbol(`element resolver updated`),t=class{get element(){return this._element}set element(t){if(t===this.element)return;let n=this.element;this._element=t,this.host.requestUpdate(e,n)}get selector(){return this._selector}set selector(e){e!==this.selector&&(this.releaseElement(),this._selector=e,this.resolveElement())}get selectorAsId(){return this.selector.slice(1)}get selectorIsId(){return!!this.selector&&this.selector.startsWith(`#`)}constructor(e,{selector:t}={selector:``}){this._element=null,this._selector=``,this.mutationCallback=e=>{let t=!1;e.forEach(e=>{if(!t){if(e.type===`childList`){let n=this.element&&[...e.removedNodes].includes(this.element),r=!!this.selector&&[...e.addedNodes].some(e=>this.elementIsSelected(e));t=t||n||r}if(e.type===`attributes`){let n=e.target===this.element,r=!!this.selector&&this.elementIsSelected(e.target);t=t||n||r}}}),t&&this.resolveElement()},this.elementIsSelected=e=>this.selectorIsId?e?.id===this.selectorAsId:e?.matches?.(this.selector),this.host=e,this.selector=t,this.observer=new MutationObserver(this.mutationCallback),this.host.addController(this)}hostConnected(){this.resolveElement(),this.observer.observe(this.host.getRootNode(),{subtree:!0,childList:!0,attributes:!0})}hostDisconnected(){this.releaseElement(),this.observer.disconnect()}resolveElement(){if(!this.selector){this.releaseElement();return}let e=this.host.getRootNode();this.element=this.selectorIsId?e.getElementById(this.selectorAsId):e.querySelector(this.selector)}releaseElement(){this.element=null}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+var e=Symbol(`element resolver updated`),t=class{get element(){return this._element}set element(t){if(t===this.element)return;let n=this.element;this._element=t,this.host.requestUpdate(e,n)}get selector(){return this._selector}set selector(e){e!==this.selector&&(this.releaseElement(),this._selector=e,this.resolveElement())}get selectorAsId(){return this.selector.slice(1)}get selectorIsId(){return!!this.selector&&this.selector.startsWith(`#`)}constructor(e,{selector:t}={selector:``}){this._element=null,this._selector=``,this.mutationCallback=e=>{let t=!1;e.forEach(e=>{if(!t){if(e.type===`childList`){let n=this.element&&[...e.removedNodes].includes(this.element),r=!!this.selector&&[...e.addedNodes].some(e=>this.elementIsSelected(e));t=t||n||r}if(e.type===`attributes`){let n=e.target===this.element,r=!!this.selector&&this.elementIsSelected(e.target);t=t||n||r}}}),t&&this.resolveElement()},this.elementIsSelected=e=>this.selectorIsId?e?.id===this.selectorAsId:e?.matches?.(this.selector),this.host=e,this.selector=t,this.observer=new MutationObserver(this.mutationCallback),this.host.addController(this)}hostConnected(){this.resolveElement(),this.observer.observe(this.host.getRootNode(),{subtree:!0,childList:!0,attributes:!0})}hostDisconnected(){this.releaseElement(),this.observer.disconnect()}resolveElement(){if(!this.selector){this.releaseElement();return}let e=this.host.getRootNode();this.element=this.selectorIsId?e.getElementById(this.selectorAsId):e.querySelector(this.selector)}releaseElement(){this.element=null}};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/components/field-group/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../field-group-aWhlzhoj.cjs");customElements.get(`luzmo-field-group`)||customElements.define(`luzmo-field-group`,e.t),exports.LuzmoFieldGroup=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../field-group-OcI5Lgu7.cjs`);customElements.get(`luzmo-field-group`)||customElements.define(`luzmo-field-group`,e.t),exports.LuzmoFieldGroup=e.t;

package/components/field-group/index.js

@@ -21,7 +21,7 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../field-group-EZzkXa2e.js";
+import { t as e } from "../field-group-C7ROsWq3.js";
 //#region src/components/field-group/index.ts
 customElements.get("luzmo-field-group") || customElements.define("luzmo-field-group", e);
 //#endregion

package/components/{field-group-EZzkXa2e.js → field-group-C7ROsWq3.js}

@@ -15,8 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { t as n } from "./manage-help-text-DwfUBgHK.js";
+import { n as e, t } from "./decorate-aGxJUVxg.js";
+import { t as n } from "./manage-help-text-CF0xBh0F.js";
 import { html as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 //#region src/components/field-group/field-group.module.scss?inline

package/components/{field-group-aWhlzhoj.cjs → field-group-OcI5Lgu7.cjs}

@@ -15,9 +15,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./manage-help-text-D20THJ3U.cjs");let n=require("lit"),r=require("lit/decorators.js");var i=`.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin:16px;--field-group-readonly-delimiter:","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 var(--field-group-margin) 0 0}`,a=class extends t.t(e.n,{mode:`external`}){constructor(...e){super(...e),this.horizontal=!1,this.invalid=!1,this.label=``,this.vertical=!1}static get styles(){return[(0,n.unsafeCSS)(i)]}handleSlotchange(){}render(){return n.html`
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./manage-help-text-D9VbYRf_.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`);var i=`.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin:16px;--field-group-readonly-delimiter:","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 var(--field-group-margin) 0 0}`,a=class extends t.t(e.n,{mode:`external`}){constructor(...e){super(...e),this.horizontal=!1,this.invalid=!1,this.label=``,this.vertical=!1}static get styles(){return[(0,n.unsafeCSS)(i)]}handleSlotchange(){}render(){return n.html`
       <div class="group" role="presentation">
         <slot @slotchange=${this.handleSlotchange}></slot>
       </div>
       ${this.renderHelpText(this.invalid)}
-    `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`group`)}updated(e){super.updated(e),e.has(`label`)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}};e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`horizontal`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`invalid`,void 0),e.t([(0,r.property)()],a.prototype,`label`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+    `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`group`)}updated(e){super.updated(e),e.has(`label`)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}};e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`horizontal`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`invalid`,void 0),e.t([(0,r.property)()],a.prototype,`label`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/components/field-label/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../field-label-C5vdJ1ys.cjs");customElements.get(`luzmo-field-label`)||customElements.define(`luzmo-field-label`,e.t),exports.LuzmoFieldLabel=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../field-label-BCl6R1uO.cjs`);customElements.get(`luzmo-field-label`)||customElements.define(`luzmo-field-label`,e.t),exports.LuzmoFieldLabel=e.t;

package/components/field-label/index.js

@@ -21,7 +21,7 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../field-label-B9S41b7c.js";
+import { t as e } from "../field-label-CtGCEmdp.js";
 //#region src/components/field-label/index.ts
 customElements.get("luzmo-field-label") || customElements.define("luzmo-field-label", e);
 //#endregion

package/components/field-label-BCl6R1uO.cjs

@@ -0,0 +1,25 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`),t=require(`./sized-mixin-StFA4y0J.cjs`),n=require(`./condition-attribute-with-id-DauPaLSS.cjs`),r=require(`./random-id-B51lUxUB.cjs`),i=require(`./element-resolution-C0aiOB0Y.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`);var s=`:host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height,var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block,var(--luzmo-field-label-top-to-text,var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text,var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline,0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block,var(--luzmo-field-label-margin-block-start,0) var(--luzmo-field-label-margin-block-end,0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline,var(--luzmo-field-label-margin-inline-start,0) var(--luzmo-field-label-margin-inline-end,0));font-size:var(--luzmo-field-label-font-size,var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight,var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height,var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color,var(--field-label-color));font-family:var(--luzmo-field-label-font-family,var(--luzmo-font-family));display:block}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height:var(--luzmo-field-label-line-height-cjk,var(--field-label-line-height-cjk))}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color:var(--highcontrast-field-label-disabled-content-color,var(--luzmo-disabled-content-color,var(--field-label-disabled-content-color)))}.required-icon{margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk,var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align,baseline);display:inline-block}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;font-size:var(--luzmo-field-label-side-aligned-font-size,var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height,var(--field-label-side-aligned-height));align-items:center;margin-block:0;margin-inline-end:var(--luzmo-field-label-side-padding-right,var(--field-label-side-padding-right));display:inline-flex}:host([side-aligned=end]){text-align:end}@media (forced-colors:active){:host{--highcontrast-field-label-disabled-content-color:GrayText}}:host{--field-label-color:var(--luzmo-font-color);--field-label-font-weight:var(--luzmo-font-weight);--field-label-line-height:var(--luzmo-line-height);--field-label-line-height-cjk:1.5;--field-label-disabled-content-color:var(--luzmo-font-color-disabled);--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height);--field-label-top-to-text:calc(var(--luzmo-spacing-2));--field-label-bottom-to-text:var(--luzmo-spacing-2);--field-label-side-aligned-font-size:var(--luzmo-font-size);--field-label-font-size:var(--luzmo-font-size-s);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:0px}:host([size=s]){--field-label-min-height:var(--luzmo-component-height-xxs);--field-label-side-aligned-height:var(--luzmo-component-height-s);--field-label-top-to-text:calc(var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-1);--field-label-side-aligned-font-size:var(--luzmo-font-size-s);--field-label-font-size:var(--luzmo-font-size-xs);--field-label-side-padding-right:var(--luzmo-spacing-3);--field-label-text-to-asterisk:0px}:host([size=l]){--field-label-min-height:var(--luzmo-component-height-xs);--field-label-side-aligned-height:var(--luzmo-component-height-l);--field-label-top-to-text:var(--luzmo-spacing-3);--field-label-bottom-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--field-label-side-aligned-font-size:var(--luzmo-font-size-l);--field-label-font-size:var(--luzmo-font-size);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height:var(--luzmo-component-height-s);--field-label-side-aligned-height:var(--luzmo-component-height-xl);--field-label-top-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--field-label-bottom-to-text:var(--luzmo-spacing-3);--field-label-side-aligned-font-size:var(--luzmo-font-size-xl);--field-label-font-size:var(--luzmo-font-size-l);--field-label-side-padding-right:var(--luzmo-spacing-4);--field-label-text-to-asterisk:var(--luzmo-spacing-1)}label{display:inline-block}`,c=()=>a.html`
+  <div class="icon-container required-icon">*</div>
+`,l=class extends t.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.id=``,this.for=``,this.required=!1,this.resolvedElement=new i.t(this)}static get styles(){return[(0,a.unsafeCSS)(s)]}handleClick(e){if(!this.target||this.disabled||e.defaultPrevented)return;this.target.focus();let t=this.getRootNode(),n=this.target,r=n.getRootNode(),i=r.host;r===t&&n.forceFocusVisible?n.forceFocusVisible():i&&i.forceFocusVisible&&i.forceFocusVisible()}applyTargetLabel(e){if(this.target=e||this.target,this.target){let t=this.target.applyFocusElementLabel,r=this.target.focusElement||this.target,i=r.getRootNode();t===void 0?i===this.getRootNode()?(e?n.t:n.n)(r,`aria-labelledby`,[this.id]):e?r.setAttribute(`aria-label`,this.labelText):r.removeAttribute(`aria-label`):t.call(this.target,this.labelText,this)}}async manageTarget(){this.applyTargetLabel();let e=this.resolvedElement.element;if(!e){this.target=e;return}e.localName.search(`-`)>0&&await customElements.whenDefined(e.localName),e.updateComplete!==void 0&&await e.updateComplete,this.applyTargetLabel(e)}get labelText(){let e=this.slotEl.assignedNodes({flatten:!0});return e.length===0?``:e.map(e=>(e.textContent||``).trim()).join(` `)}render(){return a.html`
+      <label>
+        <slot></slot>
+        ${this.required?a.html` ${c()} `:a.nothing}
+      </label>
+    `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick)}willUpdate(e){this.hasAttribute(`id`)||this.setAttribute(`id`,`${this.tagName.toLowerCase()}-${r.t()}`),e.has(`for`)&&(this.resolvedElement.selector=this.for?`#${this.for}`:``),(e.has(`id`)||e.has(i.n))&&this.manageTarget()}};e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,o.property)({type:String})],l.prototype,`id`,void 0),e.t([(0,o.property)({type:String})],l.prototype,`for`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`required`,void 0),e.t([(0,o.query)(`slot`)],l.prototype,`slotEl`,void 0),e.t([(0,o.property)({type:String,reflect:!0,attribute:`side-aligned`})],l.prototype,`sideAligned`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/components/{field-label-B9S41b7c.js → field-label-CtGCEmdp.js}

@@ -15,11 +15,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { n } from "./sized-mixin-DzQTebN-.js";
-import { n as r, t as i } from "./condition-attribute-with-id-BdnTdWKz.js";
-import { t as a } from "./random-id-CiMDyX7v.js";
-import { n as o, t as s } from "./element-resolution-gap51AVo.js";
+import { n as e, t } from "./decorate-aGxJUVxg.js";
+import { n } from "./sized-mixin-DaBoZkVS.js";
+import { n as r, t as i } from "./condition-attribute-with-id-Duo51HZ7.js";
+import { t as a } from "./random-id-Dd4boCPV.js";
+import { n as o, t as s } from "./element-resolution-Bs1x89vU.js";
 import { html as c, nothing as l, unsafeCSS as u } from "lit";
 import { property as d, query as f } from "lit/decorators.js";
 //#region src/components/field-label/field-label.module.scss?inline