@luzmo/lucero 1.0.1-alpha.9 → 1.0.2

package/components/date-time-picker-Ct_ln8Ot.js

@@ -0,0 +1,470 @@
+/*! * 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.
+ * */
+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-CwR_36OV.js";
+import "./popover/index.js";
+import "./calendar-CKr5T_zV.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-BLbeT3Yu.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";
+import { when as D } from "lit/directives/when.js";
+import { ifDefined as O } from "lit/directives/if-defined.js";
+import { classMap as k } from "lit/directives/class-map.js";
+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) })) {
+	static get styles() {
+		return [x(V), x(a)];
+	}
+	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 ? z(this._value, this._timeZone) : this.cachedLocalTime;
+	}
+	get includesTime() {
+		return [
+			l.Hour,
+			l.Minute,
+			l.Second,
+			l.Millisecond
+		].includes(this.precision);
+	}
+	clear() {
+		this._value = void 0, this.setSegments();
+	}
+	constructor() {
+		super(), this._precision = l.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 p([]), this.isCalendarOpen = !1, this._timeZone = this.timeZone ?? N(), this.cachedLocalTime = P(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"), a = e.has("language"), o = e.has("dateFormat"), s = e.has("dateSeparator"), c = e.has("precision"), l = e.has("segments"), u = e.has("disabled");
+		if (a && this.setNumberParser(), (a || c) && (this.setDateFormatter(), this.setAriaDateFormatter()), t || r || i || n) {
+			this._value = this.value ? F(new Date(this.value).toISOString(), "UTC") : void 0, this._min = this.min ? F(new Date(this.min).toISOString(), "UTC") : void 0, this._max = this.max ? F(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 || a || c || o || n || s) && this.setSegments(), l && this.setValueFromSegments(), u && this.isCalendarOpen && (this.isCalendarOpen = !1);
+		let d = this._value && this.labels.selected + ": " + this.ariaDateFormatter.format(g(this._value));
+		this.setAttribute("aria-label", d ?? 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) => c(e));
+		if (t.length > 0) return t[0];
+		let n = e.filter((e) => v(e));
+		return n.length > 0 ? n[0] : e.find((e) => d(e));
+	}
+	convertDatePropsToMatch(e) {
+		if (c(e)) {
+			this._timeZone = this.timeZone ?? e.timeZone, this._value = this._value && z(this._value, this._timeZone), this._min = this._min && z(this._min, this._timeZone), this._max = this._max && z(this._max, this._timeZone);
+			return;
+		}
+		if (this._timeZone = this.timeZone ?? N(), v(e)) {
+			this._value = this._value && R(this._value), this._min = this._min && R(this._min), this._max = this._max && R(this._max);
+			return;
+		}
+		this._value = this._value && L(this._value), this._min = this._min && L(this._min), this._max = this._max && L(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 = N());
+	}
+	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 && d(e) && this.convertDatePropsToMatch(R(e));
+	}
+	updateDefaultPrecision() {
+		if (this.isUserSetPrecision) return;
+		let e = this.mostSpecificDateValue;
+		e && (this._precision = d(e) ? l.Day : l.Minute);
+	}
+	render() {
+		return y`
+      <div id="text-field">
+        ${this.renderStateIcons()} ${this.renderInputContent()}
+      </div>
+      ${this.renderHelpText(this.invalid)}${this.renderPicker()}
+    `;
+	}
+	renderStateIcons() {
+		return this.invalid ? y`
+        <luzmo-icon
+          .icon=${T}
+          .size=${this.size}
+          id="invalid"
+          class="icon"
+        ></luzmo-icon>
+      ` : b;
+	}
+	renderPicker() {
+		return this.readonly ? b : y`
+      <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=${E}
+            .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 = I(e.target?.value ?? "");
+		if (this.includesTime) {
+			let e = new M(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 = R(t, e), n && c(n) && (this._value = z(this._value, this._timeZone));
+		} else this._value = t;
+		this.commitValue();
+	}
+	renderInputContent() {
+		return y`
+      <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) => D(e.type === m.Literal, () => this.renderLiteralSegment(e), () => this.renderEditableSegment(e)));
+	}
+	renderLiteralSegment(e) {
+		return y`
+        <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 === m.DayPeriod ? "text" : "numeric", i = {
+			"editable-segment": !0,
+			"is-placeholder": n
+		}, a = e.type !== m.Year && String(e.maxValue).length > 0, o = { minWidth: a ? `${a}ch` : void 0 };
+		return y`
+      <div
+        role="spinbutton"
+        aria-valuenow=${O(e.value)}
+        aria-valuemin=${e.minValue}
+        aria-valuemax=${e.maxValue}
+        aria-label=${e.label}
+        aria-valuetext=${O(e.value === void 0 ? this.labels.empty : e.formatted)}
+        contenteditable=${O(t ? !0 : void 0)}
+        inputmode=${O(t ? r : void 0)}
+        tabindex=${O(t ? "0" : void 0)}
+        class=${k(i)}
+        style=${A(o)}
+        data-type=${e.type}
+        .innerText=${this.renderSegmentText(e)}
+      ></div>
+    `;
+	}
+	renderSegmentText(e) {
+		return D(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 h(this.modifierParams);
+		this.segments = t.modify(e), this.dispatchInput();
+	}
+	decrementValue(e) {
+		let t = new u(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 o(this.modifierParams);
+		this.segments = n.modify(e);
+		let r = this.segments.editableValues;
+		s(t, r) || this.dispatchInput();
+	}
+	handleInput(e) {
+		e.stopPropagation();
+		let t = e.target.dataset.type, n = this.segments.editableValues, r = new f({
+			...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;
+		s(n, i) || this.dispatchInput();
+	}
+	updateSegmentContent(e, t) {
+		t.textContent = e.value === void 0 ? e.placeholder : e.formatted;
+	}
+	createOutputString(e) {
+		return e ? c(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 ? c(t) ? this._value = z(e, this._timeZone) : v(t) ? this._value = R(e) : this._value = L(e) : this._value = e;
+	}
+	setSegments() {
+		let e = new _(this.dateFormatter).createSegments(this.currentDate, this._value !== void 0);
+		if (this.dateFormat) {
+			let t = e.all.findIndex((e) => e.type === m.Month), n = e.all.findIndex((e) => e.type === m.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 === m.Literal && (e.all[1].formatted = this.dateSeparator), e.all?.[3]?.type === m.Literal && (e.all[3].formatted = this.dateSeparator)), this.segments = e;
+	}
+	setNumberParser() {
+		this.numberParser = new B(this._language, { maximumFractionDigits: 0 });
+	}
+	setDateFormatter() {
+		this.dateFormatter = new j(this._language, {
+			day: "2-digit",
+			month: "2-digit",
+			year: "numeric",
+			...this.getTimeOptions("2-digit")
+		});
+	}
+	setAriaDateFormatter() {
+		this.ariaDateFormatter = new j(this._language, {
+			day: "numeric",
+			month: "long",
+			year: "numeric",
+			...this.getTimeOptions("numeric")
+		});
+	}
+	getTimeOptions(e) {
+		switch (this.precision) {
+			case l.Millisecond: return {
+				hour: e,
+				minute: e,
+				second: e,
+				fractionalSecondDigits: 3
+			};
+			case l.Second: return {
+				hour: e,
+				minute: e,
+				second: e
+			};
+			case l.Minute: return {
+				hour: e,
+				minute: e
+			};
+			case l.Hour: return { hour: e };
+			default: return {};
+		}
+	}
+};
+//#endregion
+//#region src/components/date-time-picker/index.ts
+e([S({
+	type: String,
+	reflect: !0
+})], H.prototype, "value", void 0), e([S({
+	type: String,
+	reflect: !0
+})], H.prototype, "min", void 0), e([S({
+	type: String,
+	reflect: !0
+})], H.prototype, "max", void 0), e([S({
+	type: String,
+	attribute: "date-format",
+	reflect: !0
+})], H.prototype, "dateFormat", void 0), e([S({
+	type: String,
+	attribute: "date-separator",
+	reflect: !0
+})], H.prototype, "dateSeparator", void 0), e([S({
+	type: String,
+	reflect: !0
+})], H.prototype, "precision", null), e([S({
+	type: Boolean,
+	reflect: !0
+})], H.prototype, "invalid", void 0), e([S({
+	type: Boolean,
+	reflect: !0
+})], H.prototype, "readonly", void 0), e([S({
+	type: Boolean,
+	reflect: !0
+})], H.prototype, "quiet", void 0), e([S({
+	type: String,
+	reflect: !0
+})], H.prototype, "placement", void 0), e([S({
+	type: String,
+	attribute: "time-zone",
+	reflect: !0
+})], H.prototype, "timeZone", void 0), e([S({
+	type: String,
+	reflect: !0
+})], H.prototype, "language", void 0), e([S({ attribute: !1 })], H.prototype, "labels", void 0), e([S({
+	type: Boolean,
+	reflect: !0
+})], H.prototype, "focused", void 0), e([w()], H.prototype, "_value", void 0), e([w()], H.prototype, "_min", void 0), e([w()], H.prototype, "_max", void 0), e([w()], H.prototype, "segments", void 0), e([w()], H.prototype, "isCalendarOpen", void 0), e([C(".editable-segment")], H.prototype, "firstEditableSegment", void 0), e([C(".input")], H.prototype, "input", void 0), customElements.get("luzmo-date-time-picker") || customElements.define("luzmo-date-time-picker", H);
+//#endregion
+export { H as t };

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-aGxJUVxg.js

@@ -0,0 +1,91 @@
+/*! * 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.
+ * */
+import { LitElement as e } from "lit";
+//#region src/utils/base.ts
+var t = /* @__PURE__ */ 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) {};
+//#endregion
+//#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);
+	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;
+}
+//#endregion
+export { o as n, a as r, s as t };

package/components/{condition-attribute-with-id-DrQYZzFS.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.
  * */
-"use strict";function o(t,i,r){const e=t.getAttribute(i);let s=e?e.split(/\s+/):[];s=s.filter(n=>!r.includes(n)),s.length>0?t.setAttribute(i,s.join(" ")):t.removeAttribute(i)}function d(t,i,r){const e=Array.isArray(r)?r:[r],s=t.getAttribute(i),n=s?s.split(/\s+/):[];return e.every(c=>n.includes(c))?()=>{}:(n.push(...e),t.setAttribute(i,n.join(" ")),()=>o(t,i,e))}exports.conditionAttributeWithId=d;exports.conditionAttributeWithoutId=o;
+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/dependency-manger-DMrulWcJ.js

@@ -0,0 +1,40 @@
+/*! * 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.
+ * */
+//#region src/utils/reactive-controllers/dependency-manger.ts
+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);
+	}
+};
+//#endregion
+export { t };