@oscarpalmer/oui 0.41.0 → 0.43.0

package/dist/js/index.mjs

@@ -6,6 +6,7 @@ import { createFocusTrap } from "./focus-trap/focus-trap.embedded.mjs";
 import "./focus-trap/focus-trap.standalone.mjs";
 import { createMovable } from "./movable/movable.embedded.mjs";
 import "./movable/movable.standalone.mjs";
+import { OuiResizableEvent } from "./resizable/resizable.model.mjs";
 import { createResizable } from "./resizable/resizable.embedded.mjs";
 import "./resizable/resizable.standalone.mjs";
 import { createSortable } from "./sortable/sortable.embedded.mjs";
@@ -13,14 +14,15 @@ import "./sortable/sortable.standalone.mjs";
 import { OuiColorPickerEvent } from "./color-picker/color-picker.model.mjs";
 import { setColorPickerLocalizations } from "./color-picker/color-picker.misc.mjs";
 import { OuiColorPickerElement } from "./color-picker/index.mjs";
-import { D as setComboboxLocalizations } from "./combobox.state-AstCICiH.mjs";
+import { D as setComboboxLocalizations } from "./combobox.state-Bjt0dwe3.mjs";
 import { OuiComboboxElement } from "./combobox/index.mjs";
 import { getDialog } from "./dialog/index.mjs";
-import { s as setListboxLocalizations } from "./listbox.state-BrN296BM.mjs";
+import { OuiGridElement } from "./grid/index.mjs";
+import { s as setListboxLocalizations } from "./listbox.state-DO58GDqc.mjs";
 import { OuiListboxElement } from "./listbox/index.mjs";
 import { getPopover } from "./popover/index.mjs";
 import { OuiSplitterElement } from "./splitter/index.mjs";
 import { OuiTabsEvent } from "./tabs/tabs.model.mjs";
 import { OuiTabsElement } from "./tabs/index.mjs";
 import { getTooltip, setTooltipDelay } from "./tooltip/index.mjs";
-export { OuiColorPickerElement, OuiColorPickerEvent, OuiComboboxElement, OuiListboxElement, OuiSplitterElement, OuiTabsElement, OuiTabsEvent, createFloatable, createFocusTrap, createMovable, createResizable as createOuiResizable, createSortable, getDialog, getPopover, getTooltip, setColorPickerLocalizations, setComboboxLocalizations, setListboxLocalizations, setTooltipDelay };
+export { OuiColorPickerElement, OuiColorPickerEvent, OuiComboboxElement, OuiGridElement, OuiListboxElement, OuiResizableEvent, OuiSplitterElement, OuiTabsElement, OuiTabsEvent, createFloatable, createFocusTrap, createMovable, createResizable as createOuiResizable, createSortable, getDialog, getPopover, getTooltip, setColorPickerLocalizations, setComboboxLocalizations, setListboxLocalizations, setTooltipDelay };

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

@@ -1,3 +1 @@
-//#region src/js/internal/attributable.d.ts
-export declare function attributable(attribute: string, add: (element: Element) => void, remove: (element: Element) => void): void;
-//#endregion
+export declare function attributable(attribute: string, add: (element: Element) => void, remove: (element: Element) => void): void;

package/dist/js/internal/attributable.mjs

@@ -1,5 +1,5 @@
 import { filter } from "@oscarpalmer/atoms/array/filter";
-//#region src/js/internal/attributable.ts
+// src/js/internal/attributable.ts
 function attributable(attribute, add, remove) {
 	new MutationObserver((entries) => {
 		const { length } = entries;
@@ -7,7 +7,7 @@ function attributable(attribute, add, remove) {
 			const entry = entries[index];
 			if (entry.type === "attributes" && entry.target instanceof Element) {
 				if (entry.target.hasAttribute(attribute)) handleAdded(attribute, [entry.target], add);
-				else handleRemoved([entry.target], remove);
+				else remove(entry.target);
 			} else if (entry.type === "childList") {
 				handleAdded(attribute, entry.addedNodes, add);
 				handleRemoved(entry.removedNodes, remove);
@@ -37,9 +37,9 @@ function handleRemoved(nodes, remove) {
 	const { length } = elements;
 	for (let index = 0; index < length; index += 1) {
 		const element = elements[index];
+		if (element.isConnected) continue;
 		remove(element);
 		if (element.hasChildNodes()) handleRemoved(element.childNodes, remove);
 	}
 }
-//#endregion
 export { attributable };

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

@@ -1,2 +1,2 @@
-import { A as OuiDraggableGlobals, B as OuiDraggableOptionsDrag, C as OuiDragCancel, D as OuiDraggable, E as OuiDragMovePosition, F as OuiDraggableOptionsContainer, G as OuiDraggableStates, H as OuiDraggableOptionsPositionGetOffset, I as OuiDraggableOptionsContainerOnDestroy, J as draggableHorizontals, K as draggableContainers, L as OuiDraggableOptionsContainerOnInitialize, M as OuiDraggableInstances, N as OuiDraggableItem, O as OuiDraggableBound, P as OuiDraggableOptions, Q as draggableVerticals, R as OuiDraggableOptionsDirection, S as OuiDragBegin, T as OuiDragMove, U as OuiDraggableOptionsPositionGetOriginal, V as OuiDraggableOptionsPosition, W as OuiDraggableState, X as draggableStyleToggler, Y as draggableProperties, Z as draggableStyles, _ as DRAGGABLE_SELECTOR, b as DRAGGABLE_SELECTOR_SORTABLE_ITEM, g as DRAGGABLE_KEY_ESCAPE, h as DRAGGABLE_ATTRIBUTE_SORTABLE, j as OuiDraggableGlobalsElement, k as OuiDraggableDirection, m as DRAGGABLE_ATTRIBUTE_MOVABLE, p as CreateOuiDraggableOptions, q as draggableGlobals, v as DRAGGABLE_SELECTOR_MOVABLE_HANDLE, w as OuiDragEnd, x as DRAGGABLE_SYMBOL, y as DRAGGABLE_SELECTOR_SORTABLE_HANDLE, z as OuiDraggableOptionsDirectionOnAfter } from "../../movable.model-D9nnPWKk.mjs";
-export { CreateOuiDraggableOptions, DRAGGABLE_ATTRIBUTE_MOVABLE, DRAGGABLE_ATTRIBUTE_SORTABLE, DRAGGABLE_KEY_ESCAPE, DRAGGABLE_SELECTOR, DRAGGABLE_SELECTOR_MOVABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_ITEM, DRAGGABLE_SYMBOL, OuiDragBegin, OuiDragCancel, OuiDragEnd, OuiDragMove, OuiDragMovePosition, OuiDraggable, OuiDraggableBound, OuiDraggableDirection, OuiDraggableGlobals, OuiDraggableGlobalsElement, OuiDraggableInstances, OuiDraggableItem, OuiDraggableOptions, OuiDraggableOptionsContainer, OuiDraggableOptionsContainerOnDestroy, OuiDraggableOptionsContainerOnInitialize, OuiDraggableOptionsDirection, OuiDraggableOptionsDirectionOnAfter, OuiDraggableOptionsDrag, OuiDraggableOptionsPosition, OuiDraggableOptionsPositionGetOffset, OuiDraggableOptionsPositionGetOriginal, OuiDraggableState, OuiDraggableStates, draggableContainers, draggableGlobals, draggableHorizontals, draggableProperties, draggableStyleToggler, draggableStyles, draggableVerticals };
+import { $ as draggableStyleToggler, A as OuiDraggableDirection, B as OuiDraggableOptionsContainerOnInitialize, C as OuiDragBegin, D as OuiDragMovePosition, E as OuiDragMove, F as OuiDraggableInstances, G as OuiDraggableOptionsPositionGetOffset, H as OuiDraggableOptionsDirectionOnAfter, I as OuiDraggableItem, J as OuiDraggableStates, K as OuiDraggableOptionsPositionGetOriginal, L as OuiDraggableOptions, M as OuiDraggableEventDetail, N as OuiDraggableGlobals, O as OuiDraggable, P as OuiDraggableGlobalsElement, Q as draggableProperties, R as OuiDraggableOptionsContainer, S as DRAGGABLE_SYMBOL, T as OuiDragEnd, U as OuiDraggableOptionsDrag, V as OuiDraggableOptionsDirection, W as OuiDraggableOptionsPosition, X as draggableGlobals, Y as draggableContainers, Z as draggableHorizontals, _ as DRAGGABLE_KEY_ESCAPE, b as DRAGGABLE_SELECTOR_SORTABLE_HANDLE, et as draggableStyles, g as DRAGGABLE_ATTRIBUTE_SORTABLE, h as DRAGGABLE_ATTRIBUTE_MOVABLE, j as OuiDraggableEvent, k as OuiDraggableBound, m as CreateOuiDraggableOptions, q as OuiDraggableState, tt as draggableVerticals, v as DRAGGABLE_SELECTOR, w as OuiDragCancel, x as DRAGGABLE_SELECTOR_SORTABLE_ITEM, y as DRAGGABLE_SELECTOR_MOVABLE_HANDLE, z as OuiDraggableOptionsContainerOnDestroy } from "../../movable.model-CQ3AbTrq.mjs";
+export { CreateOuiDraggableOptions, DRAGGABLE_ATTRIBUTE_MOVABLE, DRAGGABLE_ATTRIBUTE_SORTABLE, DRAGGABLE_KEY_ESCAPE, DRAGGABLE_SELECTOR, DRAGGABLE_SELECTOR_MOVABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_ITEM, DRAGGABLE_SYMBOL, OuiDragBegin, OuiDragCancel, OuiDragEnd, OuiDragMove, OuiDragMovePosition, OuiDraggable, OuiDraggableBound, OuiDraggableDirection, OuiDraggableEvent, OuiDraggableEventDetail, OuiDraggableGlobals, OuiDraggableGlobalsElement, OuiDraggableInstances, OuiDraggableItem, OuiDraggableOptions, OuiDraggableOptionsContainer, OuiDraggableOptionsContainerOnDestroy, OuiDraggableOptionsContainerOnInitialize, OuiDraggableOptionsDirection, OuiDraggableOptionsDirectionOnAfter, OuiDraggableOptionsDrag, OuiDraggableOptionsPosition, OuiDraggableOptionsPositionGetOffset, OuiDraggableOptionsPositionGetOriginal, OuiDraggableState, OuiDraggableStates, draggableContainers, draggableGlobals, draggableHorizontals, draggableProperties, draggableStyleToggler, draggableStyles, draggableVerticals };

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

@@ -1,5 +1,6 @@
 import { toggleStyles } from "@oscarpalmer/toretto/style";
-//#region src/js/internal/draggable/draggable.model.ts
+// src/js/internal/draggable/draggable.model.ts
+var OuiDraggableEvent = class extends CustomEvent {};
 const DRAGGABLE_ATTRIBUTE_MOVABLE = "oui-movable";
 const DRAGGABLE_ATTRIBUTE_SORTABLE = "oui-sortable";
 const DRAGGABLE_KEY_ESCAPE = "Escape";
@@ -33,5 +34,4 @@ const draggableStyles = {
 };
 const draggableStyleToggler = toggleStyles(document.body, draggableStyles);
 const draggableVerticals = /* @__PURE__ */ new Set(["vertical", "y"]);
-//#endregion
-export { DRAGGABLE_ATTRIBUTE_MOVABLE, DRAGGABLE_ATTRIBUTE_SORTABLE, DRAGGABLE_KEY_ESCAPE, DRAGGABLE_SELECTOR, DRAGGABLE_SELECTOR_MOVABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_ITEM, DRAGGABLE_SYMBOL, draggableContainers, draggableGlobals, draggableHorizontals, draggableProperties, draggableStyleToggler, draggableStyles, draggableVerticals };
+export { DRAGGABLE_ATTRIBUTE_MOVABLE, DRAGGABLE_ATTRIBUTE_SORTABLE, DRAGGABLE_KEY_ESCAPE, DRAGGABLE_SELECTOR, DRAGGABLE_SELECTOR_MOVABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_HANDLE, DRAGGABLE_SELECTOR_SORTABLE_ITEM, DRAGGABLE_SYMBOL, OuiDraggableEvent, draggableContainers, draggableGlobals, draggableHorizontals, draggableProperties, draggableStyleToggler, draggableStyles, draggableVerticals };

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

@@ -1,6 +1,5 @@
-import { D as OuiDraggable, G as OuiDraggableStates, M as OuiDraggableInstances, O as OuiDraggableBound, P as OuiDraggableOptions, W as OuiDraggableState, p as CreateOuiDraggableOptions } from "../../movable.model-D9nnPWKk.mjs";
+import { F as OuiDraggableInstances, J as OuiDraggableStates, L as OuiDraggableOptions, O as OuiDraggable, k as OuiDraggableBound, m as CreateOuiDraggableOptions, q as OuiDraggableState } from "../../movable.model-CQ3AbTrq.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
-//#region src/js/internal/draggable/index.d.ts
 export declare function addDraggable<Property extends keyof OuiDraggableInstances, Instance extends OuiDraggableInstances[Property]>(this: OuiDraggableBound<Property, Instance>, element: Element, options?: CreateOuiDraggableOptions): Instance;
 export declare function destroyDraggable<ExtraState extends PlainObject>(draggable: OuiDraggable<ExtraState>): void;
 export declare function getDraggableStates(element: Element): OuiDraggableStates | undefined;
@@ -9,5 +8,4 @@ export declare function initializeDraggable<ExtraState extends PlainObject>(drag
 export declare function removeDraggable<Property extends keyof OuiDraggableInstances, Instance extends OuiDraggableInstances[Property]>(this: {
   constructor: new (element: Element) => Instance;
   property: Property;
-}, element: Element): void;
-//#endregion
+}, element: Element): void;

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,4 +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,2 +1 @@
-import { a as setOptionListValue, i as filterOptionListOptions, n as filterOptionList, o as setOptionListValues, r as filterOptionListOption, s as toggleOptionListOption, t as applyOptionListSelection } from "../../option-list.data-CgMyUwPc.mjs";
-export { applyOptionListSelection, filterOptionList, filterOptionListOption, filterOptionListOptions, setOptionListValue, setOptionListValues, toggleOptionListOption };
+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,2 +1 @@
-import { _ as createOptionListValueLabel, b as updateOptionListValueLabel, c as createOptionListContent, d as createOptionListHeader, f as createOptionListInput, g as createOptionListOptions, h as createOptionListOption, l as createOptionListFilter, m as createOptionListMessage, p as createOptionListList, u as createOptionListGroup, v as updateOptionListMessage, y as updateOptionListPreview } from "../../option-list.data-CgMyUwPc.mjs";
-export { createOptionListContent, createOptionListFilter, createOptionListGroup, createOptionListHeader, createOptionListInput, createOptionListList, createOptionListMessage, createOptionListOption, createOptionListOptions, createOptionListValueLabel, updateOptionListMessage, updateOptionListPreview, updateOptionListValueLabel };
+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,2 +1 @@
-import { C as setOptionListDisabled, D as setOptionListReadonly, E as setOptionListMultiple, O as setOptionListRequired, S as getOptionListVisibleOptions, T as setOptionListLimit, w as setOptionListFilter, x as generateOptionListIds } from "../../option-list.data-CgMyUwPc.mjs";
-export { generateOptionListIds, getOptionListVisibleOptions, setOptionListDisabled, setOptionListFilter, setOptionListLimit, setOptionListMultiple, setOptionListReadonly, setOptionListRequired };
+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 };