@oscarpalmer/oui 0.42.0 → 0.43.0

package/dist/js/internal/draggable/index.mjs

@@ -1,5 +1,6 @@
-import { DRAGGABLE_SELECTOR, DRAGGABLE_SELECTOR_MOVABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_ITEM, DRAGGABLE_SYMBOL, draggableContainers, draggableGlobals, draggableHorizontals, draggableProperties, draggableStyleToggler, draggableStyles, draggableVerticals } from "./draggable.model.mjs";
 import { MOVABLE_ATTRIBUTE } from "../../movable/movable.model.mjs";
+import { ignoreEvent } from "../misc.mjs";
+import { DRAGGABLE_SELECTOR, DRAGGABLE_SELECTOR_MOVABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_ITEM, DRAGGABLE_SYMBOL, OuiDraggableEvent, draggableContainers, draggableGlobals, draggableHorizontals, draggableProperties, draggableStyleToggler, draggableStyles, draggableVerticals } from "./draggable.model.mjs";
 import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch, getEventPosition, on } from "@oscarpalmer/toretto/event";
 import { findAncestor } from "@oscarpalmer/toretto/find";
@@ -7,7 +8,7 @@ import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { setStyle, setStyles, toggleStyles } from "@oscarpalmer/toretto/style";
 import { clamp } from "@oscarpalmer/atoms/number";
 import { supportsTouch } from "@oscarpalmer/toretto/touch";
-//#region src/js/internal/draggable/index.ts
+// src/js/internal/draggable/index.ts
 function addDraggable(element, options) {
 	let instances = draggableGlobals.instances.get(element);
 	if (instances == null) {
@@ -20,7 +21,7 @@ function addDraggable(element, options) {
 function cancelDrag(item) {
 	if (item == null) return;
 	item.state.options.drag.onCancel?.(item);
-	dispatch(item.state.element, `oui:${item.state.name}:cancel`, { detail: { element: item.state.options.getOrigin() } });
+	dispatch(item.state.element, new OuiDraggableEvent(`oui-${item.state.name}:cancel`, { detail: { element: item.state.options.getOrigin() } }));
 	reset();
 }
 function destroyDraggable(draggable) {
@@ -96,7 +97,7 @@ function onKeydown(event) {
 	if (current != null && event.key === "Escape") cancelDrag(current);
 }
 function onPointerdown(event) {
-	if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart" || event.button !== 0)) return;
+	if (ignoreEvent(event, supportsTouch.value)) return;
 	const container = findAncestor(event, DRAGGABLE_SELECTOR);
 	if (container == null) return;
 	const instances = draggableGlobals.instances.get(container);
@@ -112,7 +113,7 @@ function onPointerdown(event) {
 	let element = container;
 	if (!isMovable) {
 		element = findAncestor(event, DRAGGABLE_SELECTOR_SORTABLE_ITEM);
-		if (element == null || element.parentElement !== container) return;
+		if (element?.parentElement !== container) return;
 	}
 	let handle = element;
 	item.state.hasHandles ??= element.querySelector(DRAGGABLE_SELECTOR_SORTABLE_HANDLE) != null;
@@ -132,10 +133,11 @@ function onPointerdown(event) {
 	};
 	draggableGlobals.offset = item.state.options.position.getOffset(item, element, position);
 	draggableGlobals.original = item.state.options.position.getOriginal(item, position);
-	if (dispatch(item.state.element, `oui:${item.state.name}:begin`, { detail: {
+	const dispatched = new OuiDraggableEvent(`oui-${item.state.name}:begin`, { detail: {
 		element,
-		position: { ...draggableGlobals.original }
-	} }).defaultPrevented) {
+		position: { original: { ...draggableGlobals.original } }
+	} });
+	if (dispatch(item.state.element, dispatched).defaultPrevented) {
 		item.state.options.drag.onCancel?.(item);
 		reset();
 		return;
@@ -156,11 +158,14 @@ function onPointermove(event) {
 	if (position == null) return;
 	const next = getNextPosition(current, position);
 	if (draggableGlobals.element != null) setStyle(draggableGlobals.element.node, "inset", `${next.y}px auto auto ${next.x}px`);
-	const detail = current.state.options.drag.onMove(event, current, {
-		calculated: next,
-		original: position
-	});
-	if (dispatch(current.state.element, `oui:${current.state.name}:move`, { detail }).defaultPrevented) cancelDrag(current);
+	const dispatched = new OuiDraggableEvent(`oui-${current.state.name}:move`, { detail: {
+		element: current.state.options.getOrigin(),
+		position: {
+			next,
+			original: position
+		}
+	} });
+	if (dispatch(current.state.element, dispatched).defaultPrevented) cancelDrag(current);
 }
 function onPointerup(event) {
 	current?.state.options.drag.onEnd?.(event, current, reset);
@@ -239,5 +244,4 @@ on(document, "pointermove", onPointermove);
 on(document, "pointerup", onPointerup);
 on(document, "touchcancel", onPointerup);
 on(document, "touchstart", onPointerdown, { passive: false });
-//#endregion
 export { addDraggable, destroyDraggable, getDraggableElement, getDraggableStates, initializeDraggable, removeDraggable };

package/dist/js/internal/l10n/index.d.mts

@@ -1,5 +1,3 @@
-import { _ as OuiLocalizationsValues, p as OuiLocalizations, u as OuiDefaultLocalizations } from "../../l10n.model-D1E1u35L.mjs";
-//#region src/js/internal/l10n/index.d.ts
+import { _ as OuiLocalizationsValues, p as OuiLocalizations, u as OuiDefaultLocalizations } from "../../l10n.model-DxwLXnFl.mjs";
 export declare function createDefaultLocalizations<Localizations extends OuiLocalizationsValues>(values: Localizations): OuiDefaultLocalizations<Localizations>;
-export declare function createLocalizations<Localizations extends OuiLocalizationsValues>(defaults: OuiDefaultLocalizations<Localizations>): OuiLocalizations<Localizations>;
-//#endregion
+export declare function createLocalizations<Localizations extends OuiLocalizationsValues>(defaults: OuiDefaultLocalizations<Localizations>): OuiLocalizations<Localizations>;

package/dist/js/internal/l10n/index.mjs

@@ -1,6 +1,8 @@
 import { L10N_MESSAGE_DEFAULT, L10N_MESSAGE_ITEM_CREATE, L10N_MESSAGE_ITEM_UPDATE_KEY, L10N_MESSAGE_ITEM_UPDATE_VALUE, L10N_MESSAGE_OBJECT_CREATE, L10N_MESSAGE_OBJECT_UPDATE, L10N_SYMBOL, L10N_TYPE_DEFAULT, L10N_TYPE_INSTANCE } from "./l10n.model.mjs";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
-//#region src/js/internal/l10n/index.ts
+import { promises } from "@oscarpalmer/atoms/promise";
+import { isFulfilled } from "@oscarpalmer/atoms/promise/misc";
+// src/js/internal/l10n/index.ts
 function OuiDefaultLocalizations(values) {
 	this[L10N_SYMBOL] = {
 		defaults: values,
@@ -57,7 +59,9 @@ function getLocalization(key, parameters, defaultLocalizations, instanceLocaliza
 	const defaultState = defaultLocalizations?.[L10N_SYMBOL];
 	const instanceState = instanceLocalizations?.[L10N_SYMBOL];
 	const language = getLanguage(parameters);
-	const values = defaultState == null ? instanceState == null ? [] : [instanceState.values, instanceState.defaults.values.languages] : [defaultState.values];
+	let values;
+	if (defaultState == null) values = instanceState == null ? [] : [instanceState.values, instanceState.defaults.values.languages];
+	else values = [defaultState.values];
 	const { length } = values;
 	let localization;
 	let shortLanguage;
@@ -104,18 +108,18 @@ function setLocalizations(first, second) {
 }
 async function updateLocalizationValues(state, to, from) {
 	const keys = Object.keys(from);
-	const keysLength = keys.length;
+	const { length } = keys;
 	const toAsPlainObject = to;
 	let count = 0;
-	for (let keysIndex = 0; keysIndex < keysLength; keysIndex += 1) {
-		const key = keys[keysIndex];
-		const keyValue = from[key];
-		const normalizedKey = key.toLowerCase();
-		if (!state.keys.has(normalizedKey)) throw new TypeError(L10N_MESSAGE_ITEM_UPDATE_KEY);
-		if (!isValidLocalization(keyValue)) throw new TypeError(L10N_MESSAGE_ITEM_UPDATE_VALUE);
-		if (state.keys.has(normalizedKey) && isValidLocalization(keyValue)) {
+	for (let index = 0; index < length; index += 1) {
+		const key = keys[index];
+		const value = from[key];
+		const lowercased = key.toLowerCase();
+		if (!state.keys.has(lowercased)) throw new TypeError(L10N_MESSAGE_ITEM_UPDATE_KEY);
+		if (!isValidLocalization(value)) throw new TypeError(L10N_MESSAGE_ITEM_UPDATE_VALUE);
+		if (state.keys.has(lowercased) && isValidLocalization(value)) {
 			count += 1;
-			toAsPlainObject[normalizedKey] = keyValue;
+			toAsPlainObject[lowercased] = value;
 		}
 	}
 	return count;
@@ -124,17 +128,22 @@ async function updateLocalizations(localizations, values) {
 	if (typeof values !== "object" || values == null) throw new TypeError(L10N_MESSAGE_OBJECT_UPDATE);
 	const state = localizations[L10N_SYMBOL];
 	const languages = Object.keys(values);
-	const languagesLength = languages.length;
-	let count = 0;
-	for (let languagesIndex = 0; languagesIndex < languagesLength; languagesIndex += 1) {
-		const language = languages[languagesIndex];
-		const languageValue = values[language];
-		if (typeof languageValue !== "object" || languageValue == null) throw new TypeError(L10N_MESSAGE_OBJECT_UPDATE);
-		const normalizedLanguage = language.toLowerCase();
-		state.values[normalizedLanguage] ??= {};
-		count += await updateLocalizationValues(state, state.values[normalizedLanguage], languageValue);
+	const { length } = languages;
+	const updates = [];
+	for (let index = 0; index < length; index += 1) {
+		const language = languages[index];
+		const value = values[language];
+		if (typeof value !== "object" || value == null) throw new TypeError(L10N_MESSAGE_OBJECT_UPDATE);
+		const lowercased = language.toLowerCase();
+		state.values[lowercased] ??= {};
+		updates.push(updateLocalizationValues(state, state.values[lowercased], value));
 	}
-	return count > 0;
+	return promises(updates).then((results) => {
+		let count = 0;
+		const { length } = results;
+		for (let index = 0; index < length; index += 1) count += isFulfilled(results[index]) ? results[index].value : 0;
+		return count > 0;
+	});
 }
 function validateDefaultInstance(value) {
 	if (typeof value !== "object" || value === null || !(L10N_SYMBOL in value)) throw new TypeError(L10N_MESSAGE_DEFAULT);
@@ -143,5 +152,4 @@ function validateDefaultValues(value) {
 	if (!isPlainObject(value) || Object.keys(value).length === 0) throw new TypeError(L10N_MESSAGE_OBJECT_CREATE);
 	if (!Object.values(value).every(isValidLocalization)) throw new TypeError(L10N_MESSAGE_ITEM_CREATE);
 }
-//#endregion
 export { createDefaultLocalizations, createLocalizations };

package/dist/js/internal/l10n/l10n.model.d.mts

@@ -1,2 +1,2 @@
-import { _ as OuiLocalizationsValues, a as L10N_MESSAGE_OBJECT_CREATE, c as L10N_TYPE_DEFAULT, d as OuiDefaultLocalizationsState, f as OuiDefaultLocalizationsValues, g as OuiLocalizationsType, h as OuiLocalizationsState, i as L10N_MESSAGE_ITEM_UPDATE_VALUE, l as L10N_TYPE_INSTANCE, m as OuiLocalizationsParameters, n as L10N_MESSAGE_ITEM_CREATE, o as L10N_MESSAGE_OBJECT_UPDATE, p as OuiLocalizations, r as L10N_MESSAGE_ITEM_UPDATE_KEY, s as L10N_SYMBOL, t as L10N_MESSAGE_DEFAULT, u as OuiDefaultLocalizations } from "../../l10n.model-D1E1u35L.mjs";
+import { _ as OuiLocalizationsValues, a as L10N_MESSAGE_OBJECT_CREATE, c as L10N_TYPE_DEFAULT, d as OuiDefaultLocalizationsState, f as OuiDefaultLocalizationsValues, g as OuiLocalizationsType, h as OuiLocalizationsState, i as L10N_MESSAGE_ITEM_UPDATE_VALUE, l as L10N_TYPE_INSTANCE, m as OuiLocalizationsParameters, n as L10N_MESSAGE_ITEM_CREATE, o as L10N_MESSAGE_OBJECT_UPDATE, p as OuiLocalizations, r as L10N_MESSAGE_ITEM_UPDATE_KEY, s as L10N_SYMBOL, t as L10N_MESSAGE_DEFAULT, u as OuiDefaultLocalizations } from "../../l10n.model-DxwLXnFl.mjs";
 export { L10N_MESSAGE_DEFAULT, L10N_MESSAGE_ITEM_CREATE, L10N_MESSAGE_ITEM_UPDATE_KEY, L10N_MESSAGE_ITEM_UPDATE_VALUE, L10N_MESSAGE_OBJECT_CREATE, L10N_MESSAGE_OBJECT_UPDATE, L10N_SYMBOL, L10N_TYPE_DEFAULT, L10N_TYPE_INSTANCE, OuiDefaultLocalizations, OuiDefaultLocalizationsState, OuiDefaultLocalizationsValues, OuiLocalizations, OuiLocalizationsParameters, OuiLocalizationsState, OuiLocalizationsType, OuiLocalizationsValues };

package/dist/js/internal/l10n/l10n.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/internal/l10n/l10n.model.ts
+// src/js/internal/l10n/l10n.model.ts
 const L10N_MESSAGE_DEFAULT = "Default localizations must be an instance of OuiDefaultLocalizations.";
 const L10N_MESSAGE_ITEM_CREATE = "Localization item must be a string or a function.";
 const L10N_MESSAGE_ITEM_UPDATE_KEY = "Localization item key must be known.";
@@ -8,5 +8,4 @@ const L10N_MESSAGE_OBJECT_UPDATE = "Localizations update object must be a plain
 const L10N_TYPE_DEFAULT = "default";
 const L10N_TYPE_INSTANCE = "instance";
 const L10N_SYMBOL = Symbol("l10n");
-//#endregion
 export { L10N_MESSAGE_DEFAULT, L10N_MESSAGE_ITEM_CREATE, L10N_MESSAGE_ITEM_UPDATE_KEY, L10N_MESSAGE_ITEM_UPDATE_VALUE, L10N_MESSAGE_OBJECT_CREATE, L10N_MESSAGE_OBJECT_UPDATE, L10N_SYMBOL, L10N_TYPE_DEFAULT, L10N_TYPE_INSTANCE };

package/dist/js/internal/misc.d.mts

@@ -1,7 +1,6 @@
 import { AnyAriaBooleanAttribute } from "@oscarpalmer/toretto/models";
-//#region src/js/internal/misc.d.ts
 export declare function copyValue(value: string, onSuccess?: () => void, onError?: () => void): void;
 export declare function getAttributeValue<Value>(element: Element, attribute: string, possible: Set<Value>, defaultValue: Value): Value;
 export declare function getBooleanAriaValue(element: Element, attribute: AnyAriaBooleanAttribute): boolean;
-export declare const EXPRESSION_WHITESPACE: RegExp;
-//#endregion
+export declare function ignoreEvent(event: MouseEvent | TouchEvent, supportsTouch: boolean): boolean;
+export declare const EXPRESSION_WHITESPACE: RegExp;

package/dist/js/internal/misc.mjs

@@ -2,7 +2,7 @@ import { getAria } from "@oscarpalmer/toretto/aria";
 import { getAttribute } from "@oscarpalmer/toretto/attribute";
 import { noop } from "@oscarpalmer/atoms/function";
 import { attempt } from "@oscarpalmer/atoms/result";
-//#region src/js/internal/misc.ts
+// src/js/internal/misc.ts
 function copyValue(value, onSuccess, onError) {
 	if (!attempt(() => navigator.clipboard.writeText(value).then(onSuccess ?? noop, onError ?? noop)).ok) onError?.();
 }
@@ -14,6 +14,8 @@ function getBooleanAriaValue(element, attribute) {
 	const value = getAria(element, attribute);
 	return value === true || value === "true";
 }
+function ignoreEvent(event, supportsTouch) {
+	return event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || (supportsTouch ? event.type === "mousedown" : event.type === "touchstart" || event.button !== 0);
+}
 const EXPRESSION_WHITESPACE = /\s+/;
-//#endregion
-export { EXPRESSION_WHITESPACE, copyValue, getAttributeValue, getBooleanAriaValue };
+export { EXPRESSION_WHITESPACE, copyValue, getAttributeValue, getBooleanAriaValue, ignoreEvent };

package/dist/js/internal/navigable/index.d.mts

@@ -1,6 +1,4 @@
-import { d as OuiNavigable, h as OuiNavigableOrientation, m as OuiNavigableOptions } from "../../navigable.model-BqoR6iBv.mjs";
-//#region src/js/internal/navigable/index.d.ts
+import { d as OuiNavigable, h as OuiNavigableOrientation, m as OuiNavigableOptions } from "../../navigable.model-CrzJqKE7.mjs";
 export declare function getNavigable(element: Element, options: OuiNavigableOptions): OuiNavigable;
 export declare function getNavigableOrientation(element: Element, vertical: boolean, aria?: boolean): OuiNavigableOrientation;
-export declare function updateNavigableFocus(navigable: OuiNavigable, focus: boolean, items?: HTMLElement[]): void;
-//#endregion
+export declare function updateNavigableFocus(navigable: OuiNavigable, focus: boolean, items?: HTMLElement[]): void;

package/dist/js/internal/navigable/index.mjs

@@ -6,7 +6,7 @@ import { findAncestor } from "@oscarpalmer/toretto/find";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { filter } from "@oscarpalmer/atoms/array/filter";
 import { clamp } from "@oscarpalmer/atoms/number";
-//#region src/js/internal/navigable/index.ts
+// src/js/internal/navigable/index.ts
 function OuiNavigable(element, options) {
 	this[NAVIGABLE_SYMBOL] = {
 		element,
@@ -121,5 +121,4 @@ function updateNavigableFocus(navigable, focus, items) {
 	active.element ??= updated[active.index];
 	if (focus) active.element?.focus();
 }
-//#endregion
 export { getNavigable, getNavigableOrientation, updateNavigableFocus };

package/dist/js/internal/navigable/navigable.model.d.mts

@@ -1,2 +1,2 @@
-import { a as NAVIGABLE_KEYS_NEXT, c as NAVIGABLE_ORIENTATION_HORIZONTAL, d as OuiNavigable, f as OuiNavigableActive, g as OuiNavigableState, h as OuiNavigableOrientation, i as NAVIGABLE_KEYS_HORIZONTAL, l as NAVIGABLE_ORIENTATION_VERTICAL, m as OuiNavigableOptions, n as NAVIGABLE_KEYS_ACTIVATE, o as NAVIGABLE_KEYS_VERTICAL, p as OuiNavigableCallback, r as NAVIGABLE_KEYS_ALL, s as NAVIGABLE_ORIENTATIONS, t as NAVIGABLE_KEYS_ABSOLUTE, u as NAVIGABLE_SYMBOL } from "../../navigable.model-BqoR6iBv.mjs";
+import { a as NAVIGABLE_KEYS_NEXT, c as NAVIGABLE_ORIENTATION_HORIZONTAL, d as OuiNavigable, f as OuiNavigableActive, g as OuiNavigableState, h as OuiNavigableOrientation, i as NAVIGABLE_KEYS_HORIZONTAL, l as NAVIGABLE_ORIENTATION_VERTICAL, m as OuiNavigableOptions, n as NAVIGABLE_KEYS_ACTIVATE, o as NAVIGABLE_KEYS_VERTICAL, p as OuiNavigableCallback, r as NAVIGABLE_KEYS_ALL, s as NAVIGABLE_ORIENTATIONS, t as NAVIGABLE_KEYS_ABSOLUTE, u as NAVIGABLE_SYMBOL } from "../../navigable.model-CrzJqKE7.mjs";
 export { NAVIGABLE_KEYS_ABSOLUTE, NAVIGABLE_KEYS_ACTIVATE, NAVIGABLE_KEYS_ALL, NAVIGABLE_KEYS_HORIZONTAL, NAVIGABLE_KEYS_NEXT, NAVIGABLE_KEYS_VERTICAL, NAVIGABLE_ORIENTATIONS, NAVIGABLE_ORIENTATION_HORIZONTAL, NAVIGABLE_ORIENTATION_VERTICAL, NAVIGABLE_SYMBOL, OuiNavigable, OuiNavigableActive, OuiNavigableCallback, OuiNavigableOptions, OuiNavigableOrientation, OuiNavigableState };

package/dist/js/internal/navigable/navigable.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/internal/navigable/navigable.model.ts
+// src/js/internal/navigable/navigable.model.ts
 const NAVIGABLE_KEYS_ABSOLUTE = /* @__PURE__ */ new Set(["End", "Home"]);
 const NAVIGABLE_KEYS_ACTIVATE = /* @__PURE__ */ new Set(["Enter", " "]);
 const NAVIGABLE_KEYS_HORIZONTAL = /* @__PURE__ */ new Set(["ArrowRight", "ArrowLeft"]);
@@ -14,5 +14,4 @@ const NAVIGABLE_ORIENTATION_HORIZONTAL = "horizontal";
 const NAVIGABLE_ORIENTATION_VERTICAL = "vertical";
 const NAVIGABLE_ORIENTATIONS = /* @__PURE__ */ new Set([NAVIGABLE_ORIENTATION_HORIZONTAL, NAVIGABLE_ORIENTATION_VERTICAL]);
 const NAVIGABLE_SYMBOL = Symbol("oui-navigable");
-//#endregion
 export { NAVIGABLE_KEYS_ABSOLUTE, NAVIGABLE_KEYS_ACTIVATE, NAVIGABLE_KEYS_ALL, NAVIGABLE_KEYS_HORIZONTAL, NAVIGABLE_KEYS_NEXT, NAVIGABLE_KEYS_VERTICAL, NAVIGABLE_ORIENTATIONS, NAVIGABLE_ORIENTATION_HORIZONTAL, NAVIGABLE_ORIENTATION_VERTICAL, NAVIGABLE_SYMBOL };

package/dist/js/internal/option-list/option-list.constants.d.mts

@@ -1,8 +1,6 @@
-import { _ as OptionListType } from "../../option-list.model-CCPUlPeX.mjs";
-//#region src/js/internal/option-list/option-list.constants.d.ts
+import { S as OptionListType } from "../../option-list.model-DNZq-X0d.mjs";
 export declare const OPTION_LIST_KEYS_ACTIVATION: Set<string>;
-export declare const LISTBOX_KEYS_NAVIGATION: Set<string>;
+export declare const OPTION_LIST_KEYS_NAVIGATION: Set<string>;
 export declare const OPTION_LIST_KEYS_SELECTION: Set<string>;
 export declare const OPTION_LIST_TYPES: Set<OptionListType>;
-export declare const optionListScrollOptions: ScrollIntoViewOptions;
-//#endregion
+export declare const optionListScrollOptions: ScrollIntoViewOptions;

package/dist/js/internal/option-list/option-list.constants.mjs

@@ -1,11 +1,11 @@
-//#region src/js/internal/option-list/option-list.constants.ts
+// src/js/internal/option-list/option-list.constants.ts
 const OPTION_LIST_KEYS_ACTIVATION = /* @__PURE__ */ new Set([
 	" ",
 	"Backspace",
 	"Delete",
 	"Enter"
 ]);
-const LISTBOX_KEYS_NAVIGATION = /* @__PURE__ */ new Set([
+const OPTION_LIST_KEYS_NAVIGATION = /* @__PURE__ */ new Set([
 	"ArrowDown",
 	"ArrowUp",
 	"PageDown",
@@ -18,5 +18,4 @@ const optionListScrollOptions = {
 	block: "nearest",
 	inline: "nearest"
 };
-//#endregion
-export { LISTBOX_KEYS_NAVIGATION, OPTION_LIST_KEYS_ACTIVATION, OPTION_LIST_KEYS_SELECTION, OPTION_LIST_TYPES, optionListScrollOptions };
+export { OPTION_LIST_KEYS_ACTIVATION, OPTION_LIST_KEYS_NAVIGATION, OPTION_LIST_KEYS_SELECTION, OPTION_LIST_TYPES, optionListScrollOptions };

package/dist/js/internal/option-list/option-list.data.d.mts

@@ -1,7 +1,6 @@
-import { _ as OuiLocalizationsValues } from "../../l10n.model-D1E1u35L.mjs";
-import { g as OptionListState } from "../../option-list.model-CCPUlPeX.mjs";
+import { _ as OuiLocalizationsValues } from "../../l10n.model-DxwLXnFl.mjs";
+import { x as OptionListState } from "../../option-list.model-DNZq-X0d.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/option-list/option-list.data.d.ts
 type ApplySelectionParameters<State extends PlainObject, Localizations extends OuiLocalizationsValues> = {
   added: boolean;
   emit?: boolean;
@@ -18,5 +17,4 @@ export declare function filterOptionListOptions<State extends PlainObject, Local
 export declare function setOptionListValue<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: unknown, emit?: boolean): void;
 export declare function setOptionListValues<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: unknown[], emit?: boolean): void;
 export declare function toggleOptionListOption<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, option?: HTMLElement): void;
-//#endregion
 export {};

package/dist/js/internal/option-list/option-list.data.mjs

@@ -1 +1 @@
-export { t as applyOptionListSelection, n as filterOptionList, r as filterOptionListOption, i as filterOptionListOptions, a as setOptionListValue, o as setOptionListValues, s as toggleOptionListOption } from "../../option-list.data-CgMyUwPc.mjs";
+export { t as applyOptionListSelection, n as filterOptionList, r as filterOptionListOption, i as filterOptionListOptions, a as setOptionListValue, o as setOptionListValues, s as toggleOptionListOption } from "../../option-list.data-Be6wopy9.mjs";

package/dist/js/internal/option-list/option-list.dom.d.mts

@@ -1,7 +1,6 @@
-import { _ as OuiLocalizationsValues } from "../../l10n.model-D1E1u35L.mjs";
-import { a as CreateOptionListList, f as OptionListGroup, g as OptionListState, h as OptionListPreview, i as CreateOptionListGroupParameters, n as CreateOptionListContentParameters, o as CreateOptionListOptionParameters, r as CreateOptionListFilter, s as CreateOptionListOptionsParameters, t as CreateOptionListContent } from "../../option-list.model-CCPUlPeX.mjs";
+import { _ as OuiLocalizationsValues } from "../../l10n.model-DxwLXnFl.mjs";
+import { _ as OptionListGroup, a as CreateOptionListList, b as OptionListPreview, i as CreateOptionListGroupParameters, n as CreateOptionListContentParameters, o as CreateOptionListOptionParameters, r as CreateOptionListFilter, s as CreateOptionListOptionsParameters, t as CreateOptionListContent, x as OptionListState } from "../../option-list.model-DNZq-X0d.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/option-list/option-list.dom.d.ts
 export declare function createOptionListContent(parameters: CreateOptionListContentParameters): CreateOptionListContent;
 export declare function createOptionListFilter(parameters: CreateOptionListContentParameters): CreateOptionListFilter | undefined;
 export declare function createOptionListGroup(parameters: CreateOptionListGroupParameters): OptionListGroup;
@@ -14,5 +13,4 @@ export declare function createOptionListOptions(parameters: CreateOptionListOpti
 export declare function createOptionListValueLabel(id: string): HTMLSpanElement;
 export declare function updateOptionListMessage<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>): void;
 export declare function updateOptionListPreview<State extends PlainObject, Localizations extends OuiLocalizationsValues>(preview: OptionListPreview, state: OptionListState<State, Localizations>, active?: HTMLElement, scroll?: boolean): void;
-export declare function updateOptionListValueLabel<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>): void;
-//#endregion
+export declare function updateOptionListValueLabel<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>): void;

package/dist/js/internal/option-list/option-list.dom.mjs

@@ -1 +1 @@
-export { c as createOptionListContent, l as createOptionListFilter, u as createOptionListGroup, d as createOptionListHeader, f as createOptionListInput, p as createOptionListList, m as createOptionListMessage, h as createOptionListOption, g as createOptionListOptions, _ as createOptionListValueLabel, v as updateOptionListMessage, y as updateOptionListPreview, b as updateOptionListValueLabel } from "../../option-list.data-CgMyUwPc.mjs";
+export { c as createOptionListContent, l as createOptionListFilter, u as createOptionListGroup, d as createOptionListHeader, f as createOptionListInput, p as createOptionListList, m as createOptionListMessage, h as createOptionListOption, g as createOptionListOptions, _ as createOptionListValueLabel, v as updateOptionListMessage, y as updateOptionListPreview, b as updateOptionListValueLabel } from "../../option-list.data-Be6wopy9.mjs";

package/dist/js/internal/option-list/option-list.event.d.mts

@@ -1,6 +1,4 @@
-import { _ as OuiLocalizationsValues } from "../../l10n.model-D1E1u35L.mjs";
-import { g as OptionListState } from "../../option-list.model-CCPUlPeX.mjs";
+import { _ as OuiLocalizationsValues } from "../../l10n.model-DxwLXnFl.mjs";
+import { x as OptionListState } from "../../option-list.model-DNZq-X0d.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/option-list/option-list.event.d.ts
-export declare function processOptionListKeydown<State extends PlainObject, Localizations extends OuiLocalizationsValues>(event: KeyboardEvent, state: OptionListState<State, Localizations>): void;
-//#endregion
+export declare function processOptionListKeydown<State extends PlainObject, Localizations extends OuiLocalizationsValues>(event: KeyboardEvent, state: OptionListState<State, Localizations>): void;

package/dist/js/internal/option-list/option-list.event.mjs

@@ -1,7 +1,7 @@
-import { LISTBOX_KEYS_NAVIGATION, OPTION_LIST_KEYS_SELECTION } from "./option-list.constants.mjs";
-import { S as getOptionListVisibleOptions } from "../../option-list.data-CgMyUwPc.mjs";
+import { OPTION_LIST_KEYS_NAVIGATION, OPTION_LIST_KEYS_SELECTION } from "./option-list.constants.mjs";
+import { S as getOptionListVisibleOptions } from "../../option-list.data-Be6wopy9.mjs";
 import { clamp } from "@oscarpalmer/atoms/number";
-//#region src/js/internal/option-list/option-list.event.ts
+// src/js/internal/option-list/option-list.event.ts
 function processOptionListKeydown(event, state) {
 	const { component, form } = state;
 	const { callbacks, disabled, readonly, type } = component;
@@ -25,7 +25,7 @@ function processOptionListKeydown(event, state) {
 		case !isSelect && OPTION_LIST_KEYS_SELECTION.has(event.key):
 			if (!ignore) callbacks.keydown.onSelection?.(state);
 			break;
-		case LISTBOX_KEYS_NAVIGATION.has(event.key):
+		case OPTION_LIST_KEYS_NAVIGATION.has(event.key):
 			if (!disabled) onNavigation(event, state);
 			break;
 		default:
@@ -62,5 +62,4 @@ function onNavigation(event, state) {
 	else preview = "none";
 	callbacks.keydown.onNavigation(preview, state, next ?? active ?? visible[0]);
 }
-//#endregion
 export { processOptionListKeydown };

package/dist/js/internal/option-list/option-list.form.d.mts

@@ -1,7 +1,5 @@
-import { _ as OuiLocalizationsValues } from "../../l10n.model-D1E1u35L.mjs";
-import { g as OptionListState } from "../../option-list.model-CCPUlPeX.mjs";
+import { _ as OuiLocalizationsValues } from "../../l10n.model-DxwLXnFl.mjs";
+import { x as OptionListState } from "../../option-list.model-DNZq-X0d.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/option-list/option-list.form.d.ts
 export declare function updateOptionListForm<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, values: string[], emit?: boolean): void;
-export declare function updateOptionListValidity<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>): void;
-//#endregion
+export declare function updateOptionListValidity<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>): void;

package/dist/js/internal/option-list/option-list.form.mjs

@@ -1,5 +1,5 @@
 import { dispatch } from "@oscarpalmer/toretto/event";
-//#region src/js/internal/option-list/option-list.form.ts
+// src/js/internal/option-list/option-list.form.ts
 function updateOptionListForm(state, values, emit) {
 	const { component, form } = state;
 	const { callbacks, host, multiple, name } = component;
@@ -13,7 +13,7 @@ function updateOptionListForm(state, values, emit) {
 	form.internals.setFormValue(value, JSON.stringify(values));
 	callbacks.data.onForm(state);
 	updateOptionListValidity(state);
-	if (emit ?? true) dispatch(host, "oui:change");
+	if (emit ?? true) dispatch(host, "change");
 }
 function updateOptionListValidity(state) {
 	const { component, form } = state;
@@ -49,5 +49,4 @@ function updateOptionListValidity(state) {
 	form.internals.setValidity(error == null ? {} : { [error]: true }, message);
 	form.internals.checkValidity();
 }
-//#endregion
 export { updateOptionListForm, updateOptionListValidity };

package/dist/js/internal/option-list/option-list.misc.d.mts

@@ -1,7 +1,6 @@
-import { _ as OuiLocalizationsValues } from "../../l10n.model-D1E1u35L.mjs";
-import { g as OptionListState } from "../../option-list.model-CCPUlPeX.mjs";
+import { _ as OuiLocalizationsValues } from "../../l10n.model-DxwLXnFl.mjs";
+import { x as OptionListState } from "../../option-list.model-DNZq-X0d.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/option-list/option-list.misc.d.ts
 export declare function generateOptionListIds(prefix: string, select: HTMLSelectElement): void;
 export declare function getOptionListVisibleOptions<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>): Element[];
 export declare function setOptionListDisabled<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: boolean): void;
@@ -9,5 +8,4 @@ export declare function setOptionListFilter<State extends PlainObject, Localizat
 export declare function setOptionListLimit<State extends PlainObject, Localizations extends OuiLocalizationsValues>(type: "max" | "min", state: OptionListState<State, Localizations>, value?: unknown): void;
 export declare function setOptionListMultiple(element: Element, value: boolean): void;
 export declare function setOptionListReadonly<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: boolean): void;
-export declare function setOptionListRequired<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: boolean): void;
-//#endregion
+export declare function setOptionListRequired<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: boolean): void;

package/dist/js/internal/option-list/option-list.misc.mjs

@@ -1 +1 @@
-export { x as generateOptionListIds, S as getOptionListVisibleOptions, C as setOptionListDisabled, w as setOptionListFilter, T as setOptionListLimit, E as setOptionListMultiple, D as setOptionListReadonly, O as setOptionListRequired } from "../../option-list.data-CgMyUwPc.mjs";
+export { x as generateOptionListIds, S as getOptionListVisibleOptions, C as setOptionListDisabled, w as setOptionListFilter, T as setOptionListLimit, E as setOptionListMultiple, D as setOptionListReadonly, O as setOptionListRequired } from "../../option-list.data-Be6wopy9.mjs";

package/dist/js/internal/option-list/option-list.model.d.mts

@@ -1,2 +1,2 @@
-import { _ as OptionListType, a as CreateOptionListList, c as OptionListAttributes, d as OptionListCallbacks, f as OptionListGroup, g as OptionListState, h as OptionListPreview, i as CreateOptionListGroupParameters, l as OptionListAutoComplete, m as OptionListOptions, n as CreateOptionListContentParameters, o as CreateOptionListOptionParameters, p as OptionListLocalizationValues, r as CreateOptionListFilter, s as CreateOptionListOptionsParameters, t as CreateOptionListContent, u as OptionListAutoCompleteType } from "../../option-list.model-CCPUlPeX.mjs";
-export { CreateOptionListContent, CreateOptionListContentParameters, CreateOptionListFilter, CreateOptionListGroupParameters, CreateOptionListList, CreateOptionListOptionParameters, CreateOptionListOptionsParameters, OptionListAttributes, OptionListAutoComplete, OptionListAutoCompleteType, OptionListCallbacks, OptionListGroup, OptionListLocalizationValues, OptionListOptions, OptionListPreview, OptionListState, OptionListType };
+import { S as OptionListType, _ as OptionListGroup, a as CreateOptionListList, b as OptionListPreview, c as OPTION_LIST_PREVIEW_NONE, d as OPTION_LIST_TYPE_AUTOCOMPLETE, f as OPTION_LIST_TYPE_SELECT, g as OptionListCallbacks, h as OptionListAutoCompleteType, i as CreateOptionListGroupParameters, l as OPTION_LIST_PREVIEW_SET, m as OptionListAutoComplete, n as CreateOptionListContentParameters, o as CreateOptionListOptionParameters, p as OptionListAttributes, r as CreateOptionListFilter, s as CreateOptionListOptionsParameters, t as CreateOptionListContent, u as OPTION_LIST_PREVIEW_TYPED, v as OptionListLocalizationValues, x as OptionListState, y as OptionListOptions } from "../../option-list.model-DNZq-X0d.mjs";
+export { CreateOptionListContent, CreateOptionListContentParameters, CreateOptionListFilter, CreateOptionListGroupParameters, CreateOptionListList, CreateOptionListOptionParameters, CreateOptionListOptionsParameters, OPTION_LIST_PREVIEW_NONE, OPTION_LIST_PREVIEW_SET, OPTION_LIST_PREVIEW_TYPED, OPTION_LIST_TYPE_AUTOCOMPLETE, OPTION_LIST_TYPE_SELECT, OptionListAttributes, OptionListAutoComplete, OptionListAutoCompleteType, OptionListCallbacks, OptionListGroup, OptionListLocalizationValues, OptionListOptions, OptionListPreview, OptionListState, OptionListType };

package/dist/js/internal/option-list/option-list.model.mjs

@@ -1 +1,7 @@
-export {};
+// src/js/internal/option-list/option-list.model.ts
+const OPTION_LIST_PREVIEW_NONE = "none";
+const OPTION_LIST_PREVIEW_SET = "set";
+const OPTION_LIST_PREVIEW_TYPED = "typed";
+const OPTION_LIST_TYPE_AUTOCOMPLETE = "autocomplete";
+const OPTION_LIST_TYPE_SELECT = "select";
+export { OPTION_LIST_PREVIEW_NONE, OPTION_LIST_PREVIEW_SET, OPTION_LIST_PREVIEW_TYPED, OPTION_LIST_TYPE_AUTOCOMPLETE, OPTION_LIST_TYPE_SELECT };

package/dist/js/internal/option-list/option-list.state.d.mts

@@ -1,8 +1,6 @@
-import { _ as OuiLocalizationsValues } from "../../l10n.model-D1E1u35L.mjs";
-import { g as OptionListState } from "../../option-list.model-CCPUlPeX.mjs";
+import { _ as OuiLocalizationsValues } from "../../l10n.model-DxwLXnFl.mjs";
+import { x as OptionListState } from "../../option-list.model-DNZq-X0d.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/option-list/option-list.state.d.ts
 export declare function attachOptionList<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, set: Set<OptionListState<State, Localizations>>, onAttach: (state: OptionListState<State, Localizations>) => void): void;
 export declare function detachOptionList<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, set: Set<OptionListState<State, Localizations>>, onDetach: (state: OptionListState<State, Localizations>) => void): void;
-export declare function initializeOptionListState<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, set: Set<OptionListState<State, Localizations>>, onAttach: (state: OptionListState<State, Localizations>) => void): OptionListState<State, Localizations>;
-//#endregion
+export declare function initializeOptionListState<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, set: Set<OptionListState<State, Localizations>>, onAttach: (state: OptionListState<State, Localizations>) => void): OptionListState<State, Localizations>;

package/dist/js/internal/option-list/option-list.state.mjs

@@ -1,7 +1,7 @@
+import { C as setOptionListDisabled, D as setOptionListReadonly, E as setOptionListMultiple, O as setOptionListRequired, T as setOptionListLimit, b as updateOptionListValueLabel, i as filterOptionListOptions, v as updateOptionListMessage, y as updateOptionListPreview } from "../../option-list.data-Be6wopy9.mjs";
 import { updateOptionListForm } from "./option-list.form.mjs";
-import { C as setOptionListDisabled, D as setOptionListReadonly, E as setOptionListMultiple, O as setOptionListRequired, T as setOptionListLimit, b as updateOptionListValueLabel, i as filterOptionListOptions, v as updateOptionListMessage, y as updateOptionListPreview } from "../../option-list.data-CgMyUwPc.mjs";
 import { getAttribute } from "@oscarpalmer/toretto/attribute";
-//#region src/js/internal/option-list/option-list.state.ts
+// src/js/internal/option-list/option-list.state.ts
 function attachOptionList(state, set, onAttach) {
 	const { filter, id, label } = state.component;
 	label.element.htmlFor = filter.element.id;
@@ -35,5 +35,4 @@ function initializeOptionListState(state, set, onAttach) {
 	if (component.options.selected.length > 0) updateOptionListPreview("none", state, component.options.selected[0], false);
 	return state;
 }
-//#endregion
 export { attachOptionList, detachOptionList, initializeOptionListState };

package/dist/js/l10n/index.d.mts

@@ -1,3 +1,3 @@
-import { p as OuiLocalizations, u as OuiDefaultLocalizations } from "../l10n.model-D1E1u35L.mjs";
 import { createDefaultLocalizations, createLocalizations } from "../internal/l10n/index.mjs";
+import { p as OuiLocalizations, u as OuiDefaultLocalizations } from "../l10n.model-DxwLXnFl.mjs";
 export { type OuiDefaultLocalizations, type OuiLocalizations, createDefaultLocalizations, createLocalizations };

package/dist/js/{l10n.model-D1E1u35L.d.mts → l10n.model-DxwLXnFl.d.mts}

@@ -1,5 +1,4 @@
 import { GenericCallback } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/l10n/l10n.model.d.ts
 type OuiDefaultLocalizations<Localizations extends OuiLocalizationsValues> = {
   [L10N_SYMBOL]: OuiDefaultLocalizationsState<Localizations>;
   get keys(): Array<keyof Localizations>;
@@ -50,5 +49,4 @@ declare const L10N_MESSAGE_OBJECT_UPDATE = "Localizations update object must be
 declare const L10N_TYPE_DEFAULT: OuiLocalizationsType;
 declare const L10N_TYPE_INSTANCE: OuiLocalizationsType;
 declare const L10N_SYMBOL: unique symbol;
-//#endregion
 export { OuiLocalizationsValues as _, L10N_MESSAGE_OBJECT_CREATE as a, L10N_TYPE_DEFAULT as c, OuiDefaultLocalizationsState as d, OuiDefaultLocalizationsValues as f, OuiLocalizationsType as g, OuiLocalizationsState as h, L10N_MESSAGE_ITEM_UPDATE_VALUE as i, L10N_TYPE_INSTANCE as l, OuiLocalizationsParameters as m, L10N_MESSAGE_ITEM_CREATE as n, L10N_MESSAGE_OBJECT_UPDATE as o, OuiLocalizations as p, L10N_MESSAGE_ITEM_UPDATE_KEY as r, L10N_SYMBOL as s, L10N_MESSAGE_DEFAULT as t, OuiDefaultLocalizations as u };

package/dist/js/listbox/index.d.mts

@@ -1,8 +1,7 @@
-import { p as OuiLocalizations } from "../l10n.model-D1E1u35L.mjs";
-import { n as LISTBOX_TAGNAME, t as LISTBOX_SYMBOL } from "../listbox.constants-DOBMwKup.mjs";
-import { n as OuiListboxLocalizations, r as OuiListboxState } from "../listbox.model-C0MYWXZe.mjs";
-import { n as setListboxLocalizations } from "../listbox.misc-DwfB4Mu_.mjs";
-//#region src/js/listbox/index.d.ts
+import { p as OuiLocalizations } from "../l10n.model-DxwLXnFl.mjs";
+import { n as LISTBOX_TAGNAME, t as LISTBOX_SYMBOL } from "../listbox.constants-1yMPRl2C.mjs";
+import { n as OuiListboxLocalizations, r as OuiListboxState } from "../listbox.model-CUA_DaR9.mjs";
+import { n as setListboxLocalizations } from "../listbox.misc-CkW28nUS.mjs";
 declare global {
   interface HTMLElementTagNameMap {
     [LISTBOX_TAGNAME]: OuiListboxElement;
@@ -12,8 +11,8 @@ export interface OuiListboxElement {
   [LISTBOX_SYMBOL]: OuiListboxState;
 }
 export declare class OuiListboxElement extends HTMLElement {
-  static formAssociated: boolean;
-  static observedAttributes: string[];
+  static readonly formAssociated = true;
+  static readonly observedAttributes: string[];
   /**
    * Is the listbox disabled?
    */
@@ -141,5 +140,4 @@ export declare class OuiListboxElement extends HTMLElement {
    */
   setCustomValidity(message: string): void;
 }
-//#endregion
 export { setListboxLocalizations };

package/dist/js/listbox/index.mjs

@@ -1,10 +1,10 @@
-import { C as setOptionListDisabled, D as setOptionListReadonly, O as setOptionListRequired, T as setOptionListLimit, a as setOptionListValue, o as setOptionListValues, w as setOptionListFilter } from "../option-list.data-CgMyUwPc.mjs";
+import { C as setOptionListDisabled, D as setOptionListReadonly, O as setOptionListRequired, T as setOptionListLimit, a as setOptionListValue, o as setOptionListValues, w as setOptionListFilter } from "../option-list.data-Be6wopy9.mjs";
 import { attachOptionList, detachOptionList } from "../internal/option-list/option-list.state.mjs";
 import { LISTBOX_SYMBOL, LISTBOX_TAGNAME } from "./listbox.constants.mjs";
-import { a as onDetachListbox, i as onAttachListbox, r as listboxes, s as setListboxLocalizations, t as initializeListbox } from "../listbox.state-BrN296BM.mjs";
+import { a as onDetachListbox, i as onAttachListbox, r as listboxes, s as setListboxLocalizations, t as initializeListbox } from "../listbox.state-DO58GDqc.mjs";
 import { getAttribute } from "@oscarpalmer/toretto/attribute";
 import { parse } from "@oscarpalmer/atoms/string";
-//#region src/js/listbox/index.ts
+// src/js/listbox/index.ts
 var OuiListboxElement = class extends HTMLElement {
 	static formAssociated = true;
 	static observedAttributes = [
@@ -236,5 +236,4 @@ var OuiListboxElement = class extends HTMLElement {
 	}
 };
 customElements.define(LISTBOX_TAGNAME, OuiListboxElement);
-//#endregion
 export { OuiListboxElement, setListboxLocalizations };

package/dist/js/listbox/listbox.constants.d.mts

@@ -1,2 +1,2 @@
-import { a as listboxSelectors, i as listboxMessages, n as LISTBOX_TAGNAME, r as listboxAttributes, t as LISTBOX_SYMBOL } from "../listbox.constants-DOBMwKup.mjs";
+import { a as listboxSelectors, i as listboxMessages, n as LISTBOX_TAGNAME, r as listboxAttributes, t as LISTBOX_SYMBOL } from "../listbox.constants-1yMPRl2C.mjs";
 export { LISTBOX_SYMBOL, LISTBOX_TAGNAME, listboxAttributes, listboxMessages, listboxSelectors };

package/dist/js/listbox/listbox.constants.mjs

@@ -1,4 +1,4 @@
-//#region src/js/listbox/listbox.constants.ts
+// src/js/listbox/listbox.constants.ts
 const LISTBOX_TAGNAME = "oui-listbox";
 const LISTBOX_SYMBOL = Symbol(LISTBOX_TAGNAME);
 const attributeContent = `${LISTBOX_TAGNAME}-content`;
@@ -32,5 +32,4 @@ const listboxSelectors = {
 	filter: `[${attributeFilterInput}]`,
 	option: `[${attributeOption}]`
 };
-//#endregion
 export { LISTBOX_SYMBOL, LISTBOX_TAGNAME, listboxAttributes, listboxMessages, listboxSelectors };