@oscarpalmer/oui 0.42.0 → 0.43.0

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

@@ -1,5 +1,3 @@
-import { r as OuiListboxState, t as OuiListboxFooter } from "../listbox.model-C0MYWXZe.mjs";
-//#region src/js/listbox/listbox.dom.d.ts
+import { r as OuiListboxState, t as OuiListboxFooter } from "../listbox.model-CUA_DaR9.mjs";
 export declare function createListboxFooter(): OuiListboxFooter;
-export declare function updateListboxFooter(state: OuiListboxState): void;
-//#endregion
+export declare function updateListboxFooter(state: OuiListboxState): void;

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

@@ -1 +1 @@
-export { p as createListboxFooter, m as updateListboxFooter } from "../listbox.state-BrN296BM.mjs";
+export { p as createListboxFooter, m as updateListboxFooter } from "../listbox.state-DO58GDqc.mjs";

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

@@ -1,9 +1,7 @@
-import { h as OptionListPreview } from "../option-list.model-CCPUlPeX.mjs";
-import { r as OuiListboxState } from "../listbox.model-C0MYWXZe.mjs";
-//#region src/js/listbox/listbox.event.d.ts
+import { b as OptionListPreview } from "../option-list.model-DNZq-X0d.mjs";
+import { r as OuiListboxState } from "../listbox.model-CUA_DaR9.mjs";
 export declare function onListboxApply(state: OuiListboxState): void;
 export declare function onListboxEnter(state: OuiListboxState): void;
 export declare function onListboxFilter(preview: OptionListPreview, state: OuiListboxState, _: boolean, active?: Element): void;
 export declare function onListboxNavigation(preview: OptionListPreview, state: OuiListboxState, active?: HTMLElement): void;
-export declare function onListboxToggle(state: OuiListboxState): void;
-//#endregion
+export declare function onListboxToggle(state: OuiListboxState): void;

package/dist/js/listbox/listbox.event.mjs

@@ -1 +1 @@
-export { c as onListboxApply, l as onListboxEnter, u as onListboxFilter, d as onListboxNavigation, f as onListboxToggle } from "../listbox.state-BrN296BM.mjs";
+export { c as onListboxApply, l as onListboxEnter, u as onListboxFilter, d as onListboxNavigation, f as onListboxToggle } from "../listbox.state-DO58GDqc.mjs";

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

@@ -1,2 +1,2 @@
-import { n as setListboxLocalizations, t as getListboxId } from "../listbox.misc-DwfB4Mu_.mjs";
+import { n as setListboxLocalizations, t as getListboxId } from "../listbox.misc-CkW28nUS.mjs";
 export { getListboxId, setListboxLocalizations };

package/dist/js/listbox/listbox.misc.mjs

@@ -1 +1 @@
-export { o as getListboxId, s as setListboxLocalizations } from "../listbox.state-BrN296BM.mjs";
+export { o as getListboxId, s as setListboxLocalizations } from "../listbox.state-DO58GDqc.mjs";

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

@@ -1,2 +1,2 @@
-import { i as OuiListboxStateExtras, n as OuiListboxLocalizations, r as OuiListboxState, t as OuiListboxFooter } from "../listbox.model-C0MYWXZe.mjs";
+import { i as OuiListboxStateExtras, n as OuiListboxLocalizations, r as OuiListboxState, t as OuiListboxFooter } from "../listbox.model-CUA_DaR9.mjs";
 export { OuiListboxFooter, OuiListboxLocalizations, OuiListboxState, OuiListboxStateExtras };

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

@@ -1,9 +1,7 @@
-import { u as OuiDefaultLocalizations } from "../l10n.model-D1E1u35L.mjs";
-import { n as OuiListboxLocalizations, r as OuiListboxState } from "../listbox.model-C0MYWXZe.mjs";
-//#region src/js/listbox/listbox.state.d.ts
+import { u as OuiDefaultLocalizations } from "../l10n.model-DxwLXnFl.mjs";
+import { n as OuiListboxLocalizations, r as OuiListboxState } from "../listbox.model-CUA_DaR9.mjs";
 export declare function initializeListbox(element: Element, state: OuiListboxState): void;
 export declare function onAttachListbox(state: OuiListboxState): void;
 export declare function onDetachListbox(state: OuiListboxState): void;
 export declare const listboxLocalizations: OuiDefaultLocalizations<OuiListboxLocalizations>;
-export declare const listboxes: Set<OuiListboxState>;
-//#endregion
+export declare const listboxes: Set<OuiListboxState>;

package/dist/js/listbox/listbox.state.mjs

@@ -1 +1 @@
-export { t as initializeListbox, n as listboxLocalizations, r as listboxes, i as onAttachListbox, a as onDetachListbox } from "../listbox.state-BrN296BM.mjs";
+export { t as initializeListbox, n as listboxLocalizations, r as listboxes, i as onAttachListbox, a as onDetachListbox } from "../listbox.state-DO58GDqc.mjs";

package/dist/js/{listbox.constants-DOBMwKup.d.mts → listbox.constants-1yMPRl2C.d.mts}

@@ -1,9 +1,7 @@
-import { c as OptionListAttributes } from "./option-list.model-CCPUlPeX.mjs";
-//#region src/js/listbox/listbox.constants.d.ts
+import { p as OptionListAttributes } from "./option-list.model-DNZq-X0d.mjs";
 declare const LISTBOX_TAGNAME = "oui-listbox";
 declare const LISTBOX_SYMBOL: unique symbol;
 declare const listboxAttributes: OptionListAttributes;
 declare const listboxMessages: Record<string, string>;
 declare const listboxSelectors: Record<string, string>;
-//#endregion
 export { listboxSelectors as a, listboxMessages as i, LISTBOX_TAGNAME as n, listboxAttributes as r, LISTBOX_SYMBOL as t };

package/dist/js/{listbox.misc-DwfB4Mu_.d.mts → listbox.misc-CkW28nUS.d.mts}

@@ -1,5 +1,4 @@
-import { p as OptionListLocalizationValues } from "./option-list.model-CCPUlPeX.mjs";
-//#region src/js/listbox/listbox.misc.d.ts
+import { v as OptionListLocalizationValues } from "./option-list.model-DNZq-X0d.mjs";
 declare function getListboxId(): string;
 /**
  * Set listbox localizations for a specific language
@@ -20,5 +19,4 @@ declare function setListboxLocalizations(localizations: Partial<OptionListLocali
  * @param localizations Localizations for one or more languages
  */
 declare function setListboxLocalizations(localizations: Record<string, Partial<OptionListLocalizationValues>>): void;
-//#endregion
 export { setListboxLocalizations as n, getListboxId as t };

package/dist/js/{listbox.model-C0MYWXZe.d.mts → listbox.model-CUA_DaR9.d.mts}

@@ -1,5 +1,4 @@
-import { g as OptionListState, p as OptionListLocalizationValues } from "./option-list.model-CCPUlPeX.mjs";
-//#region src/js/listbox/listbox.model.d.ts
+import { v as OptionListLocalizationValues, x as OptionListState } from "./option-list.model-DNZq-X0d.mjs";
 type OuiListboxFooter = {
   button: OuiListboxFooterButton;
   container: Element;
@@ -16,5 +15,4 @@ type OuiListboxState = OptionListState<OuiListboxStateExtras, OuiListboxLocaliza
 type OuiListboxStateExtras = {
   footer: OuiListboxFooter;
 };
-//#endregion
 export { OuiListboxStateExtras as i, OuiListboxLocalizations as n, OuiListboxState as r, OuiListboxFooter as t };

package/dist/js/{listbox.state-BrN296BM.mjs → listbox.state-DO58GDqc.mjs}

@@ -1,9 +1,9 @@
 import { createDefaultLocalizations, createLocalizations } from "./internal/l10n/index.mjs";
 import { getBooleanAriaValue } from "./internal/misc.mjs";
-import { c as createOptionListContent, n as filterOptionList, o as setOptionListValues, s as toggleOptionListOption, t as applyOptionListSelection, x as generateOptionListIds, y as updateOptionListPreview } from "./option-list.data-CgMyUwPc.mjs";
+import { c as createOptionListContent, n as filterOptionList, o as setOptionListValues, s as toggleOptionListOption, t as applyOptionListSelection, x as generateOptionListIds, y as updateOptionListPreview } from "./option-list.data-Be6wopy9.mjs";
 import { initializeOptionListState } from "./internal/option-list/option-list.state.mjs";
-import { processOptionListKeydown } from "./internal/option-list/option-list.event.mjs";
 import { LISTBOX_SYMBOL, LISTBOX_TAGNAME, listboxAttributes, listboxMessages, listboxSelectors } from "./listbox/listbox.constants.mjs";
+import { processOptionListKeydown } from "./internal/option-list/option-list.event.mjs";
 import { getAria, setAria } from "@oscarpalmer/toretto/aria";
 import { setAttributes } from "@oscarpalmer/toretto/attribute";
 import { on } from "@oscarpalmer/toretto/event";
@@ -11,7 +11,7 @@ import { findAncestor } from "@oscarpalmer/toretto/find";
 import { noop } from "@oscarpalmer/atoms/function";
 import { createElement } from "@oscarpalmer/toretto/create";
 import { getData } from "@oscarpalmer/toretto/data";
-//#region src/js/listbox/listbox.dom.ts
+// src/js/listbox/listbox.dom.ts
 function createListboxFooter() {
 	const container = createElement("div", { attribute: { [`${LISTBOX_TAGNAME}-footer`]: "" } });
 	const clear = createElement("button", {
@@ -36,8 +36,7 @@ function updateListboxFooter(state) {
 	setAria(footer.button.clear, "disabled", disabled || readonly || options.selected.length === 0);
 	setAria(footer.button.select, "disabled", disabled || readonly || options.selected.length === options.all.length);
 }
-//#endregion
-//#region src/js/listbox/listbox.event.ts
+// src/js/listbox/listbox.event.ts
 function onListboxApply(state) {
 	updateListboxFooter(state);
 }
@@ -97,8 +96,7 @@ function onListboxToggle(state) {
 on(document, "click", onListboxClick);
 on(document, "input", onListboxInput);
 on(document, "keydown", onListboxKeydown, { passive: false });
-//#endregion
-//#region src/js/listbox/listbox.misc.ts
+// src/js/listbox/listbox.misc.ts
 function getListboxId() {
 	index += 1;
 	return `oui_listbox_${index}`;
@@ -108,13 +106,12 @@ function setListboxLocalizations(first, second) {
 	else listboxLocalizations.setLanguages(first, second);
 }
 let index = 0;
-//#endregion
-//#region src/js/listbox/listbox.state.ts
+// src/js/listbox/listbox.state.ts
 function createComponentState(element, state) {
 	const select = element.querySelector("select");
-	if (!(select instanceof HTMLSelectElement)) throw new Error(listboxMessages.select);
+	if (!(select instanceof HTMLSelectElement)) throw new TypeError(listboxMessages.select);
 	const label = element.querySelector(`label[for="${select.id}"]`);
-	if (!(label instanceof HTMLLabelElement)) throw new Error(listboxMessages.label);
+	if (!(label instanceof HTMLLabelElement)) throw new TypeError(listboxMessages.label);
 	element.id = select.id;
 	const disabled = getBooleanAriaValue(element, "disabled") || select.disabled;
 	const multiple = element.multiple || select.multiple;
@@ -236,5 +233,4 @@ const listboxLocalizations = createDefaultLocalizations({
 	selected: (amount) => `${amount} selected`
 });
 const listboxes = /* @__PURE__ */ new Set();
-//#endregion
 export { onDetachListbox as a, onListboxApply as c, onListboxNavigation as d, onListboxToggle as f, onAttachListbox as i, onListboxEnter as l, updateListboxFooter as m, listboxLocalizations as n, getListboxId as o, createListboxFooter as p, listboxes as r, setListboxLocalizations as s, initializeListbox as t, onListboxFilter as u };

package/dist/js/menu/index.mjs

@@ -1,13 +1,13 @@
 import { createEmbeddedFloatable, getOnBeforeToggleListener } from "../floatable/floatable.embedded.mjs";
 import { attributable } from "../internal/attributable.mjs";
-import { NAVIGABLE_KEYS_HORIZONTAL, NAVIGABLE_KEYS_VERTICAL, NAVIGABLE_SYMBOL } from "../internal/navigable/navigable.model.mjs";
 import { getNavigable, updateNavigableFocus } from "../internal/navigable/index.mjs";
+import { NAVIGABLE_KEYS_HORIZONTAL, NAVIGABLE_KEYS_VERTICAL, NAVIGABLE_SYMBOL } from "../internal/navigable/navigable.model.mjs";
 import { MENUBAR_ATTRIBUTE, MENUBAR_SELECTOR_ITEM, MENU_ATTRIBUTE, MENU_ATTRIBUTE_POSITION, MENU_MENUBAR_SELECTORS, MENU_SELECTOR_CONTENT, MENU_SELECTOR_ITEM, MENU_SELECTOR_TOGGLE, menubars, menus } from "./menu.model.mjs";
 import { setAria, setRole } from "@oscarpalmer/toretto/aria";
 import { setAttribute, setAttributes } from "@oscarpalmer/toretto/attribute";
 import { on } from "@oscarpalmer/toretto/event";
 import { findAncestor } from "@oscarpalmer/toretto/find";
-//#region src/js/menu/index.ts
+// src/js/menu/index.ts
 function OuiMenu(element, navigable) {
 	const state = navigable[NAVIGABLE_SYMBOL];
 	this.content = state.element;
@@ -167,5 +167,4 @@ function removeMenubar(element) {
 let index = 0;
 attributable(MENU_ATTRIBUTE, addMenu, removeMenu);
 attributable(MENUBAR_ATTRIBUTE, addMenubar, removeMenubar);
-//#endregion
 export {};

package/dist/js/menu/menu.model.d.mts

@@ -1,6 +1,5 @@
-import { c as OuiFloatable } from "../floatable.model-DXsQgoU7.mjs";
-import { d as OuiNavigable, m as OuiNavigableOptions } from "../navigable.model-BqoR6iBv.mjs";
-//#region src/js/menu/menu.model.d.ts
+import { c as OuiFloatable } from "../floatable.model-jS5Ui5Av.mjs";
+import { d as OuiNavigable, m as OuiNavigableOptions } from "../navigable.model-CrzJqKE7.mjs";
 export type OuiBasicMenu = {
   destroy(): void;
 };
@@ -29,5 +28,4 @@ export declare const MENUBAR_SELECTOR: string;
 export declare const MENUBAR_SELECTOR_ITEM: string;
 export declare const MENU_MENUBAR_SELECTORS: string;
 export declare const menubars: WeakMap<Element, OuiMenubar>;
-export declare const menus: WeakMap<Element, OuiMenu>;
-//#endregion
+export declare const menus: WeakMap<Element, OuiMenu>;

package/dist/js/menu/menu.model.mjs

@@ -1,5 +1,5 @@
 import "../internal/navigable/navigable.model.mjs";
-//#region src/js/menu/menu.model.ts
+// src/js/menu/menu.model.ts
 const MENU_ATTRIBUTE = "oui-menu";
 const MENU_ATTRIBUTE_POSITION = `${MENU_ATTRIBUTE}-position`;
 const MENUBAR_ATTRIBUTE = "oui-menubar";
@@ -11,5 +11,4 @@ const MENUBAR_SELECTOR_ITEM = `:scope > [${MENUBAR_ATTRIBUTE}-item], :scope > *
 const MENU_MENUBAR_SELECTORS = `${MENUBAR_SELECTOR}, ${MENU_SELECTOR_CONTENT}`;
 const menubars = /* @__PURE__ */ new WeakMap();
 const menus = /* @__PURE__ */ new WeakMap();
-//#endregion
 export { MENUBAR_ATTRIBUTE, MENUBAR_SELECTOR, MENUBAR_SELECTOR_ITEM, MENU_ATTRIBUTE, MENU_ATTRIBUTE_POSITION, MENU_MENUBAR_SELECTORS, MENU_SELECTOR_CONTENT, MENU_SELECTOR_ITEM, MENU_SELECTOR_TOGGLE, menubars, menus };

package/dist/js/movable/movable.embedded.d.mts

@@ -1,2 +1,2 @@
-import { t as createMovable } from "../movable.embedded-C1bDTLGs.mjs";
+import { t as createMovable } from "../movable.embedded-HjPPob-Z.mjs";
 export { createMovable };

package/dist/js/movable/movable.embedded.mjs

@@ -1,13 +1,13 @@
 import { attributable } from "../internal/attributable.mjs";
 import { DRAGGABLE_SYMBOL, draggableGlobals } from "../internal/draggable/draggable.model.mjs";
-import { MOVABLE_ATTRIBUTE, MOVABLE_ATTRIBUTE_CONTAINER, MOVABLE_ATTRIBUTE_DIRECTION, MOVABLE_ATTRIBUTE_MOVING, MOVABLE_CONTAINERS, MOVABLE_MESSAGE, MOVABLE_MOVED, MOVABLE_SELECTOR_HANDLE } from "./movable.model.mjs";
 import { addDraggable, destroyDraggable, getDraggableElement, getDraggableStates, initializeDraggable, removeDraggable } from "../internal/draggable/index.mjs";
+import { MOVABLE_ATTRIBUTE, MOVABLE_ATTRIBUTE_CONTAINER, MOVABLE_ATTRIBUTE_DIRECTION, MOVABLE_ATTRIBUTE_MOVING, MOVABLE_CONTAINERS, MOVABLE_MESSAGE, MOVABLE_MOVED, MOVABLE_SELECTOR_HANDLE } from "./movable.model.mjs";
 import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch, getEventPosition, on } from "@oscarpalmer/toretto/event";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { getStyles, setStyle, setStyles } from "@oscarpalmer/toretto/style";
 import { noop } from "@oscarpalmer/atoms/function";
-//#region src/js/movable/movable.embedded.ts
+// src/js/movable/movable.embedded.ts
 function OuiMovable(element, options) {
 	const style = getStyles(element, ["inset", "position"]);
 	this[DRAGGABLE_SYMBOL] = initializeDraggable(this, "movable", "move", MOVABLE_ATTRIBUTE, element, {
@@ -109,7 +109,7 @@ function onEnd(event, item, reset) {
 	}
 	const container = state.container?.getBoundingClientRect();
 	if (container != null) setOffset(state, container);
-	if (dispatch(state.element, "oui:movable:end", { detail: {
+	if (dispatch(state.element, "oui-movable:end", { detail: {
 		from: { ...draggableGlobals.original },
 		to: getEventPosition(event)
 	} }).defaultPrevented) onCancel(item);
@@ -158,5 +158,4 @@ const addMovable = addDraggable.bind(bound);
 const removeMovable = removeDraggable.bind(bound);
 on(document, "scroll", onScroll);
 attributable(MOVABLE_ATTRIBUTE, addMovable, removeMovable);
-//#endregion
 export { createMovable };

package/dist/js/movable/movable.model.d.mts

@@ -1,2 +1,2 @@
-import { a as MOVABLE_ATTRIBUTE_MOVING, c as MOVABLE_MOVED, d as OuiMovableState, f as OuiMovableStyle, i as MOVABLE_ATTRIBUTE_HANDLE, l as MOVABLE_SELECTOR_HANDLE, n as MOVABLE_ATTRIBUTE_CONTAINER, o as MOVABLE_CONTAINERS, r as MOVABLE_ATTRIBUTE_DIRECTION, s as MOVABLE_MESSAGE, t as MOVABLE_ATTRIBUTE, u as OuiMovable } from "../movable.model-D9nnPWKk.mjs";
-export { MOVABLE_ATTRIBUTE, MOVABLE_ATTRIBUTE_CONTAINER, MOVABLE_ATTRIBUTE_DIRECTION, MOVABLE_ATTRIBUTE_HANDLE, MOVABLE_ATTRIBUTE_MOVING, MOVABLE_CONTAINERS, MOVABLE_MESSAGE, MOVABLE_MOVED, MOVABLE_SELECTOR_HANDLE, OuiMovable, OuiMovableState, OuiMovableStyle };
+import { a as MOVABLE_ATTRIBUTE_MOVING, c as MOVABLE_MESSAGE, d as OuiMovable, f as OuiMovableState, i as MOVABLE_ATTRIBUTE_HANDLE, l as MOVABLE_MOVED, n as MOVABLE_ATTRIBUTE_CONTAINER, o as MOVABLE_CONTAINERS, p as OuiMovableStyle, r as MOVABLE_ATTRIBUTE_DIRECTION, s as MOVABLE_EVENT_END, t as MOVABLE_ATTRIBUTE, u as MOVABLE_SELECTOR_HANDLE } from "../movable.model-CQ3AbTrq.mjs";
+export { MOVABLE_ATTRIBUTE, MOVABLE_ATTRIBUTE_CONTAINER, MOVABLE_ATTRIBUTE_DIRECTION, MOVABLE_ATTRIBUTE_HANDLE, MOVABLE_ATTRIBUTE_MOVING, MOVABLE_CONTAINERS, MOVABLE_EVENT_END, MOVABLE_MESSAGE, MOVABLE_MOVED, MOVABLE_SELECTOR_HANDLE, OuiMovable, OuiMovableState, OuiMovableStyle };

package/dist/js/movable/movable.model.mjs

@@ -1,12 +1,12 @@
-//#region src/js/movable/movable.model.ts
+// src/js/movable/movable.model.ts
 const MOVABLE_ATTRIBUTE = "oui-movable";
 const MOVABLE_ATTRIBUTE_CONTAINER = `${MOVABLE_ATTRIBUTE}-container`;
 const MOVABLE_ATTRIBUTE_DIRECTION = `${MOVABLE_ATTRIBUTE}-direction`;
 const MOVABLE_ATTRIBUTE_HANDLE = `${MOVABLE_ATTRIBUTE}-handle`;
 const MOVABLE_ATTRIBUTE_MOVING = `${MOVABLE_ATTRIBUTE}-moving`;
 const MOVABLE_CONTAINERS = /* @__PURE__ */ new Map();
+const MOVABLE_EVENT_END = `${MOVABLE_ATTRIBUTE}:end`;
 const MOVABLE_MESSAGE = "The element must be an instance of HTMLElement or SVGElement";
 const MOVABLE_MOVED = /* @__PURE__ */ new Set();
 const MOVABLE_SELECTOR_HANDLE = `[${MOVABLE_ATTRIBUTE_HANDLE}]`;
-//#endregion
-export { MOVABLE_ATTRIBUTE, MOVABLE_ATTRIBUTE_CONTAINER, MOVABLE_ATTRIBUTE_DIRECTION, MOVABLE_ATTRIBUTE_HANDLE, MOVABLE_ATTRIBUTE_MOVING, MOVABLE_CONTAINERS, MOVABLE_MESSAGE, MOVABLE_MOVED, MOVABLE_SELECTOR_HANDLE };
+export { MOVABLE_ATTRIBUTE, MOVABLE_ATTRIBUTE_CONTAINER, MOVABLE_ATTRIBUTE_DIRECTION, MOVABLE_ATTRIBUTE_HANDLE, MOVABLE_ATTRIBUTE_MOVING, MOVABLE_CONTAINERS, MOVABLE_EVENT_END, MOVABLE_MESSAGE, MOVABLE_MOVED, MOVABLE_SELECTOR_HANDLE };

package/dist/js/movable/movable.standalone.d.mts

@@ -1,3 +1,3 @@
-import { p as CreateOuiDraggableOptions, u as OuiMovable } from "../movable.model-D9nnPWKk.mjs";
-import { t as createMovable } from "../movable.embedded-C1bDTLGs.mjs";
+import { d as OuiMovable, m as CreateOuiDraggableOptions } from "../movable.model-CQ3AbTrq.mjs";
+import { t as createMovable } from "../movable.embedded-HjPPob-Z.mjs";
 export { type CreateOuiDraggableOptions as CreateOuiMovableOptions, type OuiMovable, createMovable };

package/dist/js/{movable.embedded-C1bDTLGs.d.mts → movable.embedded-HjPPob-Z.d.mts}

@@ -1,5 +1,4 @@
-import { p as CreateOuiDraggableOptions, u as OuiMovable } from "./movable.model-D9nnPWKk.mjs";
-//#region src/js/movable/movable.embedded.d.ts
+import { d as OuiMovable, m as CreateOuiDraggableOptions } from "./movable.model-CQ3AbTrq.mjs";
 /**
  * Creates _(or retrieves)_ a _OuiMovable_ instance for an element
  *
@@ -7,5 +6,4 @@ import { p as CreateOuiDraggableOptions, u as OuiMovable } from "./movable.model
  * @returns _OuiMovable_ instance
  */
 declare function createMovable(element: Element, options?: CreateOuiDraggableOptions): OuiMovable;
-//#endregion
 export { createMovable as t };

package/dist/js/{movable.model-D9nnPWKk.d.mts → movable.model-CQ3AbTrq.d.mts}

@@ -1,7 +1,6 @@
 import { StyleToggler } from "@oscarpalmer/toretto/style";
 import { PlainObject } from "@oscarpalmer/atoms/models";
 import { EventPosition } from "@oscarpalmer/toretto/models";
-//#region src/js/sortable/sortable.model.d.ts
 type OuiSortable = {
   destroy(): void;
 } & OuiDraggable<OuiSortableState>;
@@ -28,12 +27,12 @@ declare const SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG: string;
 declare const SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION: string;
 declare const SORTABLE_ATTRIBUTE_VERTICAL: string;
 declare const SORTABLE_CONTAINERS: Map<HTMLElement, Set<OuiSortable>>;
+declare const SORTABLE_EVENT_END: string;
+declare const SORTABLE_EVENT_PLACEHOLDER: string;
 declare const SORTABLE_MESSAGE = "The element must be an instance of HTMLElement or SVGElement";
 declare const SORTABLE_SELECTOR: string;
 declare const SORTABLE_SELECTOR_ITEM: string;
 declare const sortablePlaceholder: OuiSortablePlaceholder;
-//#endregion
-//#region src/js/internal/draggable/draggable.model.d.ts
 type CreateOuiDraggableOptions = {
   /**
    * Container to hold the draggable element and restrict its movement within. Can be `body`, `document`, `window`, a _CSS_ selector, or an element. _(If not provided, the draggable element will not have any constraints)_
@@ -53,6 +52,15 @@ interface OuiDraggable<ExtraState extends PlainObject> {
 type OuiDragBegin<State extends PlainObject> = (event: MouseEvent | TouchEvent, item: OuiDraggableItem<State>, element: Element, handle: Element, position: EventPosition) => void;
 type OuiDragCancel<State extends PlainObject> = (item: OuiDraggableItem<State>) => void;
 type OuiDragEnd<State extends PlainObject> = (event: MouseEvent | TouchEvent, item: OuiDraggableItem<State>, reset: () => void) => void;
+declare class OuiDraggableEvent extends CustomEvent<OuiDraggableEventDetail> {}
+type OuiDraggableEventDetail = {
+  element: Element;
+  position?: OuiDraggableEventDetailPosition;
+};
+type OuiDraggableEventDetailPosition = {
+  next?: EventPosition;
+  original: EventPosition;
+};
 type OuiDragMove<State extends PlainObject> = (event: MouseEvent | TouchEvent, item: OuiDraggableItem<State>, position: OuiDragMovePosition) => PlainObject | undefined;
 type OuiDragMovePosition = {
   calculated: EventPosition;
@@ -151,8 +159,6 @@ declare const draggableStyles: {
 };
 declare const draggableStyleToggler: StyleToggler;
 declare const draggableVerticals: Set<OuiDraggableDirection>;
-//#endregion
-//#region src/js/movable/movable.model.d.ts
 type OuiMovable = {
   /**
    * The movable element
@@ -179,8 +185,8 @@ declare const MOVABLE_ATTRIBUTE_DIRECTION: string;
 declare const MOVABLE_ATTRIBUTE_HANDLE: string;
 declare const MOVABLE_ATTRIBUTE_MOVING: string;
 declare const MOVABLE_CONTAINERS: Map<Element, Set<OuiMovable>>;
+declare const MOVABLE_EVENT_END: string;
 declare const MOVABLE_MESSAGE = "The element must be an instance of HTMLElement or SVGElement";
 declare const MOVABLE_MOVED: Set<OuiMovable>;
 declare const MOVABLE_SELECTOR_HANDLE: string;
-//#endregion
-export { OuiSortable as $, OuiDraggableGlobals as A, OuiDraggableOptionsDrag as B, OuiDragCancel as C, OuiDraggable as D, OuiDragMovePosition as E, OuiDraggableOptionsContainer as F, OuiDraggableStates as G, OuiDraggableOptionsPositionGetOffset as H, OuiDraggableOptionsContainerOnDestroy as I, draggableHorizontals as J, draggableContainers as K, OuiDraggableOptionsContainerOnInitialize as L, OuiDraggableInstances as M, OuiDraggableItem as N, OuiDraggableBound as O, OuiDraggableOptions as P, draggableVerticals as Q, OuiDraggableOptionsDirection as R, OuiDragBegin as S, OuiDragMove as T, OuiDraggableOptionsPositionGetOriginal as U, OuiDraggableOptionsPosition as V, OuiDraggableState as W, draggableStyleToggler as X, draggableProperties as Y, draggableStyles as Z, DRAGGABLE_SELECTOR as _, sortablePlaceholder as _t, MOVABLE_ATTRIBUTE_MOVING as a, SORTABLE_ATTRIBUTE_CONNECTIONS as at, DRAGGABLE_SELECTOR_SORTABLE_ITEM as b, MOVABLE_MOVED as c, SORTABLE_ATTRIBUTE_HORIZONTAL as ct, OuiMovableState as d, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION as dt, OuiSortablePlaceholder as et, OuiMovableStyle as f, SORTABLE_ATTRIBUTE_VERTICAL as ft, DRAGGABLE_KEY_ESCAPE as g, SORTABLE_SELECTOR_ITEM as gt, DRAGGABLE_ATTRIBUTE_SORTABLE as h, SORTABLE_SELECTOR as ht, MOVABLE_ATTRIBUTE_HANDLE as i, SORTABLE_ATTRIBUTE_ACTIVE as it, OuiDraggableGlobalsElement as j, OuiDraggableDirection as k, MOVABLE_SELECTOR_HANDLE as l, SORTABLE_ATTRIBUTE_ORIGIN as lt, DRAGGABLE_ATTRIBUTE_MOVABLE as m, SORTABLE_MESSAGE as mt, MOVABLE_ATTRIBUTE_CONTAINER as n, OuiSortableState as nt, MOVABLE_CONTAINERS as o, SORTABLE_ATTRIBUTE_CONTAINER as ot, CreateOuiDraggableOptions as p, SORTABLE_CONTAINERS as pt, draggableGlobals as q, MOVABLE_ATTRIBUTE_DIRECTION as r, SORTABLE_ATTRIBUTE as rt, MOVABLE_MESSAGE as s, SORTABLE_ATTRIBUTE_DIRECTION as st, MOVABLE_ATTRIBUTE as t, OuiSortablePlaceholderDrag as tt, OuiMovable as u, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG as ut, DRAGGABLE_SELECTOR_MOVABLE_HANDLE as v, OuiDragEnd as w, DRAGGABLE_SYMBOL as x, DRAGGABLE_SELECTOR_SORTABLE_HANDLE as y, OuiDraggableOptionsDirectionOnAfter as z };
+export { draggableStyleToggler as $, OuiDraggableDirection as A, OuiDraggableOptionsContainerOnInitialize as B, OuiDragBegin as C, OuiDragMovePosition as D, OuiDragMove as E, OuiDraggableInstances as F, OuiDraggableOptionsPositionGetOffset as G, OuiDraggableOptionsDirectionOnAfter as H, OuiDraggableItem as I, OuiDraggableStates as J, OuiDraggableOptionsPositionGetOriginal as K, OuiDraggableOptions as L, OuiDraggableEventDetail as M, OuiDraggableGlobals as N, OuiDraggable as O, OuiDraggableGlobalsElement as P, draggableProperties as Q, OuiDraggableOptionsContainer as R, DRAGGABLE_SYMBOL as S, sortablePlaceholder as St, OuiDragEnd as T, OuiDraggableOptionsDrag as U, OuiDraggableOptionsDirection as V, OuiDraggableOptionsPosition as W, draggableGlobals as X, draggableContainers as Y, draggableHorizontals as Z, DRAGGABLE_KEY_ESCAPE as _, SORTABLE_EVENT_END as _t, MOVABLE_ATTRIBUTE_MOVING as a, OuiSortableState as at, DRAGGABLE_SELECTOR_SORTABLE_HANDLE as b, SORTABLE_SELECTOR as bt, MOVABLE_MESSAGE as c, SORTABLE_ATTRIBUTE_CONNECTIONS as ct, OuiMovable as d, SORTABLE_ATTRIBUTE_HORIZONTAL as dt, draggableStyles as et, OuiMovableState as f, SORTABLE_ATTRIBUTE_ORIGIN as ft, DRAGGABLE_ATTRIBUTE_SORTABLE as g, SORTABLE_CONTAINERS as gt, DRAGGABLE_ATTRIBUTE_MOVABLE as h, SORTABLE_ATTRIBUTE_VERTICAL as ht, MOVABLE_ATTRIBUTE_HANDLE as i, OuiSortablePlaceholderDrag as it, OuiDraggableEvent as j, OuiDraggableBound as k, MOVABLE_MOVED as l, SORTABLE_ATTRIBUTE_CONTAINER as lt, CreateOuiDraggableOptions as m, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION as mt, MOVABLE_ATTRIBUTE_CONTAINER as n, OuiSortable as nt, MOVABLE_CONTAINERS as o, SORTABLE_ATTRIBUTE as ot, OuiMovableStyle as p, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG as pt, OuiDraggableState as q, MOVABLE_ATTRIBUTE_DIRECTION as r, OuiSortablePlaceholder as rt, MOVABLE_EVENT_END as s, SORTABLE_ATTRIBUTE_ACTIVE as st, MOVABLE_ATTRIBUTE as t, draggableVerticals as tt, MOVABLE_SELECTOR_HANDLE as u, SORTABLE_ATTRIBUTE_DIRECTION as ut, DRAGGABLE_SELECTOR as v, SORTABLE_EVENT_PLACEHOLDER as vt, OuiDragCancel as w, DRAGGABLE_SELECTOR_SORTABLE_ITEM as x, SORTABLE_SELECTOR_ITEM as xt, DRAGGABLE_SELECTOR_MOVABLE_HANDLE as y, SORTABLE_MESSAGE as yt, OuiDraggableOptionsContainerOnDestroy as z };

package/dist/js/{navigable.model-BqoR6iBv.d.mts → navigable.model-CrzJqKE7.d.mts}

@@ -1,5 +1,4 @@
 import { AriaRole, RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/internal/navigable/navigable.model.d.ts
 type OuiNavigable = {
   [NAVIGABLE_SYMBOL]: OuiNavigableState;
   destroy(): void;
@@ -40,5 +39,4 @@ declare const NAVIGABLE_ORIENTATION_HORIZONTAL: OuiNavigableOrientation;
 declare const NAVIGABLE_ORIENTATION_VERTICAL: OuiNavigableOrientation;
 declare const NAVIGABLE_ORIENTATIONS: Set<OuiNavigableOrientation>;
 declare const NAVIGABLE_SYMBOL: unique symbol;
-//#endregion
 export { NAVIGABLE_KEYS_NEXT as a, NAVIGABLE_ORIENTATION_HORIZONTAL as c, OuiNavigable as d, OuiNavigableActive as f, OuiNavigableState as g, OuiNavigableOrientation as h, NAVIGABLE_KEYS_HORIZONTAL as i, NAVIGABLE_ORIENTATION_VERTICAL as l, OuiNavigableOptions as m, NAVIGABLE_KEYS_ACTIVATE as n, NAVIGABLE_KEYS_VERTICAL as o, OuiNavigableCallback as p, NAVIGABLE_KEYS_ALL as r, NAVIGABLE_ORIENTATIONS as s, NAVIGABLE_KEYS_ABSOLUTE as t, NAVIGABLE_SYMBOL as u };

package/dist/js/{option-list.data-CgMyUwPc.mjs → option-list.data-Be6wopy9.mjs}

@@ -4,10 +4,11 @@ import { setAria } from "@oscarpalmer/toretto/aria";
 import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch } from "@oscarpalmer/toretto/event";
 import { filter } from "@oscarpalmer/atoms/array/filter";
+import { getNumber } from "@oscarpalmer/atoms/number";
 import { createElement } from "@oscarpalmer/toretto/create";
 import { getString } from "@oscarpalmer/atoms/string";
 import { getData } from "@oscarpalmer/toretto/data";
-//#region src/js/internal/option-list/option-list.misc.ts
+// src/js/internal/option-list/option-list.misc.ts
 function generateOptionListIds(prefix, select) {
 	const elements = [...select.children].flatMap((child) => child instanceof HTMLOptGroupElement ? [child, ...filter([...child.children], (groupChild) => groupChild instanceof HTMLOptionElement)] : child instanceof HTMLOptionElement ? [child] : []);
 	const { length } = elements;
@@ -33,7 +34,7 @@ function setOptionListFilter(state, value) {
 function setOptionListLimit(type, state, value) {
 	const { component } = state;
 	let actual = value;
-	if (typeof actual === "string") actual = Number.parseInt(actual, 10);
+	if (typeof actual === "string") actual = getNumber(actual);
 	if (typeof actual === "number" && !Number.isNaN(actual) && actual >= 0 ? actual !== component[type] : actual == null) {
 		component[type] = actual;
 		setAttribute(component.host, type, actual);
@@ -41,8 +42,7 @@ function setOptionListLimit(type, state, value) {
 	}
 }
 function setOptionListMultiple(element, value) {
-	if (value) element.setAttribute("multiple", "");
-	else element.removeAttribute("multiple");
+	setAttribute(element, "multiple", value ? "" : void 0);
 }
 function setProperties(key, state, value) {
 	const { component } = state;
@@ -64,8 +64,7 @@ function setOptionListRequired(state, value) {
 	setProperties("required", state, value);
 	updateOptionListValidity(state);
 }
-//#endregion
-//#region src/js/internal/option-list/option-list.dom.ts
+// src/js/internal/option-list/option-list.dom.ts
 function createOptionListContent(parameters) {
 	const element = createElement("div", { attribute: { [parameters.attributes.content]: "" } });
 	const filter = createOptionListFilter(parameters);
@@ -298,8 +297,7 @@ function updateOptionListValueLabel(state) {
 	else label = autocomplete.none && !listbox ? filter.element.value : options.selected[0]?.textContent ?? "";
 	values.label.textContent = label;
 }
-//#endregion
-//#region src/js/internal/option-list/option-list.data.ts
+// src/js/internal/option-list/option-list.data.ts
 function applyOptionListSelection(parameters) {
 	const { added, emit, option, scroll, selected, state } = parameters;
 	const { component } = state;
@@ -335,7 +333,7 @@ function filterOptionList(type, state) {
 }
 function filterOptionListOption(state, value, textContent) {
 	const { options } = state.component;
-	const filterTextContent = textContent ?? false;
+	const filterTextContent = textContent === true;
 	const filter = getString(value).toLocaleLowerCase();
 	filterOptionListOptions(state);
 	const { length } = options.all;
@@ -437,5 +435,4 @@ function toggleOptionListOption(state, option) {
 	});
 	callbacks.data.onToggle(state);
 }
-//#endregion
 export { setOptionListDisabled as C, setOptionListReadonly as D, setOptionListMultiple as E, setOptionListRequired as O, getOptionListVisibleOptions as S, setOptionListLimit as T, createOptionListValueLabel as _, setOptionListValue as a, updateOptionListValueLabel as b, createOptionListContent as c, createOptionListHeader as d, createOptionListInput as f, createOptionListOptions as g, createOptionListOption as h, filterOptionListOptions as i, createOptionListFilter as l, createOptionListMessage as m, filterOptionList as n, setOptionListValues as o, createOptionListList as p, filterOptionListOption as r, toggleOptionListOption as s, applyOptionListSelection as t, createOptionListGroup as u, updateOptionListMessage as v, setOptionListFilter as w, generateOptionListIds as x, updateOptionListPreview as y };

package/dist/js/{option-list.model-CCPUlPeX.d.mts → option-list.model-DNZq-X0d.d.mts}

@@ -1,7 +1,6 @@
-import { _ as OuiLocalizationsValues, p as OuiLocalizations } from "./l10n.model-D1E1u35L.mjs";
+import { _ as OuiLocalizationsValues, p as OuiLocalizations } from "./l10n.model-DxwLXnFl.mjs";
 import { PlainObject } from "@oscarpalmer/atoms/models";
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/internal/option-list/option-list.model.d.ts
 type CreateOptionListContent = {
   element: HTMLDivElement;
   filter?: CreateOptionListFilter;
@@ -165,5 +164,9 @@ type OptionListValues = {
   initial: string[];
   label: Element;
 };
-//#endregion
-export { OptionListType as _, CreateOptionListList as a, OptionListAttributes as c, OptionListCallbacks as d, OptionListGroup as f, OptionListState as g, OptionListPreview as h, CreateOptionListGroupParameters as i, OptionListAutoComplete as l, OptionListOptions as m, CreateOptionListContentParameters as n, CreateOptionListOptionParameters as o, OptionListLocalizationValues as p, CreateOptionListFilter as r, CreateOptionListOptionsParameters as s, CreateOptionListContent as t, OptionListAutoCompleteType as u };
+declare const OPTION_LIST_PREVIEW_NONE: OptionListPreview;
+declare const OPTION_LIST_PREVIEW_SET: OptionListPreview;
+declare const OPTION_LIST_PREVIEW_TYPED: OptionListPreview;
+declare const OPTION_LIST_TYPE_AUTOCOMPLETE: OptionListType;
+declare const OPTION_LIST_TYPE_SELECT: OptionListType;
+export { OptionListType as S, OptionListGroup as _, CreateOptionListList as a, OptionListPreview as b, OPTION_LIST_PREVIEW_NONE as c, OPTION_LIST_TYPE_AUTOCOMPLETE as d, OPTION_LIST_TYPE_SELECT as f, OptionListCallbacks as g, OptionListAutoCompleteType as h, CreateOptionListGroupParameters as i, OPTION_LIST_PREVIEW_SET as l, OptionListAutoComplete as m, CreateOptionListContentParameters as n, CreateOptionListOptionParameters as o, OptionListAttributes as p, CreateOptionListFilter as r, CreateOptionListOptionsParameters as s, CreateOptionListContent as t, OPTION_LIST_PREVIEW_TYPED as u, OptionListLocalizationValues as v, OptionListState as x, OptionListOptions as y };

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

@@ -1,5 +1,4 @@
-import { n as OuiPopoverState, t as OuiPopover } from "../popover.model-DiLdz0Hc.mjs";
-//#region src/js/popover/index.d.ts
+import { n as OuiPopoverState, t as OuiPopover } from "../popover.model-CrrIdSmS.mjs";
 declare function OuiPopover(this: OuiPopover, state: OuiPopoverState): void;
 /**
  * Get the _OuiPopover_ for an element
@@ -8,5 +7,4 @@ declare function OuiPopover(this: OuiPopover, state: OuiPopoverState): void;
  * @returns _OuiPopover_ instance
  */
 export declare function getPopover(element: Element): OuiPopover | undefined;
-//#endregion
 export type { OuiPopover };

package/dist/js/popover/index.mjs

@@ -1,13 +1,13 @@
-import "../floatable/floatable.model.mjs";
 import { createEmbeddedFloatable, getOnBeforeToggleListener } from "../floatable/floatable.embedded.mjs";
-import { attributable } from "../internal/attributable.mjs";
+import "../floatable/floatable.model.mjs";
 import { createFocusTrap } from "../focus-trap/focus-trap.embedded.mjs";
+import { attributable } from "../internal/attributable.mjs";
 import { POPOVER_ATTRIBUTE, POPOVER_ATTRIBUTE_OPEN, POPOVER_SYMBOL, popoverFloatableOptions, popovers } from "./popover.model.mjs";
 import { getAria, setAria } from "@oscarpalmer/toretto/aria";
 import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { on } from "@oscarpalmer/toretto/event";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
-//#region src/js/popover/index.ts
+// src/js/popover/index.ts
 function OuiPopover(state) {
 	this[POPOVER_SYMBOL] = state;
 	initialize(state);
@@ -109,5 +109,4 @@ let ignoreFocus = false;
 let index = 0;
 on(document, "pointerdown", onPointerdown, { capture: true });
 attributable(POPOVER_ATTRIBUTE, addPopover, removePopover);
-//#endregion
 export { getPopover };

package/dist/js/popover/popover.model.d.mts

@@ -1,2 +1,2 @@
-import { a as POPOVER_SYMBOL, i as POPOVER_ATTRIBUTE_OPEN, n as OuiPopoverState, o as popoverFloatableOptions, r as POPOVER_ATTRIBUTE, s as popovers, t as OuiPopover } from "../popover.model-DiLdz0Hc.mjs";
+import { a as POPOVER_SYMBOL, i as POPOVER_ATTRIBUTE_OPEN, n as OuiPopoverState, o as popoverFloatableOptions, r as POPOVER_ATTRIBUTE, s as popovers, t as OuiPopover } from "../popover.model-CrrIdSmS.mjs";
 export { OuiPopover, OuiPopoverState, POPOVER_ATTRIBUTE, POPOVER_ATTRIBUTE_OPEN, POPOVER_SYMBOL, popoverFloatableOptions, popovers };

package/dist/js/popover/popover.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/popover/popover.model.ts
+// src/js/popover/popover.model.ts
 const POPOVER_ATTRIBUTE = "oui-popover";
 const POPOVER_ATTRIBUTE_OPEN = `${POPOVER_ATTRIBUTE}-open`;
 const POPOVER_SYMBOL = Symbol(POPOVER_ATTRIBUTE);
@@ -8,5 +8,4 @@ const popoverFloatableOptions = {
 	reusable: false
 };
 const popovers = /* @__PURE__ */ new WeakMap();
-//#endregion
 export { POPOVER_ATTRIBUTE, POPOVER_ATTRIBUTE_OPEN, POPOVER_SYMBOL, popoverFloatableOptions, popovers };

package/dist/js/{popover.model-DiLdz0Hc.d.mts → popover.model-CrrIdSmS.d.mts}

@@ -1,7 +1,6 @@
-import { c as OuiFloatable, l as OuiFloatableOptions } from "./floatable.model-DXsQgoU7.mjs";
-import { c as OuiFocusTrap } from "./focus-trap.model-CpltX5B5.mjs";
+import { c as OuiFloatable, l as OuiFloatableOptions } from "./floatable.model-jS5Ui5Av.mjs";
+import { l as OuiFocusTrap } from "./focus-trap.model-wg0iAZ7x.mjs";
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/popover/popover.model.d.ts
 type OuiPopover = {
   [POPOVER_SYMBOL]: OuiPopoverState;
   /**
@@ -34,5 +33,4 @@ declare const POPOVER_ATTRIBUTE_OPEN: string;
 declare const POPOVER_SYMBOL: unique symbol;
 declare const popoverFloatableOptions: OuiFloatableOptions;
 declare const popovers: WeakMap<Element, OuiPopoverState>;
-//#endregion
 export { POPOVER_SYMBOL as a, POPOVER_ATTRIBUTE_OPEN as i, OuiPopoverState as n, popoverFloatableOptions as o, POPOVER_ATTRIBUTE as r, popovers as s, OuiPopover as t };

package/dist/js/resizable/resizable.embedded.d.mts

@@ -1,2 +1,2 @@
-import { t as createResizable } from "../resizable.embedded-D9mb-Wm_.mjs";
-export { createResizable };
+import { n as getResizable, t as createResizable } from "../resizable.embedded-DQclAEP-.mjs";
+export { createResizable, getResizable };