@mhmo91/schmancy 0.10.42 → 0.10.43

package/dist/{autocomplete-UNOknYUz.js → autocomplete-DV9RxCun.js}

@@ -1,7 +1,7 @@
-import { u as e } from "./SchmancyElement-OG71FtNv.js";
-import { o as t } from "./mixins-bCEXbwJV.js";
+import { u as e } from "./SchmancyElement-Ob9yGkiG.js";
+import { o as t } from "./mixins-q4KAL8Xr.js";
 import { t as n } from "./search-MvIBA93K.js";
-import "./input-chip-CYI17YOq.js";
+import "./input-chip-C3a1fwKB.js";
 import { BehaviorSubject as r, combineLatest as i, fromEvent as a, timer as o } from "rxjs";
 import { debounceTime as s, distinctUntilChanged as c, takeUntil as l, tap as u } from "rxjs/operators";
 import { classMap as d } from "lit/directives/class-map.js";
@@ -163,30 +163,32 @@ var T = class extends t(y(":host{display:block;border:unset!important;line-heigh
 			}
 		})();
 		return _`
-            <div class="relative">
-                <!-- Screen reader live region -->
-                <div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
+			<div class="relative">
+				<!-- Screen reader live region -->
+				<div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
 
-                <!-- Description -->
-                ${this.description ? _`<div id="${e}" class="sr-only">${this.description}</div>` : ""}
+				<!-- Description -->
+				${this.description ? _`<div id="${e}" class="sr-only">${this.description}</div>` : ""}
 
-                <!-- Custom input wrapper for Gmail-style chip input -->
-                <slot name="trigger">
-                    ${w(this.multi, () => _`
-                            <!-- Custom multi-select input with inline chips -->
-                            <div class="relative">
-                                ${w(this.label, () => _`
-                                    <label class="${d({
+				<!-- Custom input wrapper for Gmail-style chip input -->
+				<slot name="trigger">
+					${w(this.multi, () => _`
+							<!-- Custom multi-select input with inline chips -->
+							<div class="relative">
+								${w(this.label, () => _`
+										<label
+											class="${d({
 			"block mb-1 font-medium": !0,
 			"text-primary-default": !this.error,
 			"text-error-default": this.error,
 			[i]: !0
-		})}">
-                                        ${this.label}${this.required ? _`<span class="text-error-default ml-1">*</span>` : ""}
-                                    </label>
-                                `)}
-                                <div
-                                    class="${d({
+		})}"
+										>
+											${this.label}${this.required ? _`<span class="text-error-default ml-1">*</span>` : ""}
+										</label>
+									`)}
+								<div
+									class="${d({
 			"flex flex-wrap items-center gap-1": !0,
 			[t]: !0,
 			[n]: !0,
@@ -197,107 +199,107 @@ var T = class extends t(y(":host{display:block;border:unset!important;line-heigh
 			"ring-error-default focus-within:ring-error-default": this.error,
 			"cursor-text transition-colors duration-200": !0
 		})}"
-                                    @click=${() => this.focusTextInput()}
-                                    role="combobox"
-                                    aria-autocomplete="list"
-                                    aria-haspopup="listbox"
-                                    aria-controls="options"
-                                    aria-expanded=${this.open}
-                                >
-                                    <!-- Render chips inline -->
-                                    ${C(this.selectedValues$.value, (e) => e, (e) => _`
-                                            <schmancy-input-chip
-                                                .value=${e}
-                                                @remove=${(e) => this.handleChipRemove(e.detail.value)}
-                                                class="shrink-0 my-0.5"
-                                            >
-                                                ${this.getChipLabel(e)}
-                                            </schmancy-input-chip>
-                                        `)}
+									@click=${() => this.focusTextInput()}
+									role="combobox"
+									aria-autocomplete="list"
+									aria-haspopup="listbox"
+									aria-controls="options"
+									aria-expanded=${this.open}
+								>
+									<!-- Render chips inline -->
+									${C(this.selectedValues$.value, (e) => e, (e) => _`
+											<schmancy-input-chip
+												.value=${e}
+												@remove=${(e) => this.handleChipRemove(e.detail.value)}
+												class="shrink-0 my-0.5"
+											>
+												${this.getChipLabel(e)}
+											</schmancy-input-chip>
+										`)}
 
-                                    <!-- Text input for typing -->
-                                    <input
-                                        ${S(this.inputElementRef)}
-                                        id="autocomplete-input"
-                                        type="text"
-                                        class="flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${r} font-medium text-surface-on placeholder:text-muted"
-                                        name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
-                                        .placeholder=${this.selectedValues$.value.length > 0 ? "Add more..." : this.placeholder}
-                                        .value=${this.inputValue}
-                                        .autocomplete=${this.autocomplete}
-                                        aria-invalid=${this.error ? "true" : "false"}
-                                        aria-required=${this.required ? "true" : "false"}
-                                        aria-describedby=${this.error && this.validationMessage ? `${this.a11yId}-err` : v}
-                                        aria-label=${!this.label && this.placeholder ? this.placeholder : v}
-                                        @input=${(e) => {
+									<!-- Text input for typing -->
+									<input
+										${S(this.inputElementRef)}
+										id="autocomplete-input"
+										type="text"
+										class="flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${r} font-medium text-surface-on placeholder:text-muted"
+										name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
+										.placeholder=${this.selectedValues$.value.length > 0 ? "Add more..." : this.placeholder}
+										.value=${this.inputValue}
+										.autocomplete=${this.autocomplete}
+										aria-invalid=${this.error ? "true" : "false"}
+										aria-required=${this.required ? "true" : "false"}
+										aria-describedby=${this.error && this.validationMessage ? `${this.a11yId}-err` : v}
+										aria-label=${!this.label && this.placeholder ? this.placeholder : v}
+										@input=${(e) => {
 			let t = e.target.value;
 			this.inputValue = t, this.inputValue$.next(t);
 		}}
-                                        @focus=${(e) => {
+										@focus=${(e) => {
 			e.stopPropagation(), this.inputValue = "", this.inputValue$.next(""), this.openDropdown();
 		}}
-                                        @keydown=${(e) => {
+										@keydown=${(e) => {
 			this.handleKeyDown(e);
 		}}
-                                        @blur=${() => {
+										@blur=${() => {
 			this.handleAutoSelectOnBlur();
 		}}
-                                    />
-                                </div>
+									/>
+								</div>
 
-                                <!-- Validation message -->
-                                ${w(this.error && this.validationMessage, () => _`
-                                    <div id="${this.a11yId}-err" class="mt-1 text-sm text-error-default" role="alert">
-                                        ${this.validationMessage}
-                                    </div>
-                                `)}
-                            </div>
-                        `, () => _`
-                            <!-- Regular single-select input -->
-                            <schmancy-input
-                                .size=${this.size}
-                                ${S(this.inputElementRef)}
-                                id="autocomplete-input"
-                                class="w-full"
-                                .name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
-                                .label=${this.label}
-                                .placeholder=${this.placeholder}
-                                .required=${this.required}
-                                .value=${this.inputValue}
-                                type="text"
-                                autocomplete=${this.autocomplete}
-                                clickable
-                                role="combobox"
-                                aria-autocomplete="list"
-                                aria-haspopup="listbox"
-                                aria-controls="options"
-                                aria-expanded=${this.open}
-                                aria-describedby=${b(this.description ? e : void 0)}
-                                @input=${(e) => {
+								<!-- Validation message -->
+								${w(this.error && this.validationMessage, () => _`
+										<div id="${this.a11yId}-err" class="mt-1 text-sm text-error-default" role="alert">
+											${this.validationMessage}
+										</div>
+									`)}
+							</div>
+						`, () => _`
+							<!-- Regular single-select input -->
+							<schmancy-input
+								.size=${this.size}
+								${S(this.inputElementRef)}
+								id="autocomplete-input"
+								class="w-full"
+								.name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
+								.label=${this.label}
+								.placeholder=${this.placeholder}
+								.required=${this.required}
+								.value=${this.inputValue}
+								type="text"
+								autocomplete=${this.autocomplete}
+								clickable
+								role="combobox"
+								aria-autocomplete="list"
+								aria-haspopup="listbox"
+								aria-controls="options"
+								aria-expanded=${this.open}
+								aria-describedby=${b(this.description ? e : void 0)}
+								@input=${(e) => {
 			let t = e.target.value;
 			this.inputValue = t, this.inputValue$.next(t);
 		}}
-                                @focus=${(e) => {
+								@focus=${(e) => {
 			e.stopPropagation(), this.openDropdown();
 		}}
-                                @click=${(e) => {
+								@click=${(e) => {
 			e.stopPropagation(), this.openDropdown();
 		}}
-                                @keydown=${(e) => {
+								@keydown=${(e) => {
 			this.handleKeyDown(e);
 		}}
-                                @blur=${() => {
+								@blur=${() => {
 			this.handleAutoSelectOnBlur();
 		}}
-                            >
-                            </schmancy-input>
-                        `)}
-                </slot>
+							>
+							</schmancy-input>
+						`)}
+				</slot>
 
-                <!-- Options dropdown -->
-                <ul
-                    id="options"
-                    class=${d({
+				<!-- Options dropdown -->
+				<ul
+					id="options"
+					class=${d({
 			absolute: !0,
 			"z-[1000]": !0,
 			"mt-1": !0,
@@ -310,22 +312,20 @@ var T = class extends t(y(":host{display:block;border:unset!important;line-heigh
 			flex: !0,
 			"flex-col": !0
 		})}
-                    role="listbox"
-                    aria-multiselectable=${this.multi ? "true" : "false"}
-                    aria-label=${`${this.label || "Options"} dropdown`}
-                    ?hidden=${!this.open}
-                    style="max-height: ${this.maxHeight}; display: ${this.open ? "flex" : "none"};"
-                    @slotchange=${() => {
+					role="listbox"
+					aria-multiselectable=${this.multi ? "true" : "false"}
+					aria-label=${`${this.label || "Options"} dropdown`}
+					?hidden=${!this.open}
+					style="max-height: ${this.maxHeight}; display: ${this.open ? "flex" : "none"};"
+					@slotchange=${() => {
 			this.setupOptionHandlers();
 		}}
-                >
-                    <slot></slot>
-                    ${this.hasResults ? "" : _`
-                        <li class="px-3 py-2 text-sm text-muted">No results found</li>
-                    `}
-                </ul>
-            </div>
-        `;
+				>
+					<slot></slot>
+					${this.hasResults ? "" : _` <li class="px-3 py-2 text-sm text-muted">No results found</li> `}
+				</ul>
+			</div>
+		`;
 	}
 	handleAutoSelectOnBlur() {
 		if (this.multi || !this.open || !this.inputValue.trim()) return;

package/dist/autocomplete-DV9RxCun.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-DV9RxCun.js","names":[],"sources":["../src/form/fields/autocomplete/autocomplete.scss?inline","../src/form/fields/autocomplete/autocomplete.ts"],"sourcesContent":[":host {\n\tdisplay: block;\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\n@keyframes onAutoFillStart {\n\tfrom {\n\t\t/**/\n\t}\n\tto {\n\t\t/**/\n\t}\n}\n\nsch-input::part(input):-webkit-autofill,\nsch-input input:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n\tanimation-duration: 1ms;\n}\n","import { SchmancyFormField } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport { BehaviorSubject, combineLatest, fromEvent, timer } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, takeUntil, tap } from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../../../utils/search'\n// Import chip component for multi-select display\nimport '../../../chips/input-chip'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n\tvalues?: string[]\n}>\n\ninterface FilteredOption {\n\toption: SchmancyOption\n\tscore: number\n}\n\n/**\n * Autocomplete input component with filtering and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the input\n * @prop {string} placeholder - Placeholder text for the input\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends SchmancyFormField(unsafeCSS(style)) {\n\t// `formAssociated`, `internals`, `attachInternals`, `name`, `label`,\n\t// `required`, `disabled`, `error`, `validationMessage`, `hint`, `id`,\n\t// `validateOn`, `touched/dirty/submitted`, `markTouched/markSubmitted`,\n\t// `setCustomValidity`, `formDisabledCallback`, FIELD_CONNECT_EVENT dispatch\n\t// — all from the mixin.\n\n\t/** Override mixin's resetForm with autocomplete-specific subject reset. */\n\toverride resetForm(): void {\n\t\tif (this.multi) {\n\t\t\tthis.selectedValues$.next([])\n\t\t} else {\n\t\t\tthis.selectedValue$.next('')\n\t\t}\n\t\tthis.inputValue = ''\n\t\tthis.inputValue$.next('')\n\t\tsuper.resetForm()\n\t}\n\n\t// Track whether value/values have been explicitly set\n\tvalueSet: boolean = false\n\tvaluesSet: boolean = false\n\n\t// Autocomplete-specific properties only — `name`, `label`, `required`,\n\t// `error`, `validationMessage` come from the mixin.\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String }) maxHeight = '300px'\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) description = ''\n\t@property({ type: String, reflect: true }) size: InputSize = 'md'\n\t@property({ type: String }) autocomplete = 'off'\n\t@property({ type: Number }) debounceMs = 200\n\t@property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\n\n\tprivate readonly a11yId = `schmancy-autocomplete-${Math.random().toString(36).slice(2, 10)}`\n\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this.selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis.valuesSet = true\n\t\tthis.selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\n\t// Value property — narrowed override of the mixin's wide value union.\n\t@property({ type: String, reflect: true })\n\toverride get value(): string {\n\t\treturn this.multi ? this.selectedValues$.value.join(',') : this.selectedValue$.value\n\t}\n\toverride set value(val: string) {\n\t\tthis.valueSet = true\n\t\tif (this.multi) {\n\t\t\tconst newValues = val\n\t\t\t\t? val\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map(v => v.trim())\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t: []\n\t\t\tconst currentValues = this.selectedValues$.value\n\t\t\t// Only update if values actually changed\n\t\t\tif (JSON.stringify(newValues) !== JSON.stringify(currentValues)) {\n\t\t\t\tthis.selectedValues$.next(newValues)\n\t\t\t}\n\t\t} else {\n\t\t\t// Only update if value actually changed\n\t\t\tif (val !== this.selectedValue$.value) {\n\t\t\t\tthis.selectedValue$.next(val)\n\t\t\t\t// Update the input display when value is set\n\t\t\t\tthis.updateInputDisplay()\n\t\t\t}\n\t\t}\n\t}\n\n\t// State\n\t@state() private open = false\n\t@state() private inputValue = ''\n\t@state() private visibleOptionsCount = 0\n\t@state() private hasResults = true\n\n\t// DOM references\n\t@query('#options') listbox!: HTMLUListElement\n\t@query('sch-input') input!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate inputElementRef = createRef<HTMLInputElement>()\n\n\t// RxJS Subjects - only what we actually need\n\tprivate selectedValue$ = new BehaviorSubject<string>('')\n\tprivate selectedValues$ = new BehaviorSubject<string[]>([])\n\tprivate inputValue$ = new BehaviorSubject<string>('')\n\n\toverride connectedCallback() {\n\t\t// FIELD_CONNECT_EVENT is dispatched by the mixin's connectedCallback.\n\t\tsuper.connectedCallback()\n\t\tthis.setupAutocompleteLogic()\n\t\tthis.setupDocumentClickHandler()\n\t}\n\n\tprivate setupAutocompleteLogic() {\n\t\t// Sync selection state\n\t\tcombineLatest([this.selectedValue$, this.selectedValues$])\n\t\t\t.pipe(\n\t\t\t\ttap(([selectedValue, selectedValues]) => {\n\t\t\t\t\tthis.updateOptionSelection(selectedValue, selectedValues)\n\t\t\t\t\t// Keep ElementInternals form value in sync with selection (single and multi).\n\t\t\t\t\tconst formValue = this.multi ? selectedValues.join(',') : selectedValue\n\t\t\t\t\tthis.internals?.setFormValue(formValue || null)\n\t\t\t\t\tif (this.required) {\n\t\t\t\t\t\tconst missing = this.multi ? selectedValues.length === 0 : !selectedValue\n\t\t\t\t\t\tthis.internals?.setValidity(\n\t\t\t\t\t\t\tmissing ? { valueMissing: true } : {},\n\t\t\t\t\t\t\tmissing ? this.validationMessage || 'Please select an option.' : undefined,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Filter options based on input\n\t\tthis.inputValue$\n\t\t\t.pipe(\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\tdebounceTime(this.debounceMs),\n\t\t\t\ttap(searchTerm => {\n\t\t\t\t\tif (this.open) {\n\t\t\t\t\t\tthis.filterOptions(searchTerm)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tprivate setupOptionHandlers() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\t// Idempotent: slotchange may fire repeatedly for the same option nodes,\n\t\t\t// and addEventListener doesn't replace prior handlers like onfoo= did.\n\t\t\tif (option.dataset.schmancyAutocompleteHandlers === 'attached') return\n\t\t\toption.dataset.schmancyAutocompleteHandlers = 'attached'\n\n\t\t\t// Prevent blur handler from interfering with option selection\n\t\t\tfromEvent<MouseEvent>(option, 'mousedown')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(e => e.preventDefault())\n\n\t\t\t// Handle the actual selection\n\t\t\tfromEvent<MouseEvent>(option, 'click')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis.selectOption(option)\n\t\t\t\t})\n\t\t})\n\t}\n\n\tprivate updateOptionSelection(selectedValue: string, selectedValues: string[]) {\n\t\tthis.options.forEach(option => {\n\t\t\toption.selected = this.multi ? selectedValues.includes(option.value) : option.value === selectedValue\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\t\t})\n\t}\n\n\tprivate filterOptions(searchTerm: string) {\n\t\tconst term = searchTerm.trim()\n\n\t\tif (!term) {\n\t\t\t// Show all options if no search term\n\t\t\tthis.options.forEach(option => {\n\t\t\t\toption.hidden = false\n\t\t\t\toption.style.order = '0'\n\t\t\t})\n\t\t\tthis.visibleOptionsCount = this.options.length\n\t\t\tthis.hasResults = true\n\t\t} else {\n\t\t\t// Calculate similarity scores for all options\n\t\t\tconst scoredOptions: FilteredOption[] = this.options.map(option => {\n\t\t\t\tconst optionLabel = option.label || option.textContent || ''\n\t\t\t\tconst optionValue = option.value\n\n\t\t\t\tconst labelScore = similarity(term, optionLabel)\n\t\t\t\tconst valueScore = similarity(term, optionValue)\n\t\t\t\tconst score = Math.max(labelScore * 1.1, valueScore)\n\n\t\t\t\treturn { option, score }\n\t\t\t})\n\n\t\t\t// Sort by score (highest first)\n\t\t\tscoredOptions.sort((a, b) => b.score - a.score)\n\n\t\t\t// Apply visibility and ordering\n\t\t\tlet visibleCount = 0\n\t\t\tscoredOptions.forEach((item, index) => {\n\t\t\t\tconst { option, score } = item\n\n\t\t\t\tif (score < this.similarityThreshold) {\n\t\t\t\t\toption.hidden = true\n\t\t\t\t} else {\n\t\t\t\t\toption.hidden = false\n\t\t\t\t\tvisibleCount++\n\t\t\t\t\toption.style.order = String(index)\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.visibleOptionsCount = visibleCount\n\t\t\tthis.hasResults = visibleCount > 0\n\t\t}\n\n\t\tthis.announceToScreenReader(\n\t\t\tthis.visibleOptionsCount > 0\n\t\t\t\t? `${this.visibleOptionsCount} option${this.visibleOptionsCount === 1 ? '' : 's'} available.`\n\t\t\t\t: 'No results found.',\n\t\t)\n\t}\n\n\tprivate openDropdown() {\n\t\tthis.open = true\n\t\t// Reset filters based on current input value when dropdown opens\n\t\tthis.filterOptions(this.inputValue)\n\t}\n\n\tprivate selectOption(option: SchmancyOption) {\n\t\tif (this.multi) {\n\t\t\tconst currentValues = this.selectedValues$.value\n\t\t\tconst index = currentValues.indexOf(option.value)\n\t\t\tconst newValues = index > -1 ? currentValues.filter(v => v !== option.value) : [...currentValues, option.value]\n\n\t\t\tthis.selectedValues$.next(newValues)\n\t\t\tthis.announceToScreenReader(\n\t\t\t\tnewValues.length > 0 ? `Selected: ${this.getSelectedLabels().join(', ')}` : 'No options selected',\n\t\t\t)\n\t\t\tthis.fireChangeEvent()\n\t\t} else {\n\t\t\t// Update value first\n\t\t\tthis.selectedValue$.next(option.value)\n\n\t\t\t// Close dropdown IMMEDIATELY to prevent blur handler from firing\n\t\t\tthis.open = false\n\n\t\t\t// Now fire event with the NEW value\n\t\t\tthis.fireChangeEvent()\n\n\t\t\t// Update UI\n\t\t\tthis.inputValue = option.label || option.textContent || ''\n\t\t\tthis.inputValue$.next(this.inputValue)\n\n\t\t\tthis.announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n\t\t}\n\t}\n\n\tprivate setupDocumentClickHandler() {\n\t\tfromEvent<MouseEvent>(document, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tif (!this.open) return\n\t\t\t\tconst path = e.composedPath()\n\t\t\t\tif (!path.includes(this) && !this.options.some(opt => path.includes(opt))) {\n\t\t\t\t\tthis.open = false\n\t\t\t\t\tthis.updateInputDisplay()\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tprivate updateInputDisplay() {\n\t\t// For multi-select, we don't update input display since chips show the selections\n\t\tif (this.multi) return\n\n\t\tconst selectedValue = this.selectedValue$.value\n\t\tconst option = this.options.find(opt => opt.value === selectedValue)\n\t\tthis.inputValue = option ? option.label || option.textContent || '' : ''\n\t\tthis.inputValue$.next(this.inputValue)\n\n\t\tif (this.inputElementRef.value) {\n\t\t\tthis.inputElementRef.value.value = this.inputValue\n\t\t}\n\t}\n\n\tprivate getSelectedLabels(): string[] {\n\t\treturn this.options\n\t\t\t.filter(option =>\n\t\t\t\tthis.multi ? this.selectedValues$.value.includes(option.value) : option.value === this.selectedValue$.value,\n\t\t\t)\n\t\t\t.map(option => option.label || option.textContent || '')\n\t}\n\n\tprivate announceToScreenReader(message: string) {\n\t\tconst liveRegion = this.shadowRoot?.querySelector('#live-status')\n\t\tif (liveRegion) {\n\t\t\tliveRegion.textContent = message\n\t\t}\n\t}\n\n\tprivate fireChangeEvent() {\n\t\tconst detail: SchmancyAutocompleteChangeEvent['detail'] = {\n\t\t\tvalue: this.value,\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tdetail.values = [...this.selectedValues$.value]\n\t\t}\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n\t\t\t\tdetail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\tif (!this.required) return true\n\t\treturn this.multi ? this.selectedValues$.value.length > 0 : Boolean(this.selectedValue$.value)\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tif (this.inputElementRef.value) {\n\t\t\treturn this.inputElementRef.value.reportValidity()\n\t\t}\n\t\treturn this.checkValidity()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.setupOptionHandlers()\n\n\t\t// Sync initial value with display after options are available\n\t\tthis.updateInputDisplay()\n\n\t\t// Update options when slot changes\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tslot?.addEventListener('slotchange', () => {\n\t\t\tthis.setupOptionHandlers()\n\t\t\tthis.updateOptionSelection(this.selectedValue$.value, this.selectedValues$.value)\n\t\t})\n\t}\n\n\tprivate handleChipRemove(value: string) {\n\t\tconst currentValues = this.selectedValues$.value\n\t\tconst newValues = currentValues.filter(v => v !== value)\n\t\tthis.selectedValues$.next(newValues)\n\t\tthis.fireChangeEvent()\n\t\tthis.announceToScreenReader(`Removed: ${this.getChipLabel(value)}`)\n\t}\n\n\tprivate getChipLabel(value: string): string {\n\t\tconst option = this.options.find(opt => opt.value === value)\n\t\treturn option ? option.label || option.textContent || value : value\n\t}\n\n\tprivate focusTextInput() {\n\t\tif (this.inputElementRef.value) {\n\t\t\tthis.inputElementRef.value.focus()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst descriptionId = `${this.id}-desc`\n\n\t\t// Get size-based styling to match Schmancy input\n\t\tconst getSizeStyles = () => {\n\t\t\tswitch (this.size) {\n\t\t\t\tcase 'sm':\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: 'min-h-[40px]',\n\t\t\t\t\t\tpadding: 'px-2',\n\t\t\t\t\t\tfontSize: 'text-sm', // 14px\n\t\t\t\t\t\tlabelSize: 'text-sm',\n\t\t\t\t\t}\n\t\t\t\tcase 'lg':\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: 'min-h-[60px]',\n\t\t\t\t\t\tpadding: 'px-5',\n\t\t\t\t\t\tfontSize: 'text-lg', // 18px\n\t\t\t\t\t\tlabelSize: 'text-lg',\n\t\t\t\t\t}\n\t\t\t\tcase 'md':\n\t\t\t\tdefault:\n\t\t\t\t\treturn {\n\t\t\t\t\t\theight: 'min-h-[50px]',\n\t\t\t\t\t\tpadding: 'px-4',\n\t\t\t\t\t\tfontSize: 'text-base', // 16px\n\t\t\t\t\t\tlabelSize: 'text-base',\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst { height, padding, fontSize, labelSize } = getSizeStyles()\n\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<!-- Screen reader live region -->\n\t\t\t\t<div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n\t\t\t\t<!-- Description -->\n\t\t\t\t${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n\t\t\t\t<!-- Custom input wrapper for Gmail-style chip input -->\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.multi,\n\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t<!-- Custom multi-select input with inline chips -->\n\t\t\t\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.label,\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\tclass=\"${classMap({\n\t\t\t\t\t\t\t\t\t\t\t\t'block mb-1 font-medium': true,\n\t\t\t\t\t\t\t\t\t\t\t\t'text-primary-default': !this.error,\n\t\t\t\t\t\t\t\t\t\t\t\t'text-error-default': this.error,\n\t\t\t\t\t\t\t\t\t\t\t\t[labelSize]: true,\n\t\t\t\t\t\t\t\t\t\t\t})}\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t${this.label}${this.required ? html`<span class=\"text-error-default ml-1\">*</span>` : ''}\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"${classMap({\n\t\t\t\t\t\t\t\t\t\t'flex flex-wrap items-center gap-1': true,\n\t\t\t\t\t\t\t\t\t\t[height]: true,\n\t\t\t\t\t\t\t\t\t\t[padding]: true,\n\t\t\t\t\t\t\t\t\t\t'block w-full min-w-0 rounded-[8px] border-0': true,\n\t\t\t\t\t\t\t\t\t\t'bg-surface-highest text-surface-on': true,\n\t\t\t\t\t\t\t\t\t\t'ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset': true,\n\t\t\t\t\t\t\t\t\t\t'ring-secondary-default  focus-within:ring-secondary-default': !this.error,\n\t\t\t\t\t\t\t\t\t\t'ring-error-default focus-within:ring-error-default': this.error,\n\t\t\t\t\t\t\t\t\t\t'cursor-text transition-colors duration-200': true,\n\t\t\t\t\t\t\t\t\t})}\"\n\t\t\t\t\t\t\t\t\t@click=${() => this.focusTextInput()}\n\t\t\t\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\t\t\t\taria-expanded=${this.open}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<!-- Render chips inline -->\n\t\t\t\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\t\t\t\t\tthis.selectedValues$.value,\n\t\t\t\t\t\t\t\t\t\tvalue => value,\n\t\t\t\t\t\t\t\t\t\tvalue => html`\n\t\t\t\t\t\t\t\t\t\t\t<schmancy-input-chip\n\t\t\t\t\t\t\t\t\t\t\t\t.value=${value}\n\t\t\t\t\t\t\t\t\t\t\t\t@remove=${(e: CustomEvent) => this.handleChipRemove(e.detail.value)}\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"shrink-0 my-0.5\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t${this.getChipLabel(value)}\n\t\t\t\t\t\t\t\t\t\t\t</schmancy-input-chip>\n\t\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<!-- Text input for typing -->\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t${ref(this.inputElementRef)}\n\t\t\t\t\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tclass=\"flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${fontSize} font-medium text-surface-on placeholder:text-muted\"\n\t\t\t\t\t\t\t\t\t\tname=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n\t\t\t\t\t\t\t\t\t\t.placeholder=${this.selectedValues$.value.length > 0 ? 'Add more...' : this.placeholder}\n\t\t\t\t\t\t\t\t\t\t.value=${this.inputValue}\n\t\t\t\t\t\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\t\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\t\t\t\t\t\taria-describedby=${this.error && this.validationMessage ? `${this.a11yId}-err` : nothing}\n\t\t\t\t\t\t\t\t\t\taria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\n\t\t\t\t\t\t\t\t\t\t@input=${(e: Event) => {\n\t\t\t\t\t\t\t\t\t\t\tconst value = (e.target as HTMLInputElement).value\n\t\t\t\t\t\t\t\t\t\t\tthis.inputValue = value\n\t\t\t\t\t\t\t\t\t\t\tthis.inputValue$.next(value)\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t@focus=${(e: FocusEvent) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\t// Clear input on focus for new searches\n\t\t\t\t\t\t\t\t\t\t\tthis.inputValue = ''\n\t\t\t\t\t\t\t\t\t\t\tthis.inputValue$.next('')\n\t\t\t\t\t\t\t\t\t\t\tthis.openDropdown()\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\t\tthis.handleKeyDown(e)\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t@blur=${() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.handleAutoSelectOnBlur()\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<!-- Validation message -->\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.error && this.validationMessage,\n\t\t\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t\t\t<div id=\"${this.a11yId}-err\" class=\"mt-1 text-sm text-error-default\" role=\"alert\">\n\t\t\t\t\t\t\t\t\t\t\t${this.validationMessage}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`,\n\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t<!-- Regular single-select input -->\n\t\t\t\t\t\t\t<schmancy-input\n\t\t\t\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t\t\t\t${ref(this.inputElementRef)}\n\t\t\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t\t\t.name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n\t\t\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t\t\t.value=${this.inputValue}\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tautocomplete=${this.autocomplete}\n\t\t\t\t\t\t\t\tclickable\n\t\t\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\t\t\taria-expanded=${this.open}\n\t\t\t\t\t\t\t\taria-describedby=${ifDefined(this.description ? descriptionId : undefined)}\n\t\t\t\t\t\t\t\t@input=${(e: Event) => {\n\t\t\t\t\t\t\t\t\tconst value = (e.target as HTMLInputElement).value\n\t\t\t\t\t\t\t\t\tthis.inputValue = value\n\t\t\t\t\t\t\t\t\tthis.inputValue$.next(value)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t@focus=${(e: FocusEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.openDropdown()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tthis.openDropdown()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t@keydown=${(e: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\tthis.handleKeyDown(e)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t@blur=${() => {\n\t\t\t\t\t\t\t\t\tthis.handleAutoSelectOnBlur()\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</schmancy-input>\n\t\t\t\t\t\t`,\n\t\t\t\t\t)}\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Options dropdown -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\tabsolute: true,\n\t\t\t\t\t\t'z-[1000]': true,\n\t\t\t\t\t\t'mt-1': true,\n\t\t\t\t\t\t'w-full': true,\n\t\t\t\t\t\t'rounded-md': true,\n\t\t\t\t\t\t'shadow-md': true,\n\t\t\t\t\t\t'overflow-auto': true,\n\t\t\t\t\t\t'min-w-full': true,\n\t\t\t\t\t\t'bg-surface-low': true,\n\t\t\t\t\t\tflex: true,\n\t\t\t\t\t\t'flex-col': true, // Enable flexbox for ordering\n\t\t\t\t\t})}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi ? 'true' : 'false'}\n\t\t\t\t\taria-label=${`${this.label || 'Options'} dropdown`}\n\t\t\t\t\t?hidden=${!this.open}\n\t\t\t\t\tstyle=\"max-height: ${this.maxHeight}; display: ${this.open ? 'flex' : 'none'};\"\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tthis.setupOptionHandlers()\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t${!this.hasResults ? html` <li class=\"px-3 py-2 text-sm text-muted\">No results found</li> ` : ''}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate handleAutoSelectOnBlur() {\n\t\t// Only auto-select in single-select mode and when dropdown is open with a search term\n\t\tif (this.multi || !this.open || !this.inputValue.trim()) {\n\t\t\treturn\n\t\t}\n\n\t\tconst searchTerm = this.inputValue.trim()\n\n\t\t// Find the best matching option using the same similarity logic as filtering\n\t\tlet bestMatch: SchmancyOption | null = null\n\t\tlet bestScore = 0\n\n\t\tthis.options.forEach(option => {\n\t\t\t// Skip hidden options\n\t\t\tif (option.hidden) return\n\n\t\t\t// Get text to search in (prioritize label, then textContent, then value)\n\t\t\tconst optionLabel = option.label || option.textContent || ''\n\t\t\tconst optionValue = option.value\n\n\t\t\t// Calculate similarity scores for both label and value\n\t\t\tconst labelScore = similarity(searchTerm, optionLabel)\n\t\t\tconst valueScore = similarity(searchTerm, optionValue)\n\n\t\t\t// Use the higher score (prioritizing label matches)\n\t\t\tconst score = Math.max(labelScore * 1.1, valueScore) // Slight boost for label matches\n\n\t\t\t// Keep track of best match that meets threshold\n\t\t\tif (score > bestScore && score >= this.similarityThreshold) {\n\t\t\t\tbestScore = score\n\t\t\t\tbestMatch = option\n\t\t\t}\n\t\t})\n\n\t\t// Auto-select the best match if found\n\t\tif (bestMatch) {\n\t\t\t// Silently update the selected value without firing change event\n\t\t\tthis.selectedValue$.next(bestMatch.value)\n\t\t\tthis.inputValue = bestMatch.label || bestMatch.textContent || ''\n\t\t\tthis.inputValue$.next(this.inputValue)\n\t\t\tthis.open = false\n\t\t}\n\t}\n\n\tprivate handleKeyDown(event: KeyboardEvent) {\n\t\tconst isOpen = this.open\n\t\tconst selectedValues = this.selectedValues$.value\n\n\t\t// Handle backspace to remove last chip in multi-select when input is empty\n\t\tif (this.multi && event.key === 'Backspace' && !this.inputValue && selectedValues.length > 0 && !isOpen) {\n\t\t\tevent.preventDefault()\n\t\t\tconst lastValue = selectedValues[selectedValues.length - 1]\n\t\t\tthis.handleChipRemove(lastValue)\n\t\t\treturn\n\t\t}\n\n\t\tif (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n\t\t\tevent.preventDefault()\n\t\t\tthis.openDropdown()\n\n\t\t\ttimer(10)\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => {\n\t\t\t\t\tconst firstVisible = this.options.find(opt => !opt.hidden)\n\t\t\t\t\tfirstVisible?.focus()\n\t\t\t\t})\n\t\t\treturn\n\t\t}\n\n\t\tif (!isOpen) return\n\n\t\tconst visibleOptions = this.options\n\t\t\t.filter(opt => !opt.hidden)\n\t\t\t.toSorted((a, b) => parseInt(a.style.order || '0') - parseInt(b.style.order || '0'))\n\n\t\tconst focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n\t\tconst currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n\t\tswitch (event.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.open = false\n\t\t\t\tthis.updateInputDisplay()\n\t\t\t\tthis.inputElementRef.value?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Tab':\n\t\t\t\tthis.open = false\n\t\t\t\tthis.updateInputDisplay()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\tevent.preventDefault()\n\t\t\t\tconst nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n\t\t\t\tvisibleOptions[nextIndex]?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowUp':\n\t\t\t\tevent.preventDefault()\n\t\t\t\tconst prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n\t\t\t\tvisibleOptions[prevIndex]?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Home':\n\t\t\t\tevent.preventDefault()\n\t\t\t\tvisibleOptions[0]?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'End':\n\t\t\t\tevent.preventDefault()\n\t\t\t\tvisibleOptions[visibleOptions.length - 1]?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tthis.selectOption(focusedOption)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;ICyCe,IAAA,cAAmC,EAAkB,EAAA,6fAAA,CAAA,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,WAAA,CAoB/C,GAAA,KAAA,YAAA,CACC,GAAA,KAAA,cAIqB,IAAA,KAAA,YACF,SAAA,KAAA,QAAA,CACH,GAAA,KAAA,cACK,IAAA,KAAA,OACmB,MAAA,KAAA,eAClB,OAAA,KAAA,aACF,KAAA,KAAA,sBACS,IAAA,KAAA,SAExB,yBAAyB,KAAK,OAAA,EAAS,SAAS,EAAA,EAAI,MAAM,GAAG,EAAA,KAAA,KAAA,OAAA,CA0C/D,GAAA,KAAA,aACM,IAAA,KAAA,sBACS,GAAA,KAAA,aAAA,CACT,GAAA,KAAA,kBAMJ,EAAA,GAAA,KAAA,iBAGD,IAAI,EAAwB,EAAA,GAAA,KAAA,kBAC3B,IAAI,EAA0B,CAAA,CAAA,GAAA,KAAA,cAClC,IAAI,EAAwB,EAAA;CAAA;CAlFlD,YAAA;EACK,KAAK,QACR,KAAK,gBAAgB,KAAK,CAAA,CAAA,IAE1B,KAAK,eAAe,KAAK,EAAA,GAE1B,KAAK,aAAa,IAClB,KAAK,YAAY,KAAK,EAAA,GACtB,MAAM,UAAA;CACP;CAoBA,IAAA,SACI;EACH,OAAO,CAAA,GAAI,KAAK,gBAAgB,KAAA;CACjC;CACA,IAAA,OAAW,GAAA;EACV,KAAK,YAAA,CAAY,GACjB,KAAK,gBAAgB,KAAK,MAAM,QAAQ,CAAA,IAAQ,CAAA,GAAI,CAAA,IAAQ,CAAA,CAAA;CAC7D;CAGA,IAAA,QACa;EACZ,OAAO,KAAK,QAAQ,KAAK,gBAAgB,MAAM,KAAK,GAAA,IAAO,KAAK,eAAe;CAChF;CACA,IAAA,MAAmB,GAAA;EAElB,IADA,KAAK,WAAA,CAAW,GACZ,KAAK,OAAO;GACf,IAAM,IAAY,IACf,EACC,MAAM,GAAA,EACN,KAAI,MAAK,EAAE,KAAA,CAAA,EACX,OAAO,OAAA,IACR,CAAA,GACG,IAAgB,KAAK,gBAAgB;GAEvC,KAAK,UAAU,CAAA,MAAe,KAAK,UAAU,CAAA,KAChD,KAAK,gBAAgB,KAAK,CAAA;EAE5B,OAEK,MAAQ,KAAK,eAAe,UAC/B,KAAK,eAAe,KAAK,CAAA,GAEzB,KAAK,mBAAA;CAGR;CAmBA,oBAAA;EAEC,MAAM,kBAAA,GACN,KAAK,uBAAA,GACL,KAAK,0BAAA;CACN;CAEA,yBAAA;EAEC,EAAc,CAAC,KAAK,gBAAgB,KAAK,eAAA,CAAA,EACvC,KACA,GAAA,CAAM,GAAe,OAAA;GACpB,KAAK,sBAAsB,GAAe,CAAA;GAE1C,IAAM,IAAY,KAAK,QAAQ,EAAe,KAAK,GAAA,IAAO;GAE1D,IADA,KAAK,WAAW,aAAa,KAAa,IAAA,GACtC,KAAK,UAAU;IAClB,IAAM,IAAU,KAAK,QAAQ,EAAe,WAAW,IAAX,CAAgB;IAC5D,KAAK,WAAW,YACf,IAAU,EAAE,cAAA,CAAc,EAAA,IAAS,CAAC,GACpC,IAAU,KAAK,qBAAqB,6BAAA,KAA6B,CAAA;GAEnE;EAAA,CAAA,GAED,EAAU,KAAK,aAAA,CAAA,EAEf,UAAA,GAGF,KAAK,YACH,KACA,EAAA,GACA,EAAa,KAAK,UAAA,GAClB,GAAI,MAAA;GACC,KAAK,QACR,KAAK,cAAc,CAAA;EAAA,CAAA,GAGrB,EAAU,KAAK,aAAA,CAAA,EAEf,UAAA;CACH;CAEA,sBAAA;EACC,KAAK,QAAQ,SAAS,GAAQ,MAAA;GAC7B,EAAO,aAAa,QAAQ,QAAA,GAC5B,EAAO,WAAA,IACF,AACJ,EAAO,OAAK,GAAG,KAAK,GAAA,UAAa,KAI9B,EAAO,QAAQ,iCAAiC,eACpD,EAAO,QAAQ,+BAA+B,YAG9C,EAAsB,GAAQ,WAAA,EAC5B,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,WAAU,MAAK,EAAE,eAAA,CAAA,GAGnB,EAAsB,GAAQ,OAAA,EAC5B,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,WAAU,MAAA;IACV,EAAE,gBAAA,GACF,KAAK,aAAa,CAAA;GAAA,CAAA;EAAA,CAAA;CAGtB;CAEA,sBAA8B,GAAuB,GAAA;EACpD,KAAK,QAAQ,SAAQ,MAAA;GACpB,EAAO,WAAW,KAAK,QAAQ,EAAe,SAAS,EAAO,KAAA,IAAS,EAAO,UAAU,GACxF,EAAO,aAAa,iBAAiB,OAAO,EAAO,QAAA,CAAA;EAAA,CAAA;CAErD;CAEA,cAAsB,GAAA;EACrB,IAAM,IAAO,EAAW,KAAA;EAExB,IAAK,GAQE;GAEN,IAAM,IAAkC,KAAK,QAAQ,KAAI,MAAA;IACxD,IAAM,IAAc,EAAO,SAAS,EAAO,eAAe,IACpD,IAAc,EAAO,OAErB,IAAa,EAAW,GAAM,CAAA,GAC9B,IAAa,EAAW,GAAM,CAAA;IAGpC,OAAO;KAAE,QAAA;KAAQ,OAFH,KAAK,IAAiB,MAAb,GAAkB,CAAA;IAAA;GAAA,CAAA;GAM1C,EAAc,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAA;GAGzC,IAAI,IAAe;GACnB,EAAc,SAAS,GAAM,MAAA;IAC5B,IAAA,EAAM,QAAE,GAAA,OAAQ,MAAU;IAEtB,IAAQ,KAAK,sBAChB,EAAO,SAAA,CAAS,KAEhB,EAAO,SAAA,CAAS,GAChB,KACA,EAAO,MAAM,QAAQ,OAAO,CAAA;GAAA,CAAA,GAI9B,KAAK,sBAAsB,GAC3B,KAAK,aAAa,IAAe;EAClC,OAtCC,KAAK,QAAQ,SAAQ,MAAA;GACpB,EAAO,SAAA,CAAS,GAChB,EAAO,MAAM,QAAQ;EAAA,CAAA,GAEtB,KAAK,sBAAsB,KAAK,QAAQ,QACxC,KAAK,aAAA,CAAa;EAmCnB,KAAK,uBACJ,KAAK,sBAAsB,IACxB,GAAG,KAAK,oBAAA,SAA6B,KAAK,wBAAwB,IAAI,KAAK,IAAA,eAC3E,mBAAA;CAEL;CAEA,eAAA;EACC,KAAK,OAAA,CAAO,GAEZ,KAAK,cAAc,KAAK,UAAA;CACzB;CAEA,aAAqB,GAAA;EACpB,IAAI,KAAK,OAAO;GACf,IAAM,IAAgB,KAAK,gBAAgB,OAErC,IADQ,EAAc,QAAQ,EAAO,KAAA,IAAA,KACZ,EAAc,QAAO,MAAK,MAAM,EAAO,KAAA,IAAS,CAAA,GAAI,GAAe,EAAO,KAAA;GAEzG,KAAK,gBAAgB,KAAK,CAAA,GAC1B,KAAK,uBACJ,EAAU,SAAS,IAAI,aAAa,KAAK,kBAAA,EAAoB,KAAK,IAAA,MAAU,qBAAA,GAE7E,KAAK,gBAAA;EACN,OAEC,KAAK,eAAe,KAAK,EAAO,KAAA,GAGhC,KAAK,OAAA,CAAO,GAGZ,KAAK,gBAAA,GAGL,KAAK,aAAa,EAAO,SAAS,EAAO,eAAe,IACxD,KAAK,YAAY,KAAK,KAAK,UAAA,GAE3B,KAAK,uBAAuB,aAAa,EAAO,SAAS,EAAO,aAAA;CAElE;CAEA,4BAAA;EACC,EAAsB,UAAU,OAAA,EAC9B,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,WAAU,MAAA;GACV,IAAA,CAAK,KAAK,MAAM;GAChB,IAAM,IAAO,EAAE,aAAA;GACV,EAAK,SAAS,IAAA,KAAU,KAAK,QAAQ,MAAK,MAAO,EAAK,SAAS,CAAA,CAAA,MACnE,KAAK,OAAA,CAAO,GACZ,KAAK,mBAAA;EAAA,CAAA;CAGT;CAEA,qBAAA;EAEC,IAAI,KAAK,OAAO;EAEhB,IAAM,IAAgB,KAAK,eAAe,OACpC,IAAS,KAAK,QAAQ,MAAK,MAAO,EAAI,UAAU,CAAA;EACtD,KAAK,aAAa,MAAS,EAAO,SAAS,EAAO,gBAAoB,IACtE,KAAK,YAAY,KAAK,KAAK,UAAA,GAEvB,KAAK,gBAAgB,UACxB,KAAK,gBAAgB,MAAM,QAAQ,KAAK;CAE1C;CAEA,oBAAA;EACC,OAAO,KAAK,QACV,QAAO,MACP,KAAK,QAAQ,KAAK,gBAAgB,MAAM,SAAS,EAAO,KAAA,IAAS,EAAO,UAAU,KAAK,eAAe,KAAA,EAEtG,KAAI,MAAU,EAAO,SAAS,EAAO,eAAe,EAAA;CACvD;CAEA,uBAA+B,GAAA;EAC9B,IAAM,IAAa,KAAK,YAAY,cAAc,cAAA;EAC9C,MACH,EAAW,cAAc;CAE3B;CAEA,kBAAA;EACC,IAAM,IAAoD,EACzD,OAAO,KAAK,MAAA;EAGT,KAAK,UACR,EAAO,SAAS,CAAA,GAAI,KAAK,gBAAgB,KAAA,IAG1C,KAAK,cACJ,IAAI,YAAuD,UAAU;GACpE,QAAA;GACA,SAAA,CAAS;GACT,UAAA,CAAU;EAAA,CAAA,CAAA;CAGb;CAEA,gBAAA;EACC,OAAA,CAAK,KAAK,aACH,KAAK,QAAQ,KAAK,gBAAgB,MAAM,SAAS,IAAI,EAAQ,KAAK,eAAe;CACzF;CAEA,iBAAA;EACC,OAAI,KAAK,gBAAgB,QACjB,KAAK,gBAAgB,MAAM,eAAA,IAE5B,KAAK,cAAA;CACb;CAEA,eAAA;EACC,KAAK,oBAAA,GAGL,KAAK,mBAAA,IAGQ,KAAK,YAAY,cAAc,MAAA,IACtC,iBAAiB,oBAAA;GACtB,KAAK,oBAAA,GACL,KAAK,sBAAsB,KAAK,eAAe,OAAO,KAAK,gBAAgB,KAAA;EAAA,CAAA;CAE7E;CAEA,iBAAyB,GAAA;EAExB,IAAM,IADgB,KAAK,gBAAgB,MACX,QAAO,MAAK,MAAM,CAAA;EAClD,KAAK,gBAAgB,KAAK,CAAA,GAC1B,KAAK,gBAAA,GACL,KAAK,uBAAuB,YAAY,KAAK,aAAa,CAAA,GAAA;CAC3D;CAEA,aAAqB,GAAA;EACpB,IAAM,IAAS,KAAK,QAAQ,MAAK,MAAO,EAAI,UAAU,CAAA;EACtD,OAAO,MAAS,EAAO,SAAS,EAAO,gBAAuB;CAC/D;CAEA,iBAAA;EACK,KAAK,gBAAgB,SACxB,KAAK,gBAAgB,MAAM,MAAA;CAE7B;CAEA,SAAA;EACC,IAAM,IAAgB,GAAG,KAAK,GAAA,QAAA,EA8BxB,QAAE,GAAA,SAAQ,GAAA,UAAS,GAAA,WAAU,aA3B7B;GACL,QAAQ,KAAK,MAAb;IACC,KAAK,MACJ,OAAO;KACN,QAAQ;KACR,SAAS;KACT,UAAU;KACV,WAAW;IAAA;IAEb,KAAK,MACJ,OAAO;KACN,QAAQ;KACR,SAAS;KACT,UAAU;KACV,WAAW;IAAA;IAGb,SACC,OAAO;KACN,QAAQ;KACR,SAAS;KACT,UAAU;KACV,WAAW;IAAA;GAAA;EAAA,GAKkC;EAEjD,OAAO,CAAI;;;;;;MAMP,KAAK,cAAc,CAAI,YAAY,EAAA,oBAAkC,KAAK,YAAA,UAAsB,GAAA;;;;OAI/F,EACD,KAAK,aACC,CAAI;;;UAGN,EACD,KAAK,aACC,CAAI;;oBAEC,EAAS;GACjB,0BAAA,CAA0B;GAC1B,wBAAA,CAAyB,KAAK;GAC9B,sBAAsB,KAAK;IAC1B,IAAA,CAAY;EAAA,CAAA,EAAA;;aAGZ,KAAK,QAAQ,KAAK,WAAW,CAAI,mDAAmD,GAAA;;;;kBAK/E,EAAS;GACjB,qCAAA,CAAqC;IACpC,IAAA,CAAS;IACT,IAAA,CAAU;GACX,+CAAA,CAA+C;GAC/C,sCAAA,CAAsC;GACtC,iEAAA,CAAiE;GACjE,+DAAA,CAAgE,KAAK;GACrE,sDAAsD,KAAK;GAC3D,8CAAA,CAA8C;EAAA,CAAA,EAAA;wBAEhC,KAAK,eAAA,EAAA;;;;;yBAKJ,KAAK,KAAA;;;WAGnB,EACD,KAAK,gBAAgB,QACrB,MAAS,IACT,MAAS,CAAI;;qBAEF,EAAA;uBACE,MAAmB,KAAK,iBAAiB,EAAE,OAAO,KAAA,EAAA;;;cAG3D,KAAK,aAAa,CAAA,EAAA;;;;;;YAOpB,EAAI,KAAK,eAAA,EAAA;;;qFAGgE,EAAA;iBACpE,KAAK,QAAQ,KAAK,OAAO,YAAA,EAAc,QAAQ,QAAQ,GAAA,KAAQ,GAAA;yBACvD,KAAK,gBAAgB,MAAM,SAAS,IAAI,gBAAgB,KAAK,YAAA;mBACnE,KAAK,WAAA;0BACE,KAAK,aAAA;yBACN,KAAK,QAAQ,SAAS,QAAA;0BACrB,KAAK,WAAW,SAAS,QAAA;6BACtB,KAAK,SAAS,KAAK,oBAAoB,GAAG,KAAK,OAAA,QAAe,EAAA;wBACnE,KAAK,SAAS,KAAK,cAAc,KAAK,cAAc,EAAA;oBACxD,MAAA;GACT,IAAM,IAAS,EAAE,OAA4B;GAC7C,KAAK,aAAa,GAClB,KAAK,YAAY,KAAK,CAAA;EAAA,EAAA;oBAEb,MAAA;GACT,EAAE,gBAAA,GAEF,KAAK,aAAa,IAClB,KAAK,YAAY,KAAK,EAAA,GACtB,KAAK,aAAA;EAAA,EAAA;sBAEM,MAAA;GACX,KAAK,cAAc,CAAA;EAAA,EAAA;;GAGnB,KAAK,uBAAA;EAAA,EAAA;;;;;UAMN,EACD,KAAK,SAAS,KAAK,yBACb,CAAI;qBACE,KAAK,OAAA;aACb,KAAK,kBAAA;;;;eAMN,CAAI;;;gBAGA,KAAK,KAAA;UACX,EAAI,KAAK,eAAA,EAAA;;;gBAGH,KAAK,QAAQ,KAAK,OAAO,YAAA,EAAc,QAAQ,QAAQ,GAAA,KAAQ,GAAA;iBAC9D,KAAK,MAAA;uBACC,KAAK,YAAA;oBACR,KAAK,SAAA;iBACR,KAAK,WAAA;;uBAEC,KAAK,aAAA;;;;;;wBAMJ,KAAK,KAAA;2BACF,EAAU,KAAK,cAAc,IAAA,KAAgB,CAAA,EAAA;kBACtD,MAAA;GACT,IAAM,IAAS,EAAE,OAA4B;GAC7C,KAAK,aAAa,GAClB,KAAK,YAAY,KAAK,CAAA;EAAA,EAAA;kBAEb,MAAA;GACT,EAAE,gBAAA,GACF,KAAK,aAAA;EAAA,EAAA;kBAEI,MAAA;GACT,EAAE,gBAAA,GACF,KAAK,aAAA;EAAA,EAAA;oBAEM,MAAA;GACX,KAAK,cAAc,CAAA;EAAA,EAAA;;GAGnB,KAAK,uBAAA;EAAA,EAAA;;;;;;;;;aAWD,EAAS;GAChB,UAAA,CAAU;GACV,YAAA,CAAY;GACZ,QAAA,CAAQ;GACR,UAAA,CAAU;GACV,cAAA,CAAc;GACd,aAAA,CAAa;GACb,iBAAA,CAAiB;GACjB,cAAA,CAAc;GACd,kBAAA,CAAkB;GAClB,MAAA,CAAM;GACN,YAAA,CAAY;EAAA,CAAA,EAAA;;4BAGU,KAAK,QAAQ,SAAS,QAAA;kBAChC,GAAG,KAAK,SAAS,UAAA,WAAA;gBACnB,KAAK,KAAA;0BACK,KAAK,UAAA,aAAuB,KAAK,OAAO,SAAS,OAAA;;GAErE,KAAK,oBAAA;EAAA,EAAA;;;OAIH,KAAK,aAAsF,KAAzE,CAAI,mEAAA;;;;CAI7B;CAEA,yBAAA;EAEC,IAAI,KAAK,SAAA,CAAU,KAAK,QAAA,CAAS,KAAK,WAAW,KAAA,GAChD;EAGD,IAAM,IAAa,KAAK,WAAW,KAAA,GAG/B,IAAmC,MACnC,IAAY;EAEhB,KAAK,QAAQ,SAAQ,MAAA;GAEpB,IAAI,EAAO,QAAQ;GAGnB,IAAM,IAAc,EAAO,SAAS,EAAO,eAAe,IACpD,IAAc,EAAO,OAGrB,IAAa,EAAW,GAAY,CAAA,GACpC,IAAa,EAAW,GAAY,CAAA,GAGpC,IAAQ,KAAK,IAAiB,MAAb,GAAkB,CAAA;GAGrC,IAAQ,KAAa,KAAS,KAAK,wBACtC,IAAY,GACZ,IAAY;EAAA,CAAA,GAKV,MAEH,KAAK,eAAe,KAAK,EAAU,KAAA,GACnC,KAAK,aAAa,EAAU,SAAS,EAAU,eAAe,IAC9D,KAAK,YAAY,KAAK,KAAK,UAAA,GAC3B,KAAK,OAAA,CAAO;CAEd;CAEA,cAAsB,GAAA;EACrB,IAAM,IAAS,KAAK,MACd,IAAiB,KAAK,gBAAgB;EAG5C,IAAI,KAAK,SAAS,EAAM,QAAQ,eAAR,CAAwB,KAAK,cAAc,EAAe,SAAS,KAAA,CAAM,GAAQ;GACxG,EAAM,eAAA;GACN,IAAM,IAAY,EAAe,EAAe,SAAS;GAEzD,AADA,KAAK,iBAAiB,CAAA;GACtB;EACD;EAEA,IAAA,CAAK,MAAW,EAAM,QAAQ,eAAe,EAAM,QAAQ,UAU1D,OATA,EAAM,eAAA,GACN,KAAK,aAAA,GAAA,KAEL,EAAM,EAAA,EACJ,KAAK,EAAU,KAAK,aAAA,CAAA,EACpB,gBAAA;GAEA,KAD0B,QAAQ,MAAK,MAAA,CAAQ,EAAI,MAAA,GACrC,MAAA;EAAA,CAAA;EAKjB,IAAA,CAAK,GAAQ;EAEb,IAAM,IAAiB,KAAK,QAC1B,QAAO,MAAA,CAAQ,EAAI,MAAA,EACnB,UAAU,GAAG,MAAM,SAAS,EAAE,MAAM,SAAS,GAAA,IAAO,SAAS,EAAE,MAAM,SAAS,GAAA,CAAA,GAE1E,IAAgB,EAAe,MAAK,MAAO,MAAQ,SAAS,aAAA,GAC5D,IAAe,IAAgB,EAAe,QAAQ,CAAA,IAAA;EAE5D,QAAQ,EAAM,KAAd;GACC,KAAK;IACJ,EAAM,eAAA,GACN,KAAK,OAAA,CAAO,GACZ,KAAK,mBAAA,GACL,KAAK,gBAAgB,OAAO,MAAA;IAC5B;GAED,KAAK;IACJ,KAAK,OAAA,CAAO,GACZ,KAAK,mBAAA;IACL;GAED,KAAK;IACJ,EAAM,eAAA,GAEN,EADkB,IAAe,EAAe,SAAS,IAAI,IAAe,IAAI,IACrD,MAAA;IAC3B;GAED,KAAK;IACJ,EAAM,eAAA,GAEN,EADkB,IAAe,IAAI,IAAe,IAAI,EAAe,SAAS,IACrD,MAAA;IAC3B;GAED,KAAK;IACJ,EAAM,eAAA,GACN,EAAe,IAAI,MAAA;IACnB;GAED,KAAK;IACJ,EAAM,eAAA,GACN,EAAe,EAAe,SAAS,IAAI,MAAA;IAC3C;GAED,KAAK;GACL,KAAK,KACA,MACH,EAAM,eAAA,GACN,KAAK,aAAa,CAAA;EAAA;CAItB;AAAA;AAAA,EAAA,CAtqBC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,eAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,aAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CAC1B,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,eAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS;CAAE,MAAM;CAAQ,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACxC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,gBAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,cAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,uBAAA,KAAA,CAAA,GAAA,EAAA,CAKzB,EAAS,EAAE,MAAM,MAAA,CAAA,CAAA,GAAO,EAAA,WAAA,UAAA,IAAA,GAAA,EAAA,CAUxB,EAAS;CAAE,MAAM;CAAQ,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,SAAA,IAAA,GAAA,EAAA,CA6BxC,EAAA,CAAA,GAAM,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACN,EAAA,CAAA,GAAM,EAAA,WAAA,cAAA,KAAA,CAAA,GAAA,EAAA,CACN,EAAA,CAAA,GAAM,EAAA,WAAA,uBAAA,KAAA,CAAA,GAAA,EAAA,CACN,EAAA,CAAA,GAAM,EAAA,WAAA,cAAA,KAAA,CAAA,GAAA,EAAA,CAGN,EAAM,UAAA,CAAA,GAAU,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAChB,EAAM,WAAA,CAAA,GAAW,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CACjB,EAAsB,EAAE,SAAA,CAAS,EAAA,CAAA,CAAA,GAAM,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CArFxC,EAAc,uBAAA,CAAA,GAAuB,CAAA"}

package/dist/autocomplete.cjs

@@ -1 +1 @@
-require(`./autocomplete-Dq3BkitV.cjs`);
+require(`./autocomplete-CILzaDB7.cjs`);

package/dist/autocomplete.js

@@ -1 +1 @@
-import "./autocomplete-UNOknYUz.js";
+import "./autocomplete-DV9RxCun.js";

package/dist/avatar.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-PS1u0j1B.cjs`);require(`./mixins-BoMURWag.cjs`);const t=require(`./directives-DCb_LA9R.cjs`),n=require(`./theme.interface-CSt7JUBD.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`);var a=class extends e.t{constructor(...e){super(...e),this.initials=``,this.src=``,this.icon=``,this.size=`md`,this.color=`primary`,this.shape=`circle`,this.bordered=!1,this.status=`none`}render(){let e;e=this.src?i.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?i.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?i.html`<schmancy-icon>${this.icon}</schmancy-icon>`:i.html`<schmancy-icon>person</schmancy-icon>`;let t={"relative flex items-center justify-center overflow-hidden":!0,[{xxs:`w-5 h-5 text-[8px]`,xs:`w-6 h-6 text-xs`,sm:`w-8 h-8 text-sm`,md:`w-10 h-10 text-base`,lg:`w-12 h-12 text-lg`,xl:`w-16 h-16 text-xl`}[this.size]]:!0,[{circle:`rounded-full`,square:`rounded-md`}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},n=this.getColorAttributes();return i.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`);require(`./mixins-Cjn20BQH.cjs`);const t=require(`./directives-B2VxfwRL.cjs`),n=require(`./theme.interface-B-qxDsZQ.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`);var a=class extends e.t{constructor(...e){super(...e),this.initials=``,this.src=``,this.icon=``,this.size=`md`,this.color=`primary`,this.shape=`circle`,this.bordered=!1,this.status=`none`}render(){let e;e=this.src?i.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?i.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?i.html`<schmancy-icon>${this.icon}</schmancy-icon>`:i.html`<schmancy-icon>person</schmancy-icon>`;let t={"relative flex items-center justify-center overflow-hidden":!0,[{xxs:`w-5 h-5 text-[8px]`,xs:`w-6 h-6 text-xs`,sm:`w-8 h-8 text-sm`,md:`w-10 h-10 text-base`,lg:`w-12 h-12 text-lg`,xl:`w-16 h-16 text-xl`}[this.size]]:!0,[{circle:`rounded-full`,square:`rounded-md`}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},n=this.getColorAttributes();return i.html`
 			<div class="${this.classMap(t)}" ${n}>
 				${e} ${this.status===`none`?``:this.renderStatusIndicator()}
 			</div>

package/dist/avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.cjs","names":[],"sources":["../src/avatar/avatar.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\n/**\n * M3 avatar sizes: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n * - xxs: Ultra-compact (20px) - for menu cards\n * - xs: 24px - M3 compact\n * - sm: 32px - M3 small\n * - md: 40px - M3 medium (default)\n * - lg: 48px - M3 large\n * - xl: 64px - M3 extra large\n */\nexport type AvatarSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'neutral'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none'\n\n/**\n * A customizable avatar component that displays initials or an icon\n * Designed to match the Schmancy design system\n *\n * @element schmancy-avatar\n *\n * @property {string} initials - Text initials to display (limited to 2 characters)\n * @property {string} src - URL of an image to display\n * @property {string} icon - Name of an icon to display\n * @property {AvatarSize} size - Size of the avatar (xs, sm, md, lg, xl)\n * @property {AvatarColor} color - Color theme of the avatar\n * @property {AvatarShape} shape - Shape of the avatar (circle or square)\n * @property {boolean} bordered - Whether to add a border around the avatar\n * @property {AvatarStatus} status - Optional status indicator to display\n *\n * @example\n * <schmancy-avatar\n *   initials=\"JD\"\n *   size=\"md\"\n *   color=\"primary\"\n * ></schmancy-avatar>\n */\n@customElement('schmancy-avatar')\nexport class SchmancyAvatar extends SchmancyElement {\n\t@property({ type: String }) initials: string = ''\n\t@property({ type: String }) src: string = ''\n\t@property({ type: String }) icon: string = ''\n\t@property({ type: String }) size: AvatarSize = 'md'\n\t@property({ type: String }) color: AvatarColor = 'primary'\n\t@property({ type: String }) shape: AvatarShape = 'circle'\n\t@property({ type: Boolean }) bordered: boolean = false\n\t@property({ type: String }) status: AvatarStatus = 'none'\n\n\trender() {\n\t\t// Determine content to display (image, initials, or icon)\n\t\tlet content\n\t\tif (this.src) {\n\t\t\tcontent = html`<img class=\"w-full h-full object-cover\" src=\"${this.src}\" alt=\"Avatar\" />`\n\t\t} else if (this.initials) {\n\t\t\tcontent = html`<span class=\"text-center font-medium\">${this.initials.substring(0, 2).toUpperCase()}</span>`\n\t\t} else if (this.icon) {\n\t\t\tcontent = html`<schmancy-icon>${this.icon}</schmancy-icon>`\n\t\t} else {\n\t\t\tcontent = html`<schmancy-icon>person</schmancy-icon>`\n\t\t}\n\n\t\t// Size classes - M3 aligned: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n\t\tconst sizeClasses = {\n\t\t\txxs: 'w-5 h-5 text-[8px]', // 20px - Ultra-compact\n\t\t\txs: 'w-6 h-6 text-xs',     // 24px - M3 compact\n\t\t\tsm: 'w-8 h-8 text-sm',     // 32px - M3 small\n\t\t\tmd: 'w-10 h-10 text-base', // 40px - M3 medium (default)\n\t\t\tlg: 'w-12 h-12 text-lg',   // 48px - M3 large\n\t\t\txl: 'w-16 h-16 text-xl',   // 64px - M3 extra large\n\t\t}\n\n\t\t// Shape classes\n\t\tconst shapeClasses = {\n\t\t\tcircle: 'rounded-full',\n\t\t\tsquare: 'rounded-md',\n\t\t}\n\n\t\t// Combine classes\n\t\tconst avatarClasses = {\n\t\t\t'relative flex items-center justify-center overflow-hidden': true,\n\t\t\t[sizeClasses[this.size]]: true,\n\t\t\t[shapeClasses[this.shape]]: true,\n\t\t\t'border-2 border-surface-container': this.bordered,\n\t\t}\n\n\t\t// Get theme colors\n\t\tconst colorAttrs = this.getColorAttributes()\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(avatarClasses)}\" ${colorAttrs}>\n\t\t\t\t${content} ${this.status !== 'none' ? this.renderStatusIndicator() : ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate getColorAttributes() {\n\t\tconst colorMap = {\n\t\t\tprimary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.primary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.secondary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.tertiary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.success.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.success.onContainer,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.error.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.error.onContainer,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t},\n\t\t}\n\n\t\treturn color(colorMap[this.color])\n\t}\n\n\tprivate renderStatusIndicator() {\n\t\tconst statusColors = {\n\t\t\tonline: SchmancyTheme.sys.color.success.default,\n\t\t\toffline: SchmancyTheme.sys.color.surface.onVariant,\n\t\t\tbusy: SchmancyTheme.sys.color.error.default,\n\t\t\taway: SchmancyTheme.sys.color.tertiary.default,\n\t\t}\n\n\t\tconst sizeMap = {\n\t\t\txxs: 'w-1 h-1',\n\t\t\txs: 'w-1.5 h-1.5',\n\t\t\tsm: 'w-2 h-2',\n\t\t\tmd: 'w-2.5 h-2.5',\n\t\t\tlg: 'w-3 h-3',\n\t\t\txl: 'w-4 h-4',\n\t\t}\n\n\t\tconst statusClasses = {\n\t\t\t'absolute bottom-0 right-0 rounded-full border-2 border-surface-default': true,\n\t\t\t[sizeMap[this.size]]: true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(statusClasses)}\" style=\"background-color: ${statusColors[this.status]};\"></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-avatar': SchmancyAvatar\n\t}\n}\n"],"mappings":"mUA2CO,IAAA,EAAA,cAA6B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,SACY,GAAA,KAAA,IACL,GAAA,KAAA,KACC,GAAA,KAAA,KACI,KAAA,KAAA,MACE,UAAA,KAAA,MACA,SAAA,KAAA,SAAA,CACA,EAAA,KAAA,OACE,MAAA,CAEnD,QAAA,CAEC,IAAI,EAEH,EADG,KAAK,IACE,EAAA,IAAI,gDAAgD,KAAK,IAAA,mBACzD,KAAK,SACL,EAAA,IAAI,yCAAyC,KAAK,SAAS,UAAU,EAAG,CAAA,EAAG,YAAA,EAAA,SAC3E,KAAK,KACL,EAAA,IAAI,kBAAkB,KAAK,KAAA,kBAE3B,EAAA,IAAI,wCAIf,IAgBM,EAAgB,CACrB,4DAAA,CAA6D,GAjB1C,CACnB,IAAK,qBACL,GAAI,kBACJ,GAAI,kBACJ,GAAI,sBACJ,GAAI,oBACJ,GAAI,mBAAA,EAYS,KAAK,OAAA,CAAQ,GARN,CACpB,OAAQ,eACR,OAAQ,YAAA,EAOM,KAAK,QAAA,CAAS,EAC5B,oCAAqC,KAAK,QAAA,EAIrC,EAAa,KAAK,mBAAA,EAExB,MAAO,GAAA,IAAI;iBACI,KAAK,SAAS,CAAA,EAAA,IAAmB,EAAA;MAC5C,EAAA,GAAW,KAAK,SAAW,OAAwC,GAA/B,KAAK,sBAAA,EAA0B;;GAGxE,CAEA,oBAAA,CA4BC,OAAO,EAAA,EAAM,CA1BZ,QAAS,CACR,QAAS,EAAA,EAAc,IAAI,MAAM,QAAQ,UACzC,MAAO,EAAA,EAAc,IAAI,MAAM,QAAQ,WAAA,EAExC,UAAW,CACV,QAAS,EAAA,EAAc,IAAI,MAAM,UAAU,UAC3C,MAAO,EAAA,EAAc,IAAI,MAAM,UAAU,WAAA,EAE1C,SAAU,CACT,QAAS,EAAA,EAAc,IAAI,MAAM,SAAS,UAC1C,MAAO,EAAA,EAAc,IAAI,MAAM,SAAS,WAAA,EAEzC,QAAS,CACR,QAAS,EAAA,EAAc,IAAI,MAAM,QAAQ,UACzC,MAAO,EAAA,EAAc,IAAI,MAAM,QAAQ,WAAA,EAExC,MAAO,CACN,QAAS,EAAA,EAAc,IAAI,MAAM,MAAM,UACvC,MAAO,EAAA,EAAc,IAAI,MAAM,MAAM,WAAA,EAEtC,QAAS,CACR,QAAS,EAAA,EAAc,IAAI,MAAM,QAAQ,UACzC,MAAO,EAAA,EAAc,IAAI,MAAM,QAAQ,EAAA,CAAA,EAInB,KAAK,MAAA,CAC5B,CAEA,uBAAA,CACC,IAAM,EAAe,CACpB,OAAQ,EAAA,EAAc,IAAI,MAAM,QAAQ,QACxC,QAAS,EAAA,EAAc,IAAI,MAAM,QAAQ,UACzC,KAAM,EAAA,EAAc,IAAI,MAAM,MAAM,QACpC,KAAM,EAAA,EAAc,IAAI,MAAM,SAAS,OAAA,EAYlC,EAAgB,CACrB,yEAAA,CAA0E,GACzE,CAVD,IAAK,UACL,GAAI,cACJ,GAAI,UACJ,GAAI,cACJ,GAAI,UACJ,GAAI,SAAA,EAKK,KAAK,OAAA,CAAQ,CAAA,EAGvB,MAAO,GAAA,IAAI;iBACI,KAAK,SAAS,CAAA,EAAA,6BAA4C,EAAa,KAAK,QAAA;GAE5F,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAhHU,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,WAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAChB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAChB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,OAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAChB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,OAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAChB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,QAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAChB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,QAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAChB,CAAE,KAAM,OAAA,CAAA,CAAA,EAAS,EAAA,UAAA,WAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,SAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eATZ,iBAAA,CAAA,EAAiB,CAAA,EAAA,OAAA,eAAA,QAAA,iBAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"avatar.cjs","names":[],"sources":["../src/avatar/avatar.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\n/**\n * M3 avatar sizes: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n * - xxs: Ultra-compact (20px) - for menu cards\n * - xs: 24px - M3 compact\n * - sm: 32px - M3 small\n * - md: 40px - M3 medium (default)\n * - lg: 48px - M3 large\n * - xl: 64px - M3 extra large\n */\nexport type AvatarSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'neutral'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none'\n\n/**\n * A customizable avatar component that displays initials or an icon\n * Designed to match the Schmancy design system\n *\n * @element schmancy-avatar\n *\n * @property {string} initials - Text initials to display (limited to 2 characters)\n * @property {string} src - URL of an image to display\n * @property {string} icon - Name of an icon to display\n * @property {AvatarSize} size - Size of the avatar (xs, sm, md, lg, xl)\n * @property {AvatarColor} color - Color theme of the avatar\n * @property {AvatarShape} shape - Shape of the avatar (circle or square)\n * @property {boolean} bordered - Whether to add a border around the avatar\n * @property {AvatarStatus} status - Optional status indicator to display\n *\n * @example\n * <schmancy-avatar\n *   initials=\"JD\"\n *   size=\"md\"\n *   color=\"primary\"\n * ></schmancy-avatar>\n */\n@customElement('schmancy-avatar')\nexport class SchmancyAvatar extends SchmancyElement {\n\t@property({ type: String }) initials: string = ''\n\t@property({ type: String }) src: string = ''\n\t@property({ type: String }) icon: string = ''\n\t@property({ type: String }) size: AvatarSize = 'md'\n\t@property({ type: String }) color: AvatarColor = 'primary'\n\t@property({ type: String }) shape: AvatarShape = 'circle'\n\t@property({ type: Boolean }) bordered: boolean = false\n\t@property({ type: String }) status: AvatarStatus = 'none'\n\n\trender() {\n\t\t// Determine content to display (image, initials, or icon)\n\t\tlet content\n\t\tif (this.src) {\n\t\t\tcontent = html`<img class=\"w-full h-full object-cover\" src=\"${this.src}\" alt=\"Avatar\" />`\n\t\t} else if (this.initials) {\n\t\t\tcontent = html`<span class=\"text-center font-medium\">${this.initials.substring(0, 2).toUpperCase()}</span>`\n\t\t} else if (this.icon) {\n\t\t\tcontent = html`<schmancy-icon>${this.icon}</schmancy-icon>`\n\t\t} else {\n\t\t\tcontent = html`<schmancy-icon>person</schmancy-icon>`\n\t\t}\n\n\t\t// Size classes - M3 aligned: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n\t\tconst sizeClasses = {\n\t\t\txxs: 'w-5 h-5 text-[8px]', // 20px - Ultra-compact\n\t\t\txs: 'w-6 h-6 text-xs', // 24px - M3 compact\n\t\t\tsm: 'w-8 h-8 text-sm', // 32px - M3 small\n\t\t\tmd: 'w-10 h-10 text-base', // 40px - M3 medium (default)\n\t\t\tlg: 'w-12 h-12 text-lg', // 48px - M3 large\n\t\t\txl: 'w-16 h-16 text-xl', // 64px - M3 extra large\n\t\t}\n\n\t\t// Shape classes\n\t\tconst shapeClasses = {\n\t\t\tcircle: 'rounded-full',\n\t\t\tsquare: 'rounded-md',\n\t\t}\n\n\t\t// Combine classes\n\t\tconst avatarClasses = {\n\t\t\t'relative flex items-center justify-center overflow-hidden': true,\n\t\t\t[sizeClasses[this.size]]: true,\n\t\t\t[shapeClasses[this.shape]]: true,\n\t\t\t'border-2 border-surface-container': this.bordered,\n\t\t}\n\n\t\t// Get theme colors\n\t\tconst colorAttrs = this.getColorAttributes()\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(avatarClasses)}\" ${colorAttrs}>\n\t\t\t\t${content} ${this.status !== 'none' ? this.renderStatusIndicator() : ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate getColorAttributes() {\n\t\tconst colorMap = {\n\t\t\tprimary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.primary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.secondary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.tertiary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.success.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.success.onContainer,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.error.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.error.onContainer,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t},\n\t\t}\n\n\t\treturn color(colorMap[this.color])\n\t}\n\n\tprivate renderStatusIndicator() {\n\t\tconst statusColors = {\n\t\t\tonline: SchmancyTheme.sys.color.success.default,\n\t\t\toffline: SchmancyTheme.sys.color.surface.onVariant,\n\t\t\tbusy: SchmancyTheme.sys.color.error.default,\n\t\t\taway: SchmancyTheme.sys.color.tertiary.default,\n\t\t}\n\n\t\tconst sizeMap = {\n\t\t\txxs: 'w-1 h-1',\n\t\t\txs: 'w-1.5 h-1.5',\n\t\t\tsm: 'w-2 h-2',\n\t\t\tmd: 'w-2.5 h-2.5',\n\t\t\tlg: 'w-3 h-3',\n\t\t\txl: 'w-4 h-4',\n\t\t}\n\n\t\tconst statusClasses = {\n\t\t\t'absolute bottom-0 right-0 rounded-full border-2 border-surface-default': true,\n\t\t\t[sizeMap[this.size]]: true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(statusClasses)}\" style=\"background-color: ${statusColors[this.status]};\"></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-avatar': SchmancyAvatar\n\t}\n}\n"],"mappings":"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"}

package/dist/avatar.js

@@ -1,7 +1,7 @@
-import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
-import "./mixins-bCEXbwJV.js";
-import { S as n } from "./directives-BL7mzVsA.js";
-import { t as r } from "./theme.interface-odQEpZZH.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import "./mixins-q4KAL8Xr.js";
+import { S as n } from "./directives-Dj8jlv-Q.js";
+import { t as r } from "./theme.interface-B7caS5cg.js";
 import { customElement as i, property as a } from "lit/decorators.js";
 import { html as o } from "lit";
 var s = class extends e {

package/dist/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../src/avatar/avatar.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\n/**\n * M3 avatar sizes: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n * - xxs: Ultra-compact (20px) - for menu cards\n * - xs: 24px - M3 compact\n * - sm: 32px - M3 small\n * - md: 40px - M3 medium (default)\n * - lg: 48px - M3 large\n * - xl: 64px - M3 extra large\n */\nexport type AvatarSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'neutral'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none'\n\n/**\n * A customizable avatar component that displays initials or an icon\n * Designed to match the Schmancy design system\n *\n * @element schmancy-avatar\n *\n * @property {string} initials - Text initials to display (limited to 2 characters)\n * @property {string} src - URL of an image to display\n * @property {string} icon - Name of an icon to display\n * @property {AvatarSize} size - Size of the avatar (xs, sm, md, lg, xl)\n * @property {AvatarColor} color - Color theme of the avatar\n * @property {AvatarShape} shape - Shape of the avatar (circle or square)\n * @property {boolean} bordered - Whether to add a border around the avatar\n * @property {AvatarStatus} status - Optional status indicator to display\n *\n * @example\n * <schmancy-avatar\n *   initials=\"JD\"\n *   size=\"md\"\n *   color=\"primary\"\n * ></schmancy-avatar>\n */\n@customElement('schmancy-avatar')\nexport class SchmancyAvatar extends SchmancyElement {\n\t@property({ type: String }) initials: string = ''\n\t@property({ type: String }) src: string = ''\n\t@property({ type: String }) icon: string = ''\n\t@property({ type: String }) size: AvatarSize = 'md'\n\t@property({ type: String }) color: AvatarColor = 'primary'\n\t@property({ type: String }) shape: AvatarShape = 'circle'\n\t@property({ type: Boolean }) bordered: boolean = false\n\t@property({ type: String }) status: AvatarStatus = 'none'\n\n\trender() {\n\t\t// Determine content to display (image, initials, or icon)\n\t\tlet content\n\t\tif (this.src) {\n\t\t\tcontent = html`<img class=\"w-full h-full object-cover\" src=\"${this.src}\" alt=\"Avatar\" />`\n\t\t} else if (this.initials) {\n\t\t\tcontent = html`<span class=\"text-center font-medium\">${this.initials.substring(0, 2).toUpperCase()}</span>`\n\t\t} else if (this.icon) {\n\t\t\tcontent = html`<schmancy-icon>${this.icon}</schmancy-icon>`\n\t\t} else {\n\t\t\tcontent = html`<schmancy-icon>person</schmancy-icon>`\n\t\t}\n\n\t\t// Size classes - M3 aligned: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n\t\tconst sizeClasses = {\n\t\t\txxs: 'w-5 h-5 text-[8px]', // 20px - Ultra-compact\n\t\t\txs: 'w-6 h-6 text-xs',     // 24px - M3 compact\n\t\t\tsm: 'w-8 h-8 text-sm',     // 32px - M3 small\n\t\t\tmd: 'w-10 h-10 text-base', // 40px - M3 medium (default)\n\t\t\tlg: 'w-12 h-12 text-lg',   // 48px - M3 large\n\t\t\txl: 'w-16 h-16 text-xl',   // 64px - M3 extra large\n\t\t}\n\n\t\t// Shape classes\n\t\tconst shapeClasses = {\n\t\t\tcircle: 'rounded-full',\n\t\t\tsquare: 'rounded-md',\n\t\t}\n\n\t\t// Combine classes\n\t\tconst avatarClasses = {\n\t\t\t'relative flex items-center justify-center overflow-hidden': true,\n\t\t\t[sizeClasses[this.size]]: true,\n\t\t\t[shapeClasses[this.shape]]: true,\n\t\t\t'border-2 border-surface-container': this.bordered,\n\t\t}\n\n\t\t// Get theme colors\n\t\tconst colorAttrs = this.getColorAttributes()\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(avatarClasses)}\" ${colorAttrs}>\n\t\t\t\t${content} ${this.status !== 'none' ? this.renderStatusIndicator() : ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate getColorAttributes() {\n\t\tconst colorMap = {\n\t\t\tprimary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.primary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.secondary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.tertiary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.success.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.success.onContainer,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.error.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.error.onContainer,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t},\n\t\t}\n\n\t\treturn color(colorMap[this.color])\n\t}\n\n\tprivate renderStatusIndicator() {\n\t\tconst statusColors = {\n\t\t\tonline: SchmancyTheme.sys.color.success.default,\n\t\t\toffline: SchmancyTheme.sys.color.surface.onVariant,\n\t\t\tbusy: SchmancyTheme.sys.color.error.default,\n\t\t\taway: SchmancyTheme.sys.color.tertiary.default,\n\t\t}\n\n\t\tconst sizeMap = {\n\t\t\txxs: 'w-1 h-1',\n\t\t\txs: 'w-1.5 h-1.5',\n\t\t\tsm: 'w-2 h-2',\n\t\t\tmd: 'w-2.5 h-2.5',\n\t\t\tlg: 'w-3 h-3',\n\t\t\txl: 'w-4 h-4',\n\t\t}\n\n\t\tconst statusClasses = {\n\t\t\t'absolute bottom-0 right-0 rounded-full border-2 border-surface-default': true,\n\t\t\t[sizeMap[this.size]]: true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(statusClasses)}\" style=\"background-color: ${statusColors[this.status]};\"></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-avatar': SchmancyAvatar\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../src/avatar/avatar.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\n/**\n * M3 avatar sizes: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n * - xxs: Ultra-compact (20px) - for menu cards\n * - xs: 24px - M3 compact\n * - sm: 32px - M3 small\n * - md: 40px - M3 medium (default)\n * - lg: 48px - M3 large\n * - xl: 64px - M3 extra large\n */\nexport type AvatarSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'neutral'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none'\n\n/**\n * A customizable avatar component that displays initials or an icon\n * Designed to match the Schmancy design system\n *\n * @element schmancy-avatar\n *\n * @property {string} initials - Text initials to display (limited to 2 characters)\n * @property {string} src - URL of an image to display\n * @property {string} icon - Name of an icon to display\n * @property {AvatarSize} size - Size of the avatar (xs, sm, md, lg, xl)\n * @property {AvatarColor} color - Color theme of the avatar\n * @property {AvatarShape} shape - Shape of the avatar (circle or square)\n * @property {boolean} bordered - Whether to add a border around the avatar\n * @property {AvatarStatus} status - Optional status indicator to display\n *\n * @example\n * <schmancy-avatar\n *   initials=\"JD\"\n *   size=\"md\"\n *   color=\"primary\"\n * ></schmancy-avatar>\n */\n@customElement('schmancy-avatar')\nexport class SchmancyAvatar extends SchmancyElement {\n\t@property({ type: String }) initials: string = ''\n\t@property({ type: String }) src: string = ''\n\t@property({ type: String }) icon: string = ''\n\t@property({ type: String }) size: AvatarSize = 'md'\n\t@property({ type: String }) color: AvatarColor = 'primary'\n\t@property({ type: String }) shape: AvatarShape = 'circle'\n\t@property({ type: Boolean }) bordered: boolean = false\n\t@property({ type: String }) status: AvatarStatus = 'none'\n\n\trender() {\n\t\t// Determine content to display (image, initials, or icon)\n\t\tlet content\n\t\tif (this.src) {\n\t\t\tcontent = html`<img class=\"w-full h-full object-cover\" src=\"${this.src}\" alt=\"Avatar\" />`\n\t\t} else if (this.initials) {\n\t\t\tcontent = html`<span class=\"text-center font-medium\">${this.initials.substring(0, 2).toUpperCase()}</span>`\n\t\t} else if (this.icon) {\n\t\t\tcontent = html`<schmancy-icon>${this.icon}</schmancy-icon>`\n\t\t} else {\n\t\t\tcontent = html`<schmancy-icon>person</schmancy-icon>`\n\t\t}\n\n\t\t// Size classes - M3 aligned: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp\n\t\tconst sizeClasses = {\n\t\t\txxs: 'w-5 h-5 text-[8px]', // 20px - Ultra-compact\n\t\t\txs: 'w-6 h-6 text-xs', // 24px - M3 compact\n\t\t\tsm: 'w-8 h-8 text-sm', // 32px - M3 small\n\t\t\tmd: 'w-10 h-10 text-base', // 40px - M3 medium (default)\n\t\t\tlg: 'w-12 h-12 text-lg', // 48px - M3 large\n\t\t\txl: 'w-16 h-16 text-xl', // 64px - M3 extra large\n\t\t}\n\n\t\t// Shape classes\n\t\tconst shapeClasses = {\n\t\t\tcircle: 'rounded-full',\n\t\t\tsquare: 'rounded-md',\n\t\t}\n\n\t\t// Combine classes\n\t\tconst avatarClasses = {\n\t\t\t'relative flex items-center justify-center overflow-hidden': true,\n\t\t\t[sizeClasses[this.size]]: true,\n\t\t\t[shapeClasses[this.shape]]: true,\n\t\t\t'border-2 border-surface-container': this.bordered,\n\t\t}\n\n\t\t// Get theme colors\n\t\tconst colorAttrs = this.getColorAttributes()\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(avatarClasses)}\" ${colorAttrs}>\n\t\t\t\t${content} ${this.status !== 'none' ? this.renderStatusIndicator() : ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate getColorAttributes() {\n\t\tconst colorMap = {\n\t\t\tprimary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.primary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.secondary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.tertiary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.success.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.success.onContainer,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.error.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.error.onContainer,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t},\n\t\t}\n\n\t\treturn color(colorMap[this.color])\n\t}\n\n\tprivate renderStatusIndicator() {\n\t\tconst statusColors = {\n\t\t\tonline: SchmancyTheme.sys.color.success.default,\n\t\t\toffline: SchmancyTheme.sys.color.surface.onVariant,\n\t\t\tbusy: SchmancyTheme.sys.color.error.default,\n\t\t\taway: SchmancyTheme.sys.color.tertiary.default,\n\t\t}\n\n\t\tconst sizeMap = {\n\t\t\txxs: 'w-1 h-1',\n\t\t\txs: 'w-1.5 h-1.5',\n\t\t\tsm: 'w-2 h-2',\n\t\t\tmd: 'w-2.5 h-2.5',\n\t\t\tlg: 'w-3 h-3',\n\t\t\txl: 'w-4 h-4',\n\t\t}\n\n\t\tconst statusClasses = {\n\t\t\t'absolute bottom-0 right-0 rounded-full border-2 border-surface-default': true,\n\t\t\t[sizeMap[this.size]]: true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(statusClasses)}\" style=\"background-color: ${statusColors[this.status]};\"></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-avatar': SchmancyAvatar\n\t}\n}\n"],"mappings":";;;;;;AA2CO,IAAA,IAAA,cAA6B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,WACY,IAAA,KAAA,MACL,IAAA,KAAA,OACC,IAAA,KAAA,OACI,MAAA,KAAA,QACE,WAAA,KAAA,QACA,UAAA,KAAA,WAAA,CACA,GAAA,KAAA,SACE;CAAA;CAEnD,SAAA;EAEC,IAAI;EAEH,IADG,KAAK,MACE,CAAI,gDAAgD,KAAK,IAAA,qBACzD,KAAK,WACL,CAAI,yCAAyC,KAAK,SAAS,UAAU,GAAG,CAAA,EAAG,YAAA,EAAA,WAC3E,KAAK,OACL,CAAI,kBAAkB,KAAK,KAAA,oBAE3B,CAAI;EAIf,IAgBM,IAAgB;GACrB,6DAAA,CAA6D;IAjB1C;IACnB,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;GAAA,EAYS,KAAK,QAAA,CAAQ;IARN;IACpB,QAAQ;IACR,QAAQ;GAAA,EAOM,KAAK,SAAA,CAAS;GAC5B,qCAAqC,KAAK;EAAA,GAIrC,IAAa,KAAK,mBAAA;EAExB,OAAO,CAAI;iBACI,KAAK,SAAS,CAAA,EAAA,IAAmB,EAAA;MAC5C,EAAA,GAAW,KAAK,WAAW,SAAwC,KAA/B,KAAK,sBAAA,EAA0B;;;CAGxE;CAEA,qBAAA;EA4BC,OAAO,EAAM;GA1BZ,SAAS;IACR,SAAS,EAAc,IAAI,MAAM,QAAQ;IACzC,OAAO,EAAc,IAAI,MAAM,QAAQ;GAAA;GAExC,WAAW;IACV,SAAS,EAAc,IAAI,MAAM,UAAU;IAC3C,OAAO,EAAc,IAAI,MAAM,UAAU;GAAA;GAE1C,UAAU;IACT,SAAS,EAAc,IAAI,MAAM,SAAS;IAC1C,OAAO,EAAc,IAAI,MAAM,SAAS;GAAA;GAEzC,SAAS;IACR,SAAS,EAAc,IAAI,MAAM,QAAQ;IACzC,OAAO,EAAc,IAAI,MAAM,QAAQ;GAAA;GAExC,OAAO;IACN,SAAS,EAAc,IAAI,MAAM,MAAM;IACvC,OAAO,EAAc,IAAI,MAAM,MAAM;GAAA;GAEtC,SAAS;IACR,SAAS,EAAc,IAAI,MAAM,QAAQ;IACzC,OAAO,EAAc,IAAI,MAAM,QAAQ;GAAA;EAAA,EAInB,KAAK,MAAA;CAC5B;CAEA,wBAAA;EACC,IAAM,IAAe;GACpB,QAAQ,EAAc,IAAI,MAAM,QAAQ;GACxC,SAAS,EAAc,IAAI,MAAM,QAAQ;GACzC,MAAM,EAAc,IAAI,MAAM,MAAM;GACpC,MAAM,EAAc,IAAI,MAAM,SAAS;EAAA,GAYlC,IAAgB;GACrB,0EAAA,CAA0E;IACzE;IAVD,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;GAAA,EAKK,KAAK,QAAA,CAAQ;EAAA;EAGvB,OAAO,CAAI;iBACI,KAAK,SAAS,CAAA,EAAA,6BAA4C,EAAa,KAAK,QAAA;;CAE5F;AAAA;AAAA,EAAA,CAhHC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,YAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,OAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CACzB,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,YAAA,KAAA,CAAA,GAAA,EAAA,CAC1B,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,UAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CAT1B,EAAc,iBAAA,CAAA,GAAiB,CAAA;AAAA,SAAA,KAAA"}

package/dist/badge.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-DK3111z_.cjs`);Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return e.w}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return e.T}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-DuRvYagm.cjs`);Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return e.w}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return e.T}});

package/dist/badge.js

@@ -1,2 +1,2 @@
-import { T as e, w as t } from "./src-DGDTkOvC.js";
+import { T as e, w as t } from "./src-DAtcPmCb.js";
 export { t as ScBadgeV2, e as SchmancyBadgeV2 };

package/dist/{boat-BZah1Sf9.js → boat-DoZGgQ0P.js}

@@ -1,9 +1,9 @@
-import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
-import "./mixins-bCEXbwJV.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import "./mixins-q4KAL8Xr.js";
 import { d as n } from "./animation-DCznELuT.js";
 import { t as r } from "./reduced-motion-D-L12p7G.js";
-import { n as i } from "./theme.service-Dv_55nfE.js";
-import { o as a } from "./overlay.service-BXPgS7ay.js";
+import { n as i } from "./theme.service-D94nm7Bf.js";
+import { o as a } from "./overlay.service-BuUeti6X.js";
 import { exhaustMap as o, filter as s, finalize as c, fromEvent as l, merge as u, takeUntil as d, tap as f } from "rxjs";
 import { classMap as p } from "lit/directives/class-map.js";
 import { styleMap as m } from "lit/directives/style-map.js";
@@ -155,7 +155,7 @@ var S = "schmancy-boat-", C = class extends e {
 		return y`
 			<schmancy-surface
 				${x(this.containerRef)}
-				type="glass"
+				type="container"
 				class="${e} overflow-hidden rounded-2xl shadow-md"
 				style=${t}
 				aria-expanded=${this.open}