@oscarpalmer/oui 0.34.0 → 0.36.0

package/dist/js/combobox/index.mjs

@@ -1,5 +1,8 @@
+import { updateLocalizations } from "../l10n.mjs";
+import { C as setListboxDisabled, D as setListboxReadonly, O as setListboxRequired, T as setListboxLimit, a as setListboxValue, o as setListboxValues, w as setListboxFilter } from "../listbox.data-BWd0PCy7.mjs";
+import { attachListbox, detachListbox } from "../internal/listbox/listbox.state.mjs";
 import { COMBOBOX_TAGNAME } from "./constants.combobox.mjs";
-import { C as setComboboxRequired, F as setComboboxLocalizations, G as setComboboxLimit, I as updateComboboxLocalizations, S as setComboboxReadonly, W as setComboboxFilter, a as setComboboxValues, at as attachCombobox, ct as detachCombobox, i as setComboboxValue, st as createComboboxState, x as setComboboxDisabled } from "../data.combobox-8RwBv5ey.mjs";
+import { D as setComboboxLocalizations, a as onDetachCombobox, i as onAttachCombobox, n as comboboxStates, r as createComboboxState } from "../state.combobox-4xq0FPCF.mjs";
 import { getAttribute } from "@oscarpalmer/toretto/attribute";
 import { parse } from "@oscarpalmer/atoms/string";
 //#region src/js/combobox/index.ts
@@ -24,7 +27,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Should the combobox be disabled?
 	*/
 	set disabled(value) {
-		if (typeof value === "boolean" && value !== this.disabled) setComboboxDisabled(this.#state, value);
+		if (typeof value === "boolean" && value !== this.disabled) setListboxDisabled(this.#state, value);
 	}
 	/**
 	* Current filter value
@@ -36,7 +39,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the filter value
 	*/
 	set filter(value) {
-		setComboboxFilter(this.#state, value);
+		setListboxFilter(this.#state, value);
 	}
 	/**
 	* Maximum number of selected options
@@ -48,7 +51,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the maximum number of selected options
 	*/
 	set max(value) {
-		setComboboxLimit("max", this.#state, value);
+		setListboxLimit("max", this.#state, value);
 	}
 	/**
 	* Minimum number of selected options
@@ -60,7 +63,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the minimum number of selected options
 	*/
 	set min(value) {
-		setComboboxLimit("min", this.#state, value);
+		setListboxLimit("min", this.#state, value);
 	}
 	/**
 	* Does the combobox allow multiple values?
@@ -84,7 +87,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Should the combobox be readonly?
 	*/
 	set readonly(value) {
-		if (typeof value === "boolean" && value !== this.readonly) setComboboxReadonly(this.#state, value);
+		if (typeof value === "boolean" && value !== this.readonly) setListboxReadonly(this.#state, value);
 	}
 	/**
 	* Is the combobox required?
@@ -96,7 +99,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Should the combobox be required?
 	*/
 	set required(value) {
-		if (typeof value === "boolean" && value !== this.required) setComboboxRequired(this.#state, value);
+		if (typeof value === "boolean" && value !== this.required) setListboxRequired(this.#state, value);
 	}
 	/**
 	* Selected options
@@ -120,7 +123,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the value
 	*/
 	set value(value) {
-		setComboboxValue(this.#state, value);
+		setListboxValue(this.#state, value);
 	}
 	/**
 	* Current values
@@ -131,8 +134,8 @@ var OuiComboboxElement = class extends HTMLElement {
 	/**
 	* Set the values
 	*/
-	set values(value) {
-		setComboboxValues(this.#state, value);
+	set values(values) {
+		setListboxValues(this.#state, values);
 	}
 	constructor() {
 		super();
@@ -146,7 +149,7 @@ var OuiComboboxElement = class extends HTMLElement {
 				break;
 			case "max":
 			case "min":
-				setComboboxLimit(name, this.#state, value);
+				setListboxLimit(name, this.#state, value);
 				break;
 			case "value": this.value = value ?? "";
 		}
@@ -155,36 +158,36 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Clear all selected options
 	*/
 	clear() {
-		setComboboxValues(this.#state, []);
+		setListboxValues(this.#state, []);
 	}
 	connectedCallback() {
 		if (this.#state == null) this.#initialize();
-		else attachCombobox(this.#state);
+		else attachListbox(this.#state, comboboxStates, onAttachCombobox);
 	}
 	disconnectedCallback() {
-		if (this.#state != null) detachCombobox(this.#state);
+		if (this.#state != null) detachListbox(this.#state, comboboxStates, onDetachCombobox);
 	}
 	formDisabledCallback(disabled) {
 		this.disabled = disabled;
 	}
 	formResetCallback() {
-		setComboboxValues(this.#state, this.#state.values.initial, false);
+		setListboxValues(this.#state, this.#state.values.initial);
 	}
 	formStateRestoreCallback(state, reason) {
 		if (reason !== "restore") return;
 		const parsed = typeof state === "string" ? parse(state) : void 0;
 		if (!Array.isArray(parsed)) return;
 		if (this.#state == null) this.#restored = parsed;
-		else setComboboxValues(this.#state, parsed);
+		else setListboxValues(this.#state, parsed);
 	}
 	setLocalizations(first, second) {
-		updateComboboxLocalizations(typeof first === "string" ? { [first]: second } : first, this.#state.localizations);
+		updateLocalizations(this.#state.localizations.global, typeof first === "string" ? { [first]: second } : first, this.#state.localizations.component);
 	}
 	#initialize() {
 		this.tabIndex = -1;
 		this.#state = createComboboxState(this, this.#internals);
 		if (this.#restored != null) {
-			setComboboxValues(this.#state, this.#restored, false);
+			setListboxValues(this.#state, this.#restored);
 			this.#restored = void 0;
 		}
 	}

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

@@ -1,14 +1,2 @@
-import { E as OuiComboboxAutoComplete, I as OuiComboboxState, z as OuiComboboxElement } from "../constants.combobox-DqNUGBLS.mjs";
-import { AnyAriaBooleanAttribute } from "@oscarpalmer/toretto/models";
-//#region src/js/combobox/misc.combobox.d.ts
-declare function generateComboboxIds(prefix: string, select: HTMLSelectElement): void;
-declare function getComboboxAttributeValue<Value>(element: HTMLElement, attribute: string, possible: Set<Value>, defaultValue: Value): Value;
-declare function getComboboxAutoComplete(element: OuiComboboxElement, select: boolean): OuiComboboxAutoComplete;
-declare function getComboboxBooleanAria(element: HTMLElement, attribute: AnyAriaBooleanAttribute): boolean;
-declare function getComboboxId(): string;
-declare function getComboboxVisibleOptions(state: OuiComboboxState): HTMLElement[];
-declare function hasTextSelection(element: HTMLElement): element is HTMLInputElement;
-declare function setComboboxFilter(state: OuiComboboxState, value: unknown): void;
-declare function setComboboxLimit(type: 'max' | 'min', state: OuiComboboxState, value?: unknown): void;
-//#endregion
-export { generateComboboxIds, getComboboxAttributeValue, getComboboxAutoComplete, getComboboxBooleanAria, getComboboxId, getComboboxVisibleOptions, hasTextSelection, setComboboxFilter, setComboboxLimit };
+import { a as setComboboxLocalizations, i as hasTextSelection, n as getComboboxAutoComplete, o as updateComboboxLocalizations, r as getComboboxId } from "../index-EfkUSals.mjs";
+export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations, updateComboboxLocalizations };

package/dist/js/combobox/misc.combobox.mjs

@@ -1,2 +1,2 @@
-import { B as getComboboxBooleanAria, G as setComboboxLimit, H as getComboboxVisibleOptions, L as generateComboboxIds, R as getComboboxAttributeValue, U as hasTextSelection, V as getComboboxId, W as setComboboxFilter, z as getComboboxAutoComplete } from "../data.combobox-8RwBv5ey.mjs";
-export { generateComboboxIds, getComboboxAttributeValue, getComboboxAutoComplete, getComboboxBooleanAria, getComboboxId, getComboboxVisibleOptions, hasTextSelection, setComboboxFilter, setComboboxLimit };
+import { D as setComboboxLocalizations, E as hasTextSelection, O as updateComboboxLocalizations, T as getComboboxId, w as getComboboxAutoComplete } from "../state.combobox-4xq0FPCF.mjs";
+export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations, updateComboboxLocalizations };

package/dist/js/combobox/models.combobox.d.mts

@@ -1,2 +1,44 @@
-import { A as OuiComboboxLabel, D as OuiComboboxAutoCompleteType, E as OuiComboboxAutoComplete, F as OuiComboboxSelectionItem, I as OuiComboboxState, L as OuiComboboxType, M as OuiComboboxOptions, N as OuiComboboxPreview, O as OuiComboboxFilter, P as OuiComboboxSelection, R as OuiComboboxValues, T as OuiComboboxAnchor, j as OuiComboboxLocalizations, k as OuiComboboxGroup } from "../constants.combobox-DqNUGBLS.mjs";
-export { OuiComboboxAnchor, OuiComboboxAutoComplete, OuiComboboxAutoCompleteType, OuiComboboxFilter, OuiComboboxGroup, OuiComboboxLabel, OuiComboboxLocalizations, OuiComboboxOptions, OuiComboboxPreview, OuiComboboxSelection, OuiComboboxSelectionItem, OuiComboboxState, OuiComboboxType, OuiComboboxValues };
+import { d as OuiListboxType, l as OuiListboxState } from "../listbox.model-CRReGOmu.mjs";
+import { r as OuiFloatable } from "../floatable.embedded-Bct4U5Dm.mjs";
+//#region src/js/combobox/models.combobox.d.ts
+type OuiComboboxAnchor = {
+  container?: HTMLElement;
+  element: HTMLElement;
+};
+type OuiComboboxFilter = {
+  element: HTMLInputElement;
+  value: string;
+};
+type OuiComboboxGroup = {
+  element: HTMLElement;
+  header: HTMLElement;
+  options: HTMLElement[];
+};
+type OuiComboboxLabel = {
+  element: HTMLLabelElement;
+  id: string;
+};
+type OuiComboboxOptions = {
+  all: HTMLElement[];
+  selected: HTMLElement[];
+};
+type OuiComboboxSelection = {
+  container: HTMLElement;
+  items: OuiComboboxSelectionItem[];
+};
+type OuiComboboxSelectionItem = {
+  button: HTMLButtonElement;
+  element: HTMLElement;
+};
+type OuiComboboxState = {
+  anchor: OuiComboboxAnchor;
+  floatable: OuiFloatable;
+  selection?: OuiComboboxSelection;
+  type: OuiListboxType;
+} & OuiListboxState;
+type OuiComboboxValues = {
+  current: string[];
+  initial: string[];
+};
+//#endregion
+export { OuiComboboxAnchor, OuiComboboxFilter, OuiComboboxGroup, OuiComboboxLabel, OuiComboboxOptions, OuiComboboxSelection, OuiComboboxSelectionItem, OuiComboboxState, OuiComboboxValues };

package/dist/js/combobox/state.combobox.d.mts

@@ -1,11 +1,12 @@
-import { I as OuiComboboxState, z as OuiComboboxElement } from "../constants.combobox-DqNUGBLS.mjs";
+import { t as OuiLocalizations } from "../l10n-Bn-7RcwR.mjs";
+import { o as OuiListboxLocalizations, u as OuiListboxStates } from "../listbox.model-CRReGOmu.mjs";
+import { OuiComboboxState } from "./models.combobox.mjs";
+import { t as OuiComboboxElement } from "../index-EfkUSals.mjs";
 //#region src/js/combobox/state.combobox.d.ts
-declare function attachCombobox(state: OuiComboboxState): void;
 declare function createComboboxState(element: OuiComboboxElement, internals: ElementInternals): OuiComboboxState;
-declare function detachCombobox(state: OuiComboboxState): void;
-declare const comboboxStates: {
-  map: WeakMap<HTMLElement, OuiComboboxState>;
-  set: Set<OuiComboboxState>;
-};
+declare function onAttachCombobox(state: OuiComboboxState): void;
+declare function onDetachCombobox(state: OuiComboboxState): void;
+declare const comboboxLocalizations: OuiLocalizations<OuiListboxLocalizations>;
+declare const comboboxStates: OuiListboxStates<OuiComboboxState>;
 //#endregion
-export { attachCombobox, comboboxStates, createComboboxState, detachCombobox };
+export { comboboxLocalizations, comboboxStates, createComboboxState, onAttachCombobox, onDetachCombobox };

package/dist/js/combobox/state.combobox.mjs

@@ -1,2 +1,2 @@
-import { at as attachCombobox, ct as detachCombobox, ot as comboboxStates, st as createComboboxState } from "../data.combobox-8RwBv5ey.mjs";
-export { attachCombobox, comboboxStates, createComboboxState, detachCombobox };
+import { a as onDetachCombobox, i as onAttachCombobox, n as comboboxStates, r as createComboboxState, t as comboboxLocalizations } from "../state.combobox-4xq0FPCF.mjs";
+export { comboboxLocalizations, comboboxStates, createComboboxState, onAttachCombobox, onDetachCombobox };

package/dist/js/constants.combobox-DmRAMC64.d.mts

@@ -0,0 +1,26 @@
+import { r as OuiListboxAutoCompleteType, t as OuiListboxAttributes } from "./listbox.model-CRReGOmu.mjs";
+//#region src/js/combobox/constants.combobox.d.ts
+declare const COMBOBOX_TAGNAME = "oui-combobox";
+declare const COMBOBOX_ATTRIBUTE_ANCHOR = "oui-combobox-anchor";
+declare const COMBOBOX_ATTRIBUTE_SELECTION = "oui-combobox-selection";
+declare const COMBOBOX_ATTRIBUTE_SELECTION_ITEM = "oui-combobox-selection-item";
+declare const COMBOBOX_AUTOCOMPLETES: Set<OuiListboxAutoCompleteType>;
+declare const messageLabel = "<oui-combobox> must contain a <label> element for the <select> element";
+declare const messageSelect = "<oui-combobox> must contain a valid <select> element";
+declare const selectorAnchor = "[oui-combobox-anchor]";
+declare const selectorContent = "[oui-combobox-content]";
+declare const selectorOption = "[oui-combobox-option]";
+declare const selectorSelectionItem = "[oui-combobox-selection-item]";
+declare const COMBOBOX_ATTRIBUTES: OuiListboxAttributes;
+declare const COMBOBOX_MESSAGES: {
+  label: string;
+  select: string;
+};
+declare const COMBOBOX_SELECTORS: {
+  anchor: string;
+  content: string;
+  selectionItem: string;
+  option: string;
+};
+//#endregion
+export { COMBOBOX_AUTOCOMPLETES as a, COMBOBOX_TAGNAME as c, selectorAnchor as d, selectorContent as f, COMBOBOX_ATTRIBUTE_SELECTION_ITEM as i, messageLabel as l, selectorSelectionItem as m, COMBOBOX_ATTRIBUTE_ANCHOR as n, COMBOBOX_MESSAGES as o, selectorOption as p, COMBOBOX_ATTRIBUTE_SELECTION as r, COMBOBOX_SELECTORS as s, COMBOBOX_ATTRIBUTES as t, messageSelect as u };

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

@@ -0,0 +1,14 @@
+import { t as OuiListboxAttributes } from "./listbox.model-CRReGOmu.mjs";
+//#region src/js/listbox/constants.listbox.d.ts
+declare const LISTBOX_TAGNAME = "oui-listbox";
+declare const LISTBOX_ATTRIBUTES: OuiListboxAttributes;
+declare const LISTBOX_MESSAGES: {
+  label: string;
+  select: string;
+};
+declare const LISTBOX_SELECTORS: {
+  filter: string;
+  option: string;
+};
+//#endregion
+export { LISTBOX_TAGNAME as i, LISTBOX_MESSAGES as n, LISTBOX_SELECTORS as r, LISTBOX_ATTRIBUTES as t };

package/dist/js/index-EfkUSals.d.mts

@@ -0,0 +1,139 @@
+import { t as OuiLocalizations } from "./l10n-Bn-7RcwR.mjs";
+import { d as OuiListboxType, n as OuiListboxAutoComplete, o as OuiListboxLocalizations } from "./listbox.model-CRReGOmu.mjs";
+import { c as COMBOBOX_TAGNAME } from "./constants.combobox-DmRAMC64.mjs";
+//#region src/js/combobox/misc.combobox.d.ts
+declare function getComboboxAutoComplete(element: OuiComboboxElement, select: boolean): OuiListboxAutoComplete;
+declare function getComboboxId(): string;
+declare function hasTextSelection(element: HTMLElement): element is HTMLInputElement;
+/**
+ * Set combobox localizations for a specific language
+ *
+ * @param language Language code
+ * @param localizations Localizations for language
+ */
+declare function setComboboxLocalizations(language: string, localizations: Partial<OuiListboxLocalizations>): void;
+/**
+ * Set combobox localizations for one or more languages
+ *
+ * @param localizations Localizations for one or more languages
+ */
+declare function setComboboxLocalizations(localizations: Record<string, Partial<OuiListboxLocalizations>>): void;
+declare function updateComboboxLocalizations(instance: OuiLocalizations<OuiListboxLocalizations>, destination: Record<string, Partial<OuiListboxLocalizations>>, first: string | Record<string, Partial<OuiListboxLocalizations>>, second?: Partial<OuiListboxLocalizations>): void;
+//#endregion
+//#region src/js/combobox/index.d.ts
+declare global {
+  interface HTMLElementTagNameMap {
+    [COMBOBOX_TAGNAME]: OuiComboboxElement;
+  }
+}
+declare class OuiComboboxElement extends HTMLElement {
+  #private;
+  static formAssociated: boolean;
+  static observedAttributes: string[];
+  /**
+   * Is the combobox disabled?
+   */
+  get disabled(): boolean;
+  /**
+   * Should the combobox be disabled?
+   */
+  set disabled(value: boolean);
+  /**
+   * Current filter value
+   */
+  get filter(): string;
+  /**
+   * Set the filter value
+   */
+  set filter(value: string);
+  /**
+   * Maximum number of selected options
+   */
+  get max(): number | undefined;
+  /**
+   * Set the maximum number of selected options
+   */
+  set max(value: number);
+  /**
+   * Minimum number of selected options
+   */
+  get min(): number | undefined;
+  /**
+   * Set the minimum number of selected options
+   */
+  set min(value: number);
+  /**
+   * Does the combobox allow multiple values?
+   */
+  get multiple(): boolean;
+  /**
+   * Name of the combobox
+   */
+  get name(): string;
+  /**
+   * Is the combobox readonly?
+   */
+  get readonly(): boolean;
+  /**
+   * Should the combobox be readonly?
+   */
+  set readonly(value: boolean);
+  /**
+   * Is the combobox required?
+   */
+  get required(): boolean;
+  /**
+   * Should the combobox be required?
+   */
+  set required(value: boolean);
+  /**
+   * Selected options
+   */
+  get selected(): HTMLElement[];
+  /**
+   * Type of combobox
+   */
+  get type(): OuiListboxType;
+  /**
+   * Current value
+   */
+  get value(): string;
+  /**
+   * Set the value
+   */
+  set value(value: unknown);
+  /**
+   * Current values
+   */
+  get values(): string[];
+  /**
+   * Set the values
+   */
+  set values(values: unknown[]);
+  constructor();
+  attributeChangedCallback(name: string, _: string | null, value: string | null): void;
+  /**
+   * Clear all selected options
+   */
+  clear(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  formDisabledCallback(disabled: boolean): void;
+  formResetCallback(): void;
+  formStateRestoreCallback(state: string | File | FormData, reason: unknown): void;
+  /**
+   * Set combobox localizations for a specific language
+   *
+   * @param language Language code
+   * @param localizations Localizations for language
+   */
+  setLocalizations(language: string, localizations: Partial<OuiListboxLocalizations>): void;
+  /**
+   * Set combobox localizations for one or more languages
+   *
+   * @param localizations Localizations for one or more languages
+   */
+  setLocalizations(localizations: Record<string, Partial<OuiListboxLocalizations>>): void;
+}
+//#endregion
+export { setComboboxLocalizations as a, hasTextSelection as i, getComboboxAutoComplete as n, updateComboboxLocalizations as o, getComboboxId as r, OuiComboboxElement as t };

package/dist/js/index.d.mts

@@ -1,5 +1,5 @@
 import { a as OuiFloatablePosition, n as CreateOuiFloatableOptions, r as OuiFloatable, s as createFloatable } from "./floatable.embedded-Bct4U5Dm.mjs";
-import { H as setComboboxLocalizations, z as OuiComboboxElement } from "./constants.combobox-DqNUGBLS.mjs";
+import { a as setComboboxLocalizations, t as OuiComboboxElement } from "./index-EfkUSals.mjs";
 import { d as OuiSortable, f as createSortable, g as createMovable, h as OuiMovable, t as CreateOuiDraggableOptions } from "./draggable-a6w0J1OD.mjs";
 import "./movable/movable.standalone.mjs";
 import { a as createResizable, n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.embedded-3qoR0Bjm.mjs";
@@ -7,8 +7,10 @@ import "./resizable/resizable.standalone.mjs";
 import { OuiDialog, getDialog } from "./dialog.mjs";
 import "./floatable/floatable.standalone.mjs";
 import { a as OuiFocusTrapOptions, i as OuiFocusTrap, o as createFocusTrap } from "./focus-trap.embedded-DR8NpZfr.mjs";
+import { n as setListboxLocalizations } from "./misc.listbox-gnoJhrTr.mjs";
+import { OuiListboxElement } from "./listbox/index.mjs";
 import { OuiPopover, getPopover } from "./popover.mjs";
 import "./sortable/sortable.standalone.mjs";
 import { OuiSplitterElement } from "./splitter.mjs";
 import { OuiTooltip, getTooltip, setTooltipDelay } from "./tooltip.mjs";
-export { type CreateOuiFloatableOptions, type CreateOuiDraggableOptions as CreateOuiMovableOptions, type CreateOuiDraggableOptions as CreateOuiSortableOptions, type CreateOuiResizableOptions, OuiComboboxElement, type OuiDialog, type OuiFloatable, type OuiFloatablePosition, type OuiFocusTrap, type OuiFocusTrapOptions, type OuiMovable, type OuiPopover, type OuiResizable, type OuiSortable, OuiSplitterElement, type OuiTooltip, createFloatable, createFocusTrap, createMovable, createResizable as createOuiResizable, createSortable, getDialog, getPopover, getTooltip, setComboboxLocalizations, setTooltipDelay };
+export { type CreateOuiFloatableOptions, type CreateOuiDraggableOptions as CreateOuiMovableOptions, type CreateOuiDraggableOptions as CreateOuiSortableOptions, type CreateOuiResizableOptions, OuiComboboxElement, type OuiDialog, type OuiFloatable, type OuiFloatablePosition, type OuiFocusTrap, type OuiFocusTrapOptions, OuiListboxElement, type OuiMovable, type OuiPopover, type OuiResizable, type OuiSortable, OuiSplitterElement, type OuiTooltip, createFloatable, createFocusTrap, createMovable, createResizable as createOuiResizable, createSortable, getDialog, getPopover, getTooltip, setComboboxLocalizations, setListboxLocalizations, setTooltipDelay };

package/dist/js/index.mjs

@@ -5,15 +5,17 @@ import { createResizable } from "./resizable/resizable.embedded.mjs";
 import { getDialog } from "./dialog.mjs";
 import "./menu.mjs";
 import "./toolbar.mjs";
-import { F as setComboboxLocalizations } from "./data.combobox-8RwBv5ey.mjs";
+import { D as setComboboxLocalizations } from "./state.combobox-4xq0FPCF.mjs";
 import { OuiComboboxElement } from "./combobox/index.mjs";
 import "./floatable/floatable.standalone.mjs";
 import { createFocusTrap } from "./focus-trap/focus-trap.embedded.mjs";
 import "./focus-trap/focus-trap.standalone.mjs";
+import { n as setListboxLocalizations } from "./misc.listbox-BI-XsTOf.mjs";
+import { OuiListboxElement } from "./listbox/index.mjs";
 import { getPopover } from "./popover.mjs";
 import "./resizable/resizable.standalone.mjs";
 import { createSortable } from "./sortable/sortable.embedded.mjs";
 import "./sortable/sortable.standalone.mjs";
 import { OuiSplitterElement } from "./splitter.mjs";
 import { getTooltip, setTooltipDelay } from "./tooltip.mjs";
-export { OuiComboboxElement, OuiSplitterElement, createFloatable, createFocusTrap, createMovable, createResizable as createOuiResizable, createSortable, getDialog, getPopover, getTooltip, setComboboxLocalizations, setTooltipDelay };
+export { OuiComboboxElement, OuiListboxElement, OuiSplitterElement, createFloatable, createFocusTrap, createMovable, createResizable as createOuiResizable, createSortable, getDialog, getPopover, getTooltip, setComboboxLocalizations, setListboxLocalizations, setTooltipDelay };

package/dist/js/internal/attributable.mjs

@@ -4,9 +4,10 @@ function attributable(attribute, add, remove) {
 		const { length } = entries;
 		for (let index = 0; index < length; index += 1) {
 			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 if (entry.type === "childList") {
+			if (entry.type === "attributes" && entry.target instanceof Element) {
+				if (entry.target.hasAttribute(attribute)) handleAdded(attribute, [entry.target], add);
+				else handleRemoved([entry.target], remove);
+			} else if (entry.type === "childList") {
 				handleAdded(attribute, entry.addedNodes, add);
 				handleRemoved(entry.removedNodes, remove);
 			}

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

@@ -0,0 +1,11 @@
+import { d as OuiListboxType } from "../../listbox.model-CRReGOmu.mjs";
+//#region src/js/internal/listbox/listbox.constants.d.ts
+declare const LISTBOX_KEYS: {
+  activation: Set<string>;
+  navigation: Set<string>;
+  selection: Set<string>;
+};
+declare const LISTBOX_TYPES: Set<OuiListboxType>;
+declare const listboxScrollOptions: ScrollIntoViewOptions;
+//#endregion
+export { LISTBOX_KEYS, LISTBOX_TYPES, listboxScrollOptions };

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

@@ -0,0 +1,23 @@
+const LISTBOX_KEYS = {
+	activation: /* @__PURE__ */ new Set([
+		" ",
+		"Backspace",
+		"Delete",
+		"Enter"
+	]),
+	navigation: /* @__PURE__ */ new Set([
+		"ArrowDown",
+		"ArrowUp",
+		"PageDown",
+		"PageUp"
+	]),
+	selection: /* @__PURE__ */ new Set(["ArrowRight", "End"])
+};
+const LISTBOX_TYPES = /* @__PURE__ */ new Set(["autocomplete", "select"]);
+const listboxScrollOptions = {
+	behavior: "auto",
+	block: "nearest",
+	inline: "nearest"
+};
+//#endregion
+export { LISTBOX_KEYS, LISTBOX_TYPES, listboxScrollOptions };

package/dist/js/internal/listbox/listbox.data.d.mts

@@ -0,0 +1,20 @@
+import { l as OuiListboxState } from "../../listbox.model-CRReGOmu.mjs";
+//#region src/js/internal/listbox/listbox.data.d.ts
+type ApplySelectionParameters<State extends OuiListboxState = OuiListboxState> = {
+  added: boolean;
+  emit?: boolean;
+  option?: HTMLElement;
+  scroll?: boolean;
+  selected?: HTMLElement[];
+  state: State;
+  values?: string[];
+};
+declare function applyListboxSelection<State extends OuiListboxState>(parameters: ApplySelectionParameters<State>): void;
+declare function filterListbox(type: InputEvent['inputType'], state: OuiListboxState): void;
+declare function filterListboxOption(state: OuiListboxState, value: unknown, textContent?: boolean): HTMLElement | undefined;
+declare function filterListboxOptions(state: OuiListboxState): HTMLElement | undefined;
+declare function setListboxValue<State extends OuiListboxState>(state: State, value: unknown, emit?: boolean): void;
+declare function setListboxValues<State extends OuiListboxState>(state: State, value: unknown[], emit?: boolean): void;
+declare function toggleListboxOption<State extends OuiListboxState>(state: State, option?: HTMLElement): void;
+//#endregion
+export { applyListboxSelection, filterListbox, filterListboxOption, filterListboxOptions, setListboxValue, setListboxValues, toggleListboxOption };

package/dist/js/internal/listbox/listbox.data.mjs

@@ -0,0 +1,2 @@
+import { a as setListboxValue, i as filterListboxOptions, n as filterListbox, o as setListboxValues, r as filterListboxOption, s as toggleListboxOption, t as applyListboxSelection } from "../../listbox.data-BWd0PCy7.mjs";
+export { applyListboxSelection, filterListbox, filterListboxOption, filterListboxOptions, setListboxValue, setListboxValues, toggleListboxOption };

package/dist/js/internal/listbox/listbox.dom.d.mts

@@ -0,0 +1,66 @@
+import { a as OuiListboxGroup, c as OuiListboxPreview, d as OuiListboxType, l as OuiListboxState, n as OuiListboxAutoComplete, s as OuiListboxOptions, t as OuiListboxAttributes } from "../../listbox.model-CRReGOmu.mjs";
+//#region src/js/internal/listbox/listbox.dom.d.ts
+type CreateListboxContent = {
+  element: HTMLDivElement;
+  filter?: CreateListboxFilter;
+  list: CreateListboxList;
+  message: HTMLDivElement;
+  value: HTMLSpanElement;
+};
+type CreateListboxContentParameters = {
+  attributes: OuiListboxAttributes;
+  autocomplete: OuiListboxAutoComplete;
+  element: HTMLElement;
+  id: string;
+  label: HTMLLabelElement;
+  listbox: boolean;
+  multiple: boolean;
+  select: HTMLSelectElement;
+  type: OuiListboxType;
+};
+type CreateListboxFilter = {
+  container: HTMLElement;
+  element: HTMLInputElement;
+};
+type CreateListboxGroupParameters = {
+  group: HTMLOptGroupElement;
+  groupOptions: HTMLOptionElement[];
+  original: CreateListboxContentParameters;
+  selected: HTMLElement[];
+  type: OuiListboxType;
+};
+type CreateListboxList = {
+  element: HTMLUListElement;
+  groups?: OuiListboxGroup[];
+  options: OuiListboxOptions;
+};
+type CreateListboxOptionParameters = {
+  group?: string;
+  index: number;
+  option: HTMLOptionElement;
+  original: CreateListboxContentParameters;
+  type: OuiListboxType;
+};
+type CreateListboxOptionsParameters = {
+  group?: string;
+  list: HTMLElement;
+  options: HTMLOptionElement[];
+  original: CreateListboxContentParameters;
+  selected: HTMLElement[];
+  type: OuiListboxType;
+};
+declare function createListboxContent(parameters: CreateListboxContentParameters): CreateListboxContent;
+declare function createListboxFilter(parameters: CreateListboxContentParameters): CreateListboxFilter | undefined;
+declare function createListboxGroup(parameters: CreateListboxGroupParameters): OuiListboxGroup;
+declare function createListboxHeader(parameters: CreateListboxGroupParameters, group: HTMLOptGroupElement): HTMLElement;
+declare function createListboxInput(parameters: CreateListboxContentParameters, value: string): HTMLInputElement;
+declare function createListboxList(parameters: CreateListboxContentParameters): CreateListboxList;
+declare function createListboxMessage(attribute: string): HTMLDivElement;
+declare function createListboxOption(parameters: CreateListboxOptionParameters): HTMLElement;
+declare function createListboxOptions(parameters: CreateListboxOptionsParameters): HTMLElement[];
+declare function createListboxValueLabel(id: string): HTMLSpanElement;
+declare function updateListboxMessage(state: OuiListboxState): void;
+declare function updateListboxPreview<State extends OuiListboxState>(preview: OuiListboxPreview, state: State, active?: HTMLElement, scroll?: boolean): void;
+declare function updateListboxValueLabel<State extends OuiListboxState>(state: State): void;
+//#endregion
+export { CreateListboxContent, CreateListboxContentParameters, CreateListboxFilter, CreateListboxList, createListboxContent, createListboxFilter, createListboxGroup, createListboxHeader, createListboxInput, createListboxList, createListboxMessage, createListboxOption, createListboxOptions, createListboxValueLabel, updateListboxMessage, updateListboxPreview, updateListboxValueLabel };

package/dist/js/internal/listbox/listbox.dom.mjs

@@ -0,0 +1,2 @@
+import { _ as createListboxValueLabel, b as updateListboxValueLabel, c as createListboxContent, d as createListboxHeader, f as createListboxInput, g as createListboxOptions, h as createListboxOption, l as createListboxFilter, m as createListboxMessage, p as createListboxList, u as createListboxGroup, v as updateListboxMessage, y as updateListboxPreview } from "../../listbox.data-BWd0PCy7.mjs";
+export { createListboxContent, createListboxFilter, createListboxGroup, createListboxHeader, createListboxInput, createListboxList, createListboxMessage, createListboxOption, createListboxOptions, createListboxValueLabel, updateListboxMessage, updateListboxPreview, updateListboxValueLabel };

package/dist/js/internal/listbox/listbox.event.d.mts

@@ -0,0 +1,5 @@
+import { l as OuiListboxState } from "../../listbox.model-CRReGOmu.mjs";
+//#region src/js/internal/listbox/listbox.event.d.ts
+declare function processListboxKeydown<State extends OuiListboxState>(event: KeyboardEvent, state: State): void;
+//#endregion
+export { processListboxKeydown };